/* RESET PADDING, MARGINS AND BORDERS ON BLOCK ELEMENTS */

body, div, fieldset, form,  ul, li, img {margin: 0; border: 0; padding: 0;}




body	{
	color: #4C4C4C;
	font-family:'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	padding: 5px 0 0 0;
	background: #fff;
	}

/*LAYOUT
----------------------------------------------------------------------------- */




#outer {
	
text-align:center;
margin-right:auto;
margin-left:auto;
width:770px;

		
	}
	
#inner	{
    float:left;
	text-align:center;
    padding: 0 0px 0 0px;
	margin:0px 0 0 0;
	width: 770px;
	background-color: #FFFFFF;



	}
	


#pagebodyhome 
		{
	width: 770px;
	float:left;
	padding: 10px 0px 0px 0px;
	margin: 10px 0 0px 0;
	border-bottom:12px solid #FFFFFF;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(graphics/pagebodyhomebg.gif);
	background-repeat: repeat-y;	 
		}
		
		
#pagebody 
		{
	width: 770px;
	float:left;
	padding: 10px 0px 0px 0px;
	margin: 10px 0 0px 0;
	border-bottom:12px solid #FFFFFF;
	
	text-align: left;
	background-color: #FFFFFF;

		}	
		




/* MAIN HORIZONTAL NAV
----------------------------------------------------------------------------- */


#logo1 {
	float:left;
	width: 250px;
	height:83px;
	text-align:left;
}


#menuholder {
	width:512px;
	height:45px;
	float:left;
	padding: 12px 0px  0px 0px;
	margin: 0;
	text-align: left;
}



ul#nav {
	position: relative;
	float:left;
	top: 0px;
	left:0px;
	width:512px;
	margin: 0;
	
	height: 53px;
	list-style-type: none;
	overflow: hidden;

}
html>body ul#nav { width: 512px;} 


ul#nav li a {
	position: absolute;
	top: 0;
	width: 52px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 53px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:53px; /* IE5/Win */
	background: transparent url(graphics/topnavbg.gif) no-repeat;
}

body li#who a 			{ background-position: 0 0; width: 126px; left: 0; }
body li#who a:hover		{ background-position: 0 -53px; }


body li#what a 			{ background-position: -126px 0px; width: 128px;left: 126px; }
body li#what a:hover		{ background-position: -126px -53px; }



body li#work a 			{ background-position: -254px 0px; width: 128px;left: 254px; }
body li#work a:hover		{ background-position: -254px -53px; }


body li#contact a 			{ background-position: -382px 0px; width: 129px;left: 382px; }
body li#contact a:hover		{ background-position: -382px -53px; }




		


/* MAINCOL 
----------------------------------------------------------------------------- */




#maincol {
	padding:18px 20px 0 0;
	.padding:14px 20px 0 0;
	_padding:14px 13px 0 0;
	FLOAT: left;
	margin:0;
	text-align:left;
	width:505px
	 }


#maincolhome {
	padding:0px 10px 10px 8px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:339px;
}


#maincol_ext {
	padding:0 0px 0 0;
	FLOAT: left;
	margin:0;
	text-align:left;
	width:770px;
	 } 



			
/* LEFTCOL 
----------------------------------------------------------------------------- */
#leftcol {
	MARGIN:0;
	padding: 0px 0 0 0px;
	float:left;
	WIDTH:400px;
	

}

	
		
/* RIGHTCOL
----------------------------------------------------------------------------- */
#rightcol {
	MARGIN:0px 0 0 0;
	padding: 10px 10px 14px 15px;
	float:left;
	WIDTH:220px;
	min-height:280px;
	height:auto !important;
	height:280px;
	text-align:left;
	background-color:#f5f6f1
}

#rightcolhome {
	MARGIN:0px 0 0 0;
	padding: 5px 0px 0 15px;
	float:left;
	WIDTH:198px;
	min-height:318px;
	height:auto !important;
	height:318px;
	text-align:left;
	background-color:#f5f6f1
}	
	


#leftcolhome {
	float:left;
	WIDTH:173px;
	text-align:left;
	MARGIN:0;
	padding: 0px 25px 0 0;
	min-height:150px;
	height:auto !important;
	height:150px;
}	



/* PRIMARY NAV
----------------------------------------------------------------------------- */

#navcontainer {
	margin: 0 0 0 0px;
	padding:17px 0 0px 20px;
	width: 195px;
	text-align:left;
	float:left

}

#navcontainer ul
{
	margin: 0;
	padding: 0 0 0 0px;
	list-style-type: square;

}

