body {
width:950px;
background-image:url('/img/bg.jpg');
background-repeat:repeat-x;
background-color:#3e3124;
margin-top:0px;
font-family:lucida sans,verdana,sans-serif;
font-size:11px;
color:#51422b;
}

#container {
width:950px;
position: absolute;
left: 50%;
margin-left:-475px;
}


/* HEADER */

#header {
width:950px;
height:369px;
}

#logobar {
width:950px;
height:121px;
text-align:center;
}

#nav {
width:950px;
height:248px;
}

#navtop {
width:950px;
height:168px;
background-image:url('/img/navbox.gif');
background-repeat:no-repeat;
}

#navtop_left {
width:412px;
height:168px;
float:left;
}

#navtop_menu {
width:143px;
float:left;
}

#menu1 {
width:143px;
height:44px;
}

.menu2 {
width:143px;
height:24px;
text-align:right;
}

#navtop_right{
width:538px;
height:168px;
float:right;
}

#navtop_L{
width:269px;
height:168px;
float:left;
text-align:right;
}

.navtop_R{
width:269px;
height:168px;
float:right;
text-align:right;
}

#navbottom {
width:950px;
height:80px;
background-image:url('/img/navbg_sub.jpg');
}

#nav_left{
width:475px;
height:80px;
float:left;
}

#nav_right{
width:475px;
height:80px;
float:right;
}

.nav_L{
width:237px;
height:80px;
float:left;
}

.nav_R{
width:238px;
height:80px;
float:right;
}


/* CONTENT */


#allwrapper {
width:950px;
}

#clear {
width:950px;
clear:both
}

span.title {
font-family:georgia,serif;
font-size:32px;
color:#e55c00;
margin-top:0px;
margin-bottom:0px;
}

span.chicago, legend {
font-family:georgia,serif;
font-size:20px;
color:#51422b;
}

p.bodytext {
font-family:lucida sans,verdana,sans-serif;
font-size:11px;
color:#51422b;
text-align:justify;
padding-right:40px;
line-height:19px;
}

p.subtext {
font-family:lucida sans,verdana,sans-serif;
font-size:13px;
color:#51422b;
text-align:justify;
padding-right:40px;
line-height:19px;
}

span.bodylink {
font-weight:bold;
font-family:lucida sans,verdana,sans-serif;
font-size:11px;
color:#e55c00;
text-align:justify;
padding-right:40px;
line-height:19px;
}

a.alink {
font-weight:bold;
color:#e55c00;
text-decoration:none;
}

a.alink:hover {
color:#51422b;
}

p.centerbox {
text-align:center;
}

p.paddingbox {
padding-left:15px;
}

/* FOOTER */


#footer {
width:950px;
height:100%;
background-image:url('/img/footerbg.jpg');
background-repeat:repeat-x;
position:relative;
clear:both;
}

#footwrapper {
width:950px;
height:203px;
clear:both;
}

#foot_bg {
width:560px;
height:203px;
float:left;
background-image:url('/img/footleft.gif');
background-repeat:no-repeat;
}

#foot_bg_top {
width:560px;
height:62px;
}

#foot_bg_middle {
width:600px;
height:81px;
}

#foot_bg_bottom {
width:560px;
padding-top:5px;
}

#foot_right {
width:380px;
height:203px;
float:right;
background-image:url('/img/footright.jpg');
background-repeat:no-repeat;
background-position:right;
}

#footclear {
width:950px;
height:1px;
clear:both;
position:relative;
background-color:#3e3124;
}

span.footlinks {
font-family:georgia,serif;
font-size:20px;
color:#7b6148;
text-align:left;
padding-left:20px;
}

a.foot {
color:#7b6148;
text-decoration:none;
}

a.foot:hover {
color:#e55c00;
}

span.copyright {
font-family:lucida sans,verdana,sans-serif;
font-size:11px;
color:#7b6148;
text-align:left;
padding-left:20px;
}


/* NAVIGATION ROLLOVERS */


a.home {
display: block;
width: 53px;
height: 24px;
background-image: url('/img/menu1.gif');
background-repeat: no-repeat;
background-position: -47px 0;
float:right;
}
	 
a.home:hover {
background-image: url('/img/menu1.gif');
background-position: -47px -24px;
float:right;
} 

#index a.home {
background-image: url('/img/menu1.gif');
background-position: -47px -24px;
float:right;
}

a.portfolio {
display: block;
width: 100px;
height: 24px;
background-image: url('/img/menu1.gif');
background-repeat: no-repeat;
background-position: 0 -48px;
float:right;
}
	 
