@charset "utf-8";
/* structure.css - contains positioning and size info */


/*------------------------ general classes ---------------------------*/

.float_left{
float:left;
}

.float_right{
float:right;
}

.clear{
clear:both;
}


/*----------------General structure------------------*/

body, html{
height:100%;
}

body{
margin:0;
padding:0;
}

#body{
width:908px;
padding:0 15px 50px 15px;
margin:0 auto;
position:relative;
}



/* header */

#header{
height:111px;
width:938px;
position:relative;
left:-15px;
}

#logo{
height:111px;
width:300px;
margin:0 0 0 15px;
}

#contact_us{
position:absolute;
right:30px;
top:16px;
font-size:16px;
}

/* nav-bar */

#nav_bar{
width:908px;
height:37px;
margin:0 0 20px 0;
position:relative;
z-index:50;
}

* html #nav_bar{
margin:0;
height:10px;
}

#read_about{
position:absolute;
right:8px;
top:5px;
width:100px;
height:23px;
padding:4px 0 0 30px;
line-height:normal;
font-size:12px;
}

#nav_bar ul{
padding:0;
margin:0 0 0 0;
}

#nav_bar ul li{
margin:0;
padding:0;
list-style-type:none;
float:left;
display:inline;
height:37px;
}


#nav_bar li.active{
height:27px;
/*padding:10px 0 0 0;*/
}

#nav_bar ul li a{
display:block;
height:27px;
width:100%;
padding:10px 0 0 0;
}

#nav_home{
width:85px;
}

* html #nav_about .dropdown{
left:268px;
}

* html #nav_services .dropdown{
left:85px;
}

* html #nav_solutions .dropdown{
left:172px;
}

#nav_about{
width:91px;
}

#nav_solutions{
width:96px;
}

#nav_services{
width:87px;
}

#nav_contact{
width:81px;
}


/* drop-down */

.dropdown{
width:250px;
position:absolute;
padding:0 0 18px 0;
margin:0 !important;
z-index:500;
visibility:hidden;
}



.dropdown li{
margin:0;
padding:0;
width:100%;
list-style-type:none;
height:28px !important;
}

.dropdown li a{
display:block !important;
width:225px !important;
height:auto !important;
padding:7px 0 8px 20px !important;
margin:0 2px !important;
float:none !important;
line-height:normal;
text-align:left !important;
}

* html .dropdown li a{
padding:7px 0 8px 0 !important;
margin:0 !important;
}

* html #logo{
display:inline;
margin:0px;
}



#services_menu{
width:200px;
}

#services_menu li a{
width:175px !important;
} 

#about_menu{
width:150px;
}

#about_menu li a{
width:125px !important;
}

/* Footer */

#footer{
height:100px;
width:938px;
margin:0 auto;
}

* html #footer{
width:968px;
}




#footer_links{
padding:0;
margin:38px 0 0 20px;
width:500px;
}

#footer_links a{
margin:0 20px 0 0px;
}

#footer_copyright{
margin:38px 20px 0 0;
width:300px;
text-align:right;
}


/*------------------------ Homepage -------------------------------*/

#header_img{
width:908px;
height:280px;
margin:0 0 46px 0;
position:relative;
z-index:5;
}

#header_img img{
/*position:absolute;*/
z-index:6;
display:none;
}

#header_img img.default{
display:block;
}

#header_img div{
width:278px;
margin-right:8px;
}

#header_img div p{
margin:15px 0 0 0;
}

#header_img div ul{
padding:0;
margin-bottom:30px;
}

#header_img li{
list-style-type:none;
padding:5px 0 5px 0;
}

#next_arrow, #previous_arrow{
position:absolute;
width:54px !important;
height:219px !important;
margin:0 !important;
display:none;
}

#next_arrow{
right:0px;
bottom:0px;
}

#previous_arrow{
bottom:0px;
left:0px;
}




#homepage_info_list{
width:296px;
border-left:1px dotted #ababab;

}

#homepage_info_list ul{
padding:0;
margin:0;
}