#navcontainer li {
	margin: 0;
	padding: 0 0 0 0px;	
	display:inline;
 }



#navcontainer li a
{
	display: block;
	 line-height:normal;
	padding: 6px 0px 6px 24px;
	width: 190px;
	COLOR:#2d6183;
	text-decoration: none;
	
	 background-image: url(graphics/bullet2.gif);
    background-repeat: no-repeat;
    background-position: -1px -1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
    margin: 0px;
	
	 


}



#navcontainer li a:hover{
	text-decoration:none;
	COLOR: #006600;
}

#navcontainer ul ul li { margin: 0 0 0 0; }

#navcontainer ul ul li a
{
	display: block;
	padding: 3px 8px 3px 10px;
	width: 214px;
	\width: 214px;
 	w\idth: 214px;
	text-decoration: none;
	font-size: 85%;
	margin: 0px;
	COLOR:#7B949F; 
	font-weight:normal;
	border-bottom: 1px solid #DBE0E6;
	
	 background-image: url(graphics/bullet2.gif);
    background-repeat: no-repeat;
    background-position: -1px -1px;


}

#navcontainer ul ul a:hover
{
	COLOR:#000066; 
	text-decoration: underline;
	background-image:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline
}

#navcontainer a#current{ COLOR:#7B949F; font-weight:bold;}
	









.clearboth {clear:both;}





/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {float: right; margin: 3px 0px 10px 15px; }	
.imagesocial {
	float: right;
	margin: 5px 20px 10px 15px;
}	
.imageleft {float: left; margin: 7px 7px 3px 0px; }
.imagecenter {float: left; width:100%; text-align:center; margin:3px 0px 3px 0px;

	}
	
#searchresults .imageright {float: right; margin: 3px 0px 0px 15px; }	
#leftcol .imageright { float: right; margin: 7px 0px 10px 0px; }
#leftcol .imageleft{ float: left; margin: 7px 15px 0px 0px; clear:both }


#rightcol .imageright { float: right; margin: 7px 0px 10px 0px; }
#rightcol .imageleft{ float: left; margin: 7px 15px 10px 0px; }







/* BANNERS
----------------------------------------------------------------------------- */


#topbanner {
	float: left;
	width: 770px;
	padding: 0px 0 0 0;
	text-align:left;
	margin:0 0 0px 0;
	background-color:#FFFFFF			
			
	}



#status {
	float: left;
	width: 770px;
	padding: 32px 0 0 0;
	text-align:left;
	margin:0 0 0px 0;;
	background-color:#FFFFFF;
	
			
	}
	
	
#status2 {
	float: left;
	width: 770px;
	padding: 30px 0 7px 0;
	text-align:left;
	margin:0 0 0px 0;;
	background-color:#FFFFFF;
	
			
	}
	
#utilities {
	float: left;
	width: 770px;
	padding: 10px 0 10px 0;
	text-align:left;
	margin:0 0 0px 0;
	background-color:#FFFFFF;
	border-bottom: 1px solid #a7a7a7			
	}
	
#utilitiespanel {
	float:right;
	width:201px;
	}
	

	

	
#bannerimage { float:left}	


#logoholder { float:left; width: 295px;}
			




#date {float:left; width: 288px; height:21px; padding-top:14px}

#date p {

	color:#3f5e90; 
	font-size:93%;
	font-family:'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	padding:0; margin:0;	}
				




		
		
		




/*  FOOTER
----------------------------------------------------------------------------- */

	
	
#footer {
	width:770px;
	height:29px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 0px 10px 0px;
	clear: both;
	text-align:left;
	background-color:#FFFFFF;
	border-top:1px solid #a7a7a7
	}



	
	
	
	



/* SECONDARY NAV HOLDER
----------------------------------------------------------------------------- */



	#menuholder2 {
	width:535px;
	height:35px;
	float:left;
    padding: 10px 0px  0px 10px;
	margin: 0;
	text-align: left;
	background:#FFFFFF;
	border:1px solid #c9c9c9;
	margin-top:18px;


}



/* SECONDARY NAV 
----------------------------------------------------------------------------- */

	#secondarynav {
	width:260px;
	float:left;
	height:31px;
	padding: 4px 0 0 0;
	text-align:left;
	


	
	}
	

	#secondarynav ul {
	
	
	padding:0px 0 0px 0px;
	margin:0;
	LIST-STYLE-TYPE: none;
	height:15px;
	width:260px

}

	#secondarynav li {
	BORDER-right: #a1a1a1 1px solid;
	FLOAT: left; 
	MARGIN: 0; 
	padding:0 0 0 0;
	display:inline; 

}

	#secondarynav li.last {
	BORDER-right: white 0px solid;
	padding:0;
	margin:0;
}
	#secondarynav a {
	PADDING: 2px 14px 2px 14px;
	text-align:center;
	margin:0;
	DISPLAY: block;
	COLOR: #a1a1a1;
	TEXT-DECORATION: none;
	font-size:85%;
	line-height:15px;
	font-weight:bold;
	
}



	#secondarynav a:hover {
	 COLOR: #c9c9c9;
	 TEXT-DECORATION:underline;
}