a.portfolio:hover {
background-image: url('/img/menu1.gif');
background-position: 0 -72px;
float:right;
} 

#portfolio a.portfolio {
background-image: url('/img/menu1.gif');
background-position: 0 -72px;
float:right;
} 

a.about {
display: block;
width: 62px;
height: 24px;
background-image: url('/img/menu1.gif');
background-repeat: no-repeat;
background-position: -38px -96px;
float:right;
}
	 
a.about:hover {
background-image: url('/img/menu1.gif');
background-position: -38px -120px;
float:right;
} 

#about a.about {
background-image: url('/img/menu1.gif');
background-position: -38px -120px;
float:right;
} 

a.contact {
display: block;
width: 86px;
height: 24px;
background-image: url('/img/menu1.gif');
background-repeat: no-repeat;
background-position: -14px -144px;
float:right;
}
	 
a.contact:hover {
background-image: url('/img/menu1.gif');
background-position: -14px -168px;
float:right;
} 

#contact a.contact, #thanks a.contact {
background-image: url('/img/menu1.gif');
background-position: -14px -168px;
float:right;
}

a.web {
display: block;
width: 240px;
height: 168px;
background-image: url('/img/menu2.gif');
background-repeat: no-repeat;
background-position: 0 0;
float:right;
}
	 
a.web:hover {
background-image: url('/img/menu2.gif');
float:right;
background-position: 0 -168px;
} 

#web a.web {
background-image: url('/img/menu2.gif');
float:right;
background-position: 0 -168px;
} 

a.graphic {
display: block;
width: 253px;
height: 168px;
background-image: url('/img/menu2.gif');
background-repeat: no-repeat;
background-position: -240px 0;
float:right;
}
	 
a.graphic:hover {
background-image: url('/img/menu2.gif');
background-position: -240px -168px;
float:right;
} 

#graphic a.graphic {
background-image: url('/img/menu2.gif');
background-position: -240px -168px;
float:right;
} 

a.seo {
display: block;
width: 256px;
height: 168px;
background-image: url('/img/menu2.gif');
background-repeat: no-repeat;
background-position: -493px 0;
float:right;
}
	 
a.seo:hover {
background-image: url('/img/menu2.gif');
background-position: -493px -168px;
float:right;
}

#seo a.seo{
background-image: url('/img/menu2.gif');
background-position: -493px -168px;
float:right;
}  

a.viewwork {
display: block;
width: 190px;
height: 71px;
background-image: url('/img/menu3.gif');
background-repeat: no-repeat;
background-position: 0 0;
float:left;
}
	 
a.viewwork:hover {
background-image: url('/img/menu3.gif');
background-position: 0 -71px;
float:left;
} 

a.freeestimate {
display: block;
width: 179px;
height: 71px;
background-image: url('/img/menu3.gif');
background-repeat: no-repeat;
background-position: -190px 0;
float:left;
}
	 
a.freeestimate:hover {
background-image: url('/img/menu3.gif');
background-position: -190px -71px;
float:left;
} 

a.email {
display: block;
width: 224px;
height: 71px;
background-image: url('/img/menu3.gif');
background-repeat: no-repeat;
background-position: -369px 0;
float:left;
}
	 
a.email:hover {
background-image: url('/img/menu3.gif');
background-position: -369px -71px;
float:left;
}



/* SUBPAGES Content*/



#content {
width:950px;
background-image:url('/img/whitebg.jpg');
}

#left {
width:475px;
float:left;
}

#left_bg {
width:475px;
min-height:73px;
background-image:url('/img/whitetop.jpg');
background-repeat:no-repeat;
}

#left_content {
width:459px;
float:right;
padding-bottom:20px;
padding-top:12px;
}

#right {
width:475px;
float:right;
}

#right_bg {
width:475px;
min-height:50px;
background-image:url('/img/whitetop.jpg');
background-repeat:no-repeat;
}

#right_content {
width:465px;
float:right;
text-align:left;
padding-top:12px;
}

#port_heading {
width:475px;
height:60px;
}

span.port_title {
font-family:georgia,serif;
font-size:32px;
color:#e55c00;
margin-top:0px;
margin-bottom:10px;
padding-left:21px;
}

span.checkit {
font-family:georgia,serif;
font-size:20px;
color:#51422b;
margin-top:0px;
margin-bottom:0px;
padding-left:21px;
}

/* PORTFOLIO CLASSES */
#portfolio {
width:920px;
margin:15px;
}
.client {
height:250px;
width:250px;
margin:24px;
float:left;
border:4px solid rgba(62,39,46,.5);
}
.orange-bold {
color:#e55c00;
font-weight:bold;
}