#homepage_info_list li{
list-style-type:none;
padding:0 0 0 20px;
margin:0 0 6px 14px;
}

.homepage_info_box{
width:261px;
height:208px;
padding:15px;
position:relative;
}

.homepage_info_box img{
margin-left:40px;
display:none;
}

.homepage_info_box img.default{
display:block;
}

.middle_box{
margin:0 15px;
}

* html .middle_box{
margin:0 15px;
}

.homepage_info_box h2, .homepage_info_box h3{
margin:0;
}

#homepage_values_box a, #homepage_case_studies_box a{
position:absolute;
bottom:15px;
left:15px;
padding-left:7px;
}

* html #homepage_values_box a, * html #homepage_case_studies_box a{
top:210px;
bottom:auto;
}

#homepage_values_box p, #homepage_case_studies_box p{
position:relative;
top:-50px;
color:#666666;
}

.homepage_news_item p{
margin:5px 0 0 0;
}

/*--------------------------- SECTION PAGE -----------------------------*/

.left_column{
float:left;
width:228px;
margin:0 18px 0 0;
}

.right_column{
float:left;
width:660px;
}

#submenu{
width:228px;
height:179px;
margin:0 0 25px 0;
}

#blog #submenu{
height:auto;
}

#submenu_top{
width:228px;
height:9px;
padding:0;
margin:20px 0 0 0;
}

#submenu ul{
margin:0;
padding:8px 10px 0 10px;
}

#submenu ul li{
list-style-type:none;
padding:0;
margin:0;
}

#submenu li.active{
padding:8px 0 8px 6px;
width:202px;
}

#submenu li a{
display:block;
/*height:100%;*/
width:100%;
padding:8px 0 8px 6px;

}

* html #submenu li a, * html #submenu li.active{
padding:8px 0 8px 0;
}



#section_quote{
width:198px;
height:152px;
margin:0 0 33px 0;
padding:20px 15px 15px 15px;
overflow:hidden;
}

#section_quote p{
margin:0;
}

.quote_mark{
float:left;
margin:0 10px 1px 0;
}

.related_pages{
padding:0 0 0 10px;
}

.related_pages ul{
margin:0;
padding:0;
}
.related_pages ul li{
list-style-type:none;
padding:0;
}

.related_pages li{
margin:0 0 0 5px;
}

#bottom_links{
margin:20px 0 0 0;
}

#bottom_links ul{
margin:0;
padding:0;
}

#bottom_links li{
margin:0 0 15px 0;
padding:0;
list-style-type:none;
}


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

#contact_form div{
	margin:0 0 5px 0;
	padding:5px;
}

#contact_form div.no_padding{
	padding:0 !important;
}

#contact_form div.clear{
	margin:0;
	padding:0;
}

#contact_form div div{
	padding:0;
}

#contact_form label{
	display:block;
	width:200px;
	text-align:left;
	text-transform:uppercase;
	font-size:11px;
}

#contact_form input, #contact_form textarea{
	width:415px;
	font-size:14px;
	padding:5px;
	background-color:#fafafa;
	border:1px solid #a5acb2;
}

#contact_form input.checkbox{
	width:auto;
}

#contact_form #form_clear{
	float:left;
	clear:none;
	width:200px;	
	padding:0;
}

#contact_form #form_submit{
	float:left;
	text-align:right;
	clear:none;
	width:190px;
    padding:0;
	margin-left:38px;
}

#form_submit input{
	float:right;
}

#contact_form #form_clear input, #contact_form #form_submit input{
	width:auto;
}

#form_toggle_button{
padding:0 !important;
}

#contact_form{
z-index:10;
position:relative;
background-color:#FFFFFF;
overflow:hidden;
}

#envelope{
z-index:5;
position:absolute;
top:350px;
left:400px;
}



/*------------------- BLOG PAGE -------------------------------*/

#blog .left_column{
width:660px;
float:left;
margin:0 15px 0 5px;
}

#blog .right_column{
width:228px;
float:left;
}

.arrow{
position:relative;
top:-1px;
}