/* CSS Dev: Chris Gerikh */
/* Global */
body, form { margin: 0px; }
body { 
	text-align:center;	
	background:#efefef url(./images/bg.gif) top repeat-x;
}
body, table, div, input, textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}
h1, h2 { font-size: 10px; }
h3, h4 { font-size: 10px; font-weight: normal; }
h1, h2, h3, h4 { 
	margin-top: 4px; margin-bottom: 4px;
}
div { color:#333333; }
a, a:hover { font-weight: normal; text-decoration:underline; }
a { color:#669900;  }
a:hover { color:#000000; }
img { border-style: none; }

/* Design */
.shell, .footer, .base { margin:0 auto;  }
.shell { width: 770px; background:url(./images/shell_bg.gif) repeat-y; }
.b_left, .b_right, .midsection, .left, .right { float: left; }
.b_left, .b_right { width: 2px; }
.midsection { width: 766px; }

.left { width: 407px; }
.right { width: 359px;  }

.footer_pad { padding: 0px 12px 0px 12px; }
.footer_content { color:#ffffff; font-size: 10px; }
.footer_content a { color:#ffffff; text-decoration:none; }
.footer_content a:hover { color:#cccccc; text-decoration:underline; }
.footer { 
	width: 766px; 
	background:#333333 url(./images/footer.gif) bottom no-repeat;
	padding: 6px 0px 6px 0px;
	text-align:left;
}
.base { width: 766px; text-align:left; }
.base_pad { padding: 8px 24px 0px 37px; }
.base_content { color:#333333; font-size: 10px; }


/* Navigation */
.nav_pad { padding: 4px 0px 2px 28px; }
.nav_bg { 
	background:url(./images/nav_bg.gif) top no-repeat; 
	height: 29px;
	text-align:left;
}
.nav a { color:#cccccc; background:url(./images/nav_bg_off.gif) top repeat-x; }
.nav a:hover { color:#333333; background:url(./images/nav_bg_on.gif) top repeat-x; }
.nav a, .nav a:hover {
	float: left;
	display: block; 
	border: 1px solid #666666;
	padding: 2px;
	margin-right: 8px;
	margin-top: 2px;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
}
.nav_active a, .nav_active a:hover { 
	color:#333333; 
	background:url(./images/nav_active.gif) top repeat-x; height: 19px;
	background-color: #efefef;
	border-style: none;
}

/* Featured/Latest Work/Background GUI */
.featured { 
	background:url(./images/rhs_featured.jpg) top no-repeat; 
	height: 308px;
	text-align:left;
	position: relative;
}
.textblock, .project { position: absolute; width: 160px; }
.textblock {
	text-align: center;
	top: 38px;
	left: 100px;
	color:#ffffff;
}
.project_thumbnail { border: 1px solid #BDD490; padding: 2px; margin-bottom: 4px; }
.project img { margin: auto; }
.project_link a { color: #336699; text-decoration:none; }
.project_link a:hover { color: #333333; text-decoration:underline; }
.project {
	top: 180px;
	left: 90px;
	text-align:center;
}

.testimonials {
	margin: auto;
	padding: 8px 0px 0px 13px;
	width: 175px; 
	text-align:left;
}

.content {
	padding: 24px 0px 12px 28px;
	text-align:left;
	line-height: 150%;
}

/* Box */
.box { 
	width: 148px;
	background:url(./images/box_sub_bg.gif) repeat-y;
	float: left; 
	margin-left: 18px;
}
.box_top, .box_base { height: 8px; }
.box_top { background:url(./images/box_top.gif) no-repeat; }
.box_base { background:url(./images/box_base.gif) top no-repeat; font-size: 1px; }
.box_content { 
	background:url(./images/box_bg.gif) top no-repeat;
	text-align:left;
	padding: 0px 8px 0px 8px;
}
.box_list, .box_content { font-size: 10px; line-height: 125%; }
.box_list { 
	list-style-type: none; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 8px; 
	padding-left: 0px;
}
.box_list li {
	padding-left: 14px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image:url(./images/bull.gif);
}
.box_list li a { color: #333333; font-weight: bold; text-decoration: none; }
.box_list li a:hover { font-weight: bold; text-decoration: underline; }

/* Common */
.clear { clear: both; }
.block { display: block; }
.fleft { float: left; }
.fright { float: right; }
.border { border: 1px solid #000000; }
.w110 { width: 110px; }
.error { color: #ff0000; font-weight: bold; }

/* Misc */
.home_ico { vertical-align:middle; width: 17px; height: 17px; margin-right: 4px; }
.banner { width: 145px; height: 22px; display: block; margin-bottom: 8px; margin-left: -2px; }
.solid a, .solid a:hover { font-weight: bold; text-decoration:none; }
.btn { width: 92px; height: 22px; display: block; }
.centered { margin: auto; }