/* ------------------------------ 
HTML Redefine Tags
------------------------------ */
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;}

input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:18px;}
h2{font-size:14px; color:#999999}
h3{font-size:13px; border-bottom:solid 1px #DEDEDE; padding:4px 0; margin-bottom:10px;}

a:link, a:visited{color:#0033CC;}
a:hover{text-decoration:none;}

a {outline:none;}

.contact_copy p{
	font-size:14px;
	font-weight:bold;
	color:#F4A100;
	text-align: left;
}

.contact_copy{
position:absolute;
margin:622px 0px 0px 18px;
}

.contact_copy a:link {color:#F4A100; text-decoration:none;} /* unvisited link */
.contact_copy a:visited {color:#F4A100; text-decoration:none;} /* visited link */
.contact_copy a:hover {color:#F4A100; text-decoration:underline;} /* mouse over link */
.contact_copy a:active {color:#F4A100; text-decoration:none;} /* selected link */

.contact_copy_home p{
	font-size:14px;
	font-weight:bold;
	color:#F4A100;
	text-align: left;
}

.contact_copy_home{
position:absolute;
margin:622px 0px 0px 18px;
}

.contact_copy_home a:link {color:#F4A100; text-decoration:none;} /* unvisited link */
.contact_copy_home a:visited {color:#F4A100; text-decoration:none;} /* visited link */
.contact_copy_home a:hover {color:#F4A100; text-decoration:underline;} /* mouse over link */
.contact_copy_home a:active {color:#F4A100; text-decoration:none;} /* selected link */
/* ------------------------------ 
PAGE STRUCTURE 
------------------------------ */

/* 
#container has an absolute width (780 pixel) 
*/

#container{width:939px;  margin:0 auto; padding:0px 0px 0px 0px;}



	#topbar{
	position:absolute;
	width:724px;
	height:160px;
}
	#navbar{width:auto; display:block; height:28px;}
		#navbar a{heigth:28px; line-height:28px; padding:0 8px; display:inline;}
	
	#main{ width:939px; height:683px; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  background: url(images/container_bg.gif) no-repeat;}
	#main_casestudy{ width:939px; height:683px; display:block; padding:0px 0; }
	
		#column_left{position:absolute; height:683px; width:215px;   background: url(images/left_bar_home.jpg) no-repeat;}
		#column_left_about{height:683px; width:215px;  float:left;  background: url(images/left_bar_about.jpg) no-repeat;}
		
		
		#logo{position:absolute; width:186px; height:123px; margin:26px 0px 0px 26px; background: url(images/logo-trans.png) no-repeat; text-indent: -999em;}
		
		#column_right{position:absolute; width:724px; height:683px; margin:0px 0px 0px 215px;  background-color:#247177; background: url(images/right_home.jpg) no-repeat;}
		#column_right_about{width:724px; height:683px; float:left;  background: url(images/right_about.jpg) no-repeat;}
		#column_right_ourwork{width:724px; height:683px; float:left;  background: url(images/right_ourwork.jpg) no-repeat;}
		
		#locations{
		position:absolute;
		display:block;
	width:220px;
	height:80px;
	
	margin:67px 0px 0px 18px;
}
		#locations p{font-family:Arial, Helvetica, sans-serif; color:#F4A100; font-size:12px; }
		
		#column_right_adsense{width:120px; float:left;}
		div.spacer{clear:both; height:10px; display:block;}
	
	#footer{
	width:auto;
	display:block;
	padding:0px 0px 0px 8px;
	font-size:11px;
	color:#999999;
	text-align: left;
}
	
/* ------------------------------ 
CUSTOM CLASSES
------------------------------ */

/* 
Add here your custom classes
*/
#menu{
	position:absolute;
	display:block;
	width:385px;
	height:52px;
	margin:60px 0px 0px 349px;
}


#menu_off {
float: left;
	width: 76px;
	height: 52px;
	padding: 0px;
	background: url(images/menu_hover_off.gif) 0 0 no-repeat;	
	text-indent: 0px;
	margin:0px 0px 0px 10px;
}

#menu_on {
float: left;
	width: 76px;
	height: 52px;
	padding: 0px;
	background: url(images/menu_hover.gif) 0 0 no-repeat;	
	text-indent: 0px;
	margin:0px 0px 0px 10px;
}


#menu_second_off {
float: left;
	width: 76px;
	height: 52px;
	padding: 0px;
	background: url(images/menu_second_hover_off.gif) 0 0 no-repeat;	
	text-indent: 0px;
	margin:0px 0px 0px 10px;
}

#menu_second_on {
float: left;
	width: 76px;
	height: 52px;
	padding: 0px;
	background: url(images/menu_second_hover.gif) 0 0 no-repeat;	
	text-indent: 0px;
	margin:0px 0px 0px 10px;
}


#menu_off:hover, #menu_on:hover{ background-position: 0 -52px; cursor: pointer; cursor: hand; }

a#menu_off, a#menu_on{ color:#ffffff; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;} /* unvisited link */

a#menu_off p, a#menu_on p{ margin:19px 0px 0px 4px; text-align: center;} /* unvisited link */



#menu_second_off:hover, #menu_second_on:hover{ background-position: 0 -52px; cursor: pointer; cursor: hand; color:#fff;}

a#menu_second_off, a#menu_second_on{ color:#F4A100; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;} /* unvisited link */

a#menu_second_off p, a#menu_second_on p{ margin:19px 0px 0px 4px; text-align: center;} /* unvisited link */



#home_headline {
position:absolute;
	width: 677px;
	height: 216px;
	padding: 0px;
	background: url(images/home_headline.gif) 0 0 no-repeat;	
	text-indent: -999em;
	margin:200px 0px 0px 10px;
}

#about_headline {
	position:absolute;
	width: 477px;
	height: 216px;
	padding: 0px;
	background: url(images/about_headline.gif) 0 0 no-repeat;
	text-indent: -999em;
	margin:200px 0px 0px 10px;
}

#ourwork_headline {
	position:absolute;
	width: 498px;
	height: 216px;
	padding: 0px;
	background: url(images/ourwork_headline.gif) 0 0 no-repeat;
	text-indent: -999em;
	margin:200px 0px 0px 10px;
}