/* BODY IDS */

#index #navbottom, #contact #navbottom, #thanks #navbottom {
width:950px;
height:80px;
background-image:url('/img/navbg_home.jpg');
}

#index #content, #contact #content, #thanks #content {
width:950px;
background-image:url('/img/orangewhitebg.jpg');
}


#index #left, #contact #left, #thanks #left {
width:416px;
float:left;
}

#index #left_bg, #contact #left_bg, #thanks #left_bg {
width:416px;
min-height:73px;
background-image:url('/img/orangetop.jpg');
background-repeat:no-repeat;
}

#index #left_content, #contact #left_content, #thanks #left_content {
width:376px;
float:right;
padding-bottom:20px;
}

#index #right, #contact #right, #thanks #right {
width:534px;
float:right;
}

#index #right_bg, #contact #right_bg, #thanks #right_bg {
width:534px;
min-height:50px;
background-image:url('/img/whitetop.jpg');
background-repeat:no-repeat;
}

#index #right_content, #contact #right_content, #thanks #right_content {
width:534px;
float:right;

}

/* ABOUT DIVS */
span.abouttitle {
font-family:georgia,serif;
font-size:28px;
color:#ff9900;
padding-right:25px;
}

span.abouttext {
font-family:lucida sans,verdana,sans-serif;
font-size:13px;
color:#ffffff;
padding-right:25px;
}

a.aboutlink {
color:#ffffff;
text-decoration:none;
}

a.aboutlink:hover {
color:#ff9900;
}

#aboutdean {
width:445px;
height:179px;
background-image:url('/img/staff/a_dean.jpg');
background-repeat:no-repeat;
text-align:right;
padding-top:20px;
}

#aboutlindsey {
width:445px;
height:179px;
background-image:url('/img/staff/a_lindsey.jpg');
background-repeat:no-repeat;
text-align:right;
padding-top:20px;
}

#aboutquincy {
width:445px;
height:179px;
background-image:url('/img/staff/a_quincy.jpg');
background-repeat:no-repeat;
text-align:right;
padding-top:20px;
}

#aboutbob {
width:445px;
height:179px;
background-image:url('/img/staff/a_bob.jpg');
background-repeat:no-repeat;
text-align:right;
padding-top:20px;
}

#aboutchris {
width:445px;
height:179px;
background-image:url('/img/staff/chris.jpg');
background-repeat:no-repeat;
text-align:right;
padding-top:20px;
}

#aboutlisa {
width:445px;
height:179px;
background-image:url('/img/staff/a_lisa.jpg');
background-repeat:no-repeat;
text-align:right;
padding-top:20px;
}

#aboutalex {
width:445px;
height:179px;
background-image:url('/img/staff/alex.jpg');
background-repeat:no-repeat;
text-align:right;
padding-top:20px;
}

#aboutrob {
width:445px;
height:179px;
background-image:url('/img/staff/a_rob.jpg');
background-repeat:no-repeat;
text-align:right;
padding-top:20px;
}

#aboutbrad {
width:445px;
height:179px;
background-image:url('/img/staff/a_brad.jpg');
background-repeat:no-repeat;
text-align:right;
padding-top:20px;
}


/* BELOW IS DAN FUCKIN' UP ROB'S DESIGN AGAIN WITH THE JQUERY SLIDESHOW*/
#slider {margin:0 auto -50px auto; padding:0;}
.slideNav A SPAN {display:none;}
#prev	{display:block; background:url('/img/arrowleft.gif') no-repeat; width:26px; height:33px; position:relative; bottom:110px; left:20px;}
#next {display:block; background:url('/img/arrowright.gif') no-repeat; width:26px; height:33px;position:relative; bottom:143px; left:490px;}

/* BELOW IS DAN FUCKIN' UP ROB'S DESIGN AGAIN WITH A LIGHTBOX EFFECT */
A IMG {border:none;}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
	}


/* BELOW IS DAN FUCKIN' UP ROB'S DESIGN AGAIN WITH THE NEW CONTACT FORM */
FIELDSET {background:#f1e7dc;}
#cform {width:500px; margin:0 auto; position:relative; text-align:left; padding-left:40px;}
.scroll {height:480px; width:500px; overflow:auto; overflow-x:hidden; position:relative; clear:left; background:transparent;}
.scrollContainer div.panel {padding:20px; height:400px; width:460px;}
#shade {height:10px;}
.navigation {display:none;}
.scrollButtons {display:none;}
.hide {display: none;}

/* GOOGLE MAPS VIA THE API */
#myMap{height:340; width:340px;}