/* SEARCH BOX 
----------------------------------------------------------------------------- */

	form { margin:0; padding:0}

	fieldset#search { float:left; padding: 0px 5px 0 0px; width: 257px;height:30px; color:#405f91; font-weight:bold;font-size:11px; border:0px }

	
	#search-term {
	width:135px;
	height:19px;
	border:1px solid #ccc;
	padding:3px 0px 0 3px;
	color:#666;
	font-size:11px;
	
		}
	#search-submit {
	width: 62px;
    height:26px;
    color:#fff;
	font-weight:bold;
	padding:0px;
	font-size:11px;
	position: relative;
	top: 0px;
	left:0px;
	border:none;
	display:inline;
	background: url(graphics/searchbutton.gif) no-repeat left top;
}
	

	html>body #search-submit  {top: 1px; left:0px;}





/* IMAGE STYLING 
----------------------------------------------------------------------------- */
	
	
	#leftcolhome img {
	
	padding: 0px 0px 9px 0px;
	
	
}	






/* PANEL 1
----------------------------------------------------------------------------- */
	.adpanel {
	float:left;
	width:253px;
	padding: 0 15px 0 0;
	margin:2px 0 0 0;
	background-image:url(graphics/van.jpg);
	background-position:right;
	background-repeat:no-repeat
}

	#maincolhome .adpanel p	{ font-size:85%; padding:2px 100px 0px 25px; margin:2px 0 2px 0; }
	#maincolhome .adpanel a	{ padding:0px 0px 0px 0px; margin:0}

	
	#maincolhome .adpanel h2{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:123.1%;
	background-image: url(graphics/h2bg.jpg);
	background-repeat:repeat-y;
	padding:5px 0 5px 25px;
	margin: 0px 0 0 0;
	display:block;
	background-color: #5D9EBE;
	width:243px
    }
	
	#maincolhome .adpanel h3	{
	color:#476485;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:85%;
	padding:5px 0 2px 25px;
	margin:0;
	letter-spacing:normal
	
    }
	
	
/* PANEL 2
----------------------------------------------------------------------------- */

.adpanel2 {
	float:right;
	width:259px;
	padding: 0 0px 0 0;
	margin:2px 0 0 0;
	background-image:url(graphics/box.jpg);
	background-position:right;
	background-repeat:no-repeat
}

	#maincolhome .adpanel2 p	{ font-size:85%; padding:2px 100px 0px 25px; margin:2px 0 2px 0; }
	#maincolhome .adpanel2 a	{ padding:0px 0px 0px 0px; margin:0}

	
	#maincolhome .adpanel2 h2	{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:123.1%;
	background-image: url(graphics/h2bg_3.jpg);
	background-repeat:repeat-y;
	padding:5px 0 5px 25px;
	margin: 0px 0 0 0
    }
	
	#maincolhome .adpanel2 h3	{
	color:#476485;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:85%;
	padding:5px 0 2px 25px;
	margin:0;
	letter-spacing:normal
	
    }
	
/* PANEL 3
----------------------------------------------------------------------------- */



	#leftcolhome .adpanel3 {
	float:left;
	width:274px;
	padding: 0 0px 0 0;
	margin:2px 0 0 0;
	background-image:url(graphics/man2.jpg);
	background-position:right;
	background-repeat:no-repeat
}

	#leftcolhome  .adpanel3 p	{ font-size:85%; padding:2px 100px 0px 25px; margin:2px 0 2px 0; }
	#leftcolhome  .adpanel3 a	{ padding:0px 0px 0px 0px; margin:0}

	
	#leftcolhome  .adpanel3 h2	{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:123.1%;
	background-image: url(graphics/h2bg_2.jpg);
	background-repeat:repeat-y;
	padding:5px 0 5px 25px;
	margin: 0px 0 0 0
    }
	
	#leftcolhome  .adpanel3 h3	{
	color:#476485;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:85%;
	padding:5px 0 2px 25px;
	margin:0;
	letter-spacing:normal
	
    }




/* PANEL FOR WHO WE ARE PAGE
----------------------------------------------------------------------------- */

.who { border-bottom: 0px dashed #a7a7a7; padding-bottom:10px}




/* BREADCRUMBS
----------------------------------------------------------------------------- */

#breadcrumbs
{
	width:500px;
	padding: 0px 0 0 0px;
	text-align:left;
	float:left
}




#breadcrumbs a

{

padding:0px;
color:#666;
text-decoration:none


}

 #breadcrumbs a:hover

{
	padding:0px;
	COLOR: #FF6600;
	text-decoration:underline
}


/* FEATURED WORK HOME PAGE
----------------------------------------------------------------------------- */

#featurelist {
	width:190px;
	float:left;
	padding-top:6px
}


.feature {
	width:188px;
	height:70px;
	float:left;
	margin: 0 0px 15px 0px;
}
.feature img {padding:0; margin:0}

a.thumb {  padding:0; margin:0; border: 5px solid #fff; display:block  }
a.thumb:hover {
	border: 5px solid #ccc;
	display:block
}


/*  WORK
----------------------------------------------------------------------------- */

.worklist {
	width:770px;
	float:left;
	padding:20px 0 14px 0;
	.padding:20px 0 39px 0;
	_padding:20px 0 39px 0;
}


.work {
	width:90px;
	height:70px;
	float:left;
	margin: 0 23px 35px 0px;
}

.worklast {
	width:90px;
	height:70px;
	float:left;
	margin: 0 0px 35px 0px;
}


.work img {padding:0; margin:0}
.worklast img {padding:0; margin:0}

a.workthumb {  padding:0; margin:0; border: 5px solid #e7e7e7; display:block  }
a.workthumb:hover {
	border: 5px solid #ccc;
	display:block
}



.work_hide { display:none}


/*CONTACT FORM
----------------------------------------------------------------------------- */

#outer #inner #pagebody #maincol form.cmxform fieldset {
  margin-bottom: 10px;
  padding:10px;
  border: 1px solid #a7a7a7;
}
#outer #inner #pagebody #maincol form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	color: #4c4c4c;
}
#outer #inner #pagebody #maincol form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#4c4c4c;
}
#outer #inner #pagebody #maincol form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
   list-style: none;
}
#outer #inner #pagebody #maincol form.cmxform fieldset li {
  list-style: none;
  padding: 7px;
  margin: 0;
  background:none
  
}
#outer #inner #pagebody #maincol form.cmxform fieldset fieldset {
  
  margin: 3px 0 0;
}
#outer #inner #pagebody #maincol form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
#outer #inner #pagebody #maincol form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
#outer #inner #pagebody #maincol form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #4c4c4c;
}
#outer #inner #pagebody #maincol form.cmxform label {
  width: 170px; /* Width of labels */
}
#outer #inner #pagebody #maincol form.cmxform fieldset fieldset label {
  margin-left: 173px; /* Width plus 3 (html space) */
}





/*SIGN UP FORM
----------------------------------------------------------------------------- */

#footerleft{
  
  float:left;
  width:587px;

  
  
}


#footerright{
  
  float:left;
  width:180px;
  font-size:85%;
  color:#666;
  

  
  
}





#footer form.cmxform2 fieldset {
  margin: 0px;
  padding:0px;
  display:inline;
  border:0;

}
#footer form.cmxform2 legend {
	padding: 0;
	margin: 0px;
	
	
}

 


#footer form.cmxform2 fieldset ol {
  margin: 0;
  padding: 0;
   list-style: none;
}
#footer form.cmxform2 fieldset li {
  list-style: none;
  padding: 0px;
  margin: 0;
  background:none
  
}




#footer form.cmxform2 label {
  width: 145px; 
    display: inline-block;
	padding:0;
	  color:#666;
  padding: 2px 0 0 0;
	margin: 0px;
	
  
  
  
  /* Width of labels */
}



#signup-submit {
	width: 54px;
    height:22px;
    color:#fff;
	font-weight:bold;
	line-height:normal;
	padding:0px;
	margin:0;
	font-size:11px;

	background-position: 0 0px;
	border:none;
	display:inline;
	background: url(graphics/signupbutton.gif) no-repeat;

}



	
	
#footer form.cmxform2  .textfield {
	margin: 0;
	padding: 3px;
	font-size: 100%;

	border: 1px solid #a6a6a6;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif
	
	}




/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;

	}
	
fieldset { border: 1px solid #7F9DB9; }

legend {
	padding: 0;
	color: #000;
	}

 #outer #inner #pagebody #maincol form.cmxform input textarea {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	border: 1px solid #7F9DB9;
	color:#666666
	
	}
	
 select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	
	
	}
	
select { padding: 0; }