#about_copy {
	position:absolute;
	width: 467px;
	
	padding: 0px;
	
	
	margin:404px 0px 0px 15px;
}

#about_copy p{
	color:#77787b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12.5px;
	line-height:1.2;
}

#about_bubbles {
	position:absolute;
	width: 180px;
	height: 458px;
	padding: 0px;
	background: url(images/bubbles.gif) 0 0 no-repeat;
	text-indent: -999em;
	margin:190px 0px 0px 500px;
}

#case_studies{
	position:absolute;
	width: 166px;
	height:500px;
	padding: 0px;
	
	text-indent: -999em;
	margin:136px 0px 0px 512px;
}

#case_study01 {
float: left;
	width: 166px;
	height: 116px;
	padding: 0px;
	background: url(images/casestudy01.gif) 0 0 no-repeat;	
	text-indent: -999em;
	margin:0px 0px 14px 0px;
	
}

#case_study02 {
float: left;
	width: 166px;
	height: 116px;
	padding: 0px;
	background: url(images/casestudy02.gif) 0 0 no-repeat;	
	text-indent: -999em;
margin:0px 0px 14px 0px;
}

#case_study03 {
float: left;
	width: 166px;
	height: 116px;
	padding: 0px;
	background: url(images/casestudy03.gif) 0 0 no-repeat;	
	text-indent: -999em;
	margin:0px 0px 14px 0px;
}

#case_study04 {
float: left;
	width: 166px;
	height: 116px;
	padding: 0px;
	background: url(images/casestudy04.gif) 0 0 no-repeat;	
	text-indent: -999em;
	margin:0px 0px 14px 0px;
}