﻿/* CSS Document */

body {
    margin:0;
    padding: 0;
    text-align: center;
    font: 10pt verdana, arial, sans-serif;
	background:url(../images/body_bg.jpg) repeat-x;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
}

h1 {
	font-size:14pt;
	font-weight:normal;
	margin:0;
	padding:0;
}

h2 {
	font-size:11pt;
	font-weight:normal;
	margin:0;
	padding:0;
}
a {color:#3F4C6B;}
a:hover {text-decoration:none;}

#container {
    margin-left: auto;
    margin-right: auto;
	padding:0;
    width: 700px;
    text-align: left;
    color: #333333;
}

#header {
	margin:0;
	padding:0;
	height:74px;
}

#header_left {
	width:260px;
	float:left;
	margin:0;
	padding:9px 0 0 0;
}

#header_right {
	width:340px;
	float:left;
	margin:0;
	padding:35px 0 0 40px;
}

#top_image {
	padding:13px 0 0 0;
	height:167px;
}

#nav {
	margin:5px 0 0 0;
	background-color:#3F4C6B;
	border:1px solid #242C3E;
	padding:4px 0 5px 0;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav li {
	float:left;
	padding:0 10px 0 10px;
	background:url(../images/nav_bg.jpg) no-repeat right center;
}

#nav a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#main_content {
	margin:0;
	padding:20px 0 20px 0;
}

#content_area {
	width:469px;
	float:left;
	margin:0;
	padding:0;
	line-height:152%;
}

#content_area_wide {
	margin:0;
	padding:0;
	line-height:152%;
}

#side_panel {
	width:201px;
	float:right;
	padding:0 0 0 20px;
	margin:0;
	text-align:center;
}

.case_study_logo {
	margin:0 0 40px 0;
	border:none;
}

.gen_list {
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
}

.gen_list li {
	padding:3px 0 3px 15px;
}

.gen_list_np {
	margin:0;
	padding:0;
	list-style:none;
}


.gen_list_np li {
	padding:3px 0 3px 0;
}


.blue_bullet {
	background:url(../images/blue_bullet.jpg) no-repeat left center;
}

.red_bullet {
	background:url(../images/red_bullet.jpg) no-repeat left center;
}

.processes_left {
	width:400px;
	float:left;
}

.processes_right {
	width:270px;
	float:right;
}

/*----------------- case studies ---------------------------*/

#case_studies {
	margin:0;
	padding:0;
}

.case_study {
	border:2px dotted #ccc;
	border-width:2px 0 0 0;
	padding:10px 0 10px 0;
}

.case_study_image {
	width:163px;
	float:left;
	text-align:center;
}

.case_study_info {	
	width:510px;
	float:right;
}

.case_study_img {
	border:none;
}

/*----------------- equipment -----------------------*/

.equipment_left {
	width:270px;
	float:left;
}

.equipment_right {
	width:400px;
	float:right;
}

.equipment_img_left {
	width:200px;
	float:left;
	margin:0 10px 0 0;
	border:1px solid #333;
}

.equipment_img_right {
	width:200px;
	float:right;
	margin:0 0 0 10px;
	border:1px solid #333;
}

/*------------------contact us ------------------------*/

.contact_left {
	width:200px;
	float:left;
	padding:15px 0 25px 0;
}

.contact_right {
	width:200px;
	float:right;
	padding:15px 0 25px 0;
}

/*--------------------- featured boxes -----------------------------*/

#featured_boxes {
	margin:20px 0 0 0;
	border-top:2px dotted #ccc;
	padding:0 0 40px 0;
}

.featured {
	width:213px;
	float:left;
	border-right:2px dotted #ccc;
	padding-top:15px;
	margin:10px 0 0 0;
	height:185px;
}

.f_left {
	padding-left:0;
	padding-right:12px;
}

.f_mid {
	padding-left:12px;
	padding-right:12px;
}

.f_right {
	padding-left:13px;
	padding-right:0;
	border:none;
}

.featured_img {
	margin:0;
	padding:0;
	border:1px solid #333;
	width:213px;
	height:52px;
}

.featured_title_blue {
	display:block;
	background:url(../images/blue_bullet.jpg) no-repeat left center;
	color:#3F4C6B;
	font-size:13pt;
	padding:4px 0 4px 15px;
}

.featured_title_red {
	display:block;
	background:url(../images/red_bullet.jpg) no-repeat left center;
	color:#ff1a00;
	font-size:13pt;
	padding:4px 0 4px 15px;
}

.featured_text {
	display:block;
	padding:6px 0 0 0;
	height:80px;
}

.featured_link a {
	color:#333;
}

.featured_link a:hover {
	color:#3F4C6B;
}

/*------------------------------ font styles ------------------------------*/

.red {color:#ff1a00;}

.blue {color:#3f4c6b;}

.upper {text-transform:uppercase;}

.bold {font-weight:bold;}

.subtitle {
	display:block;
	border:1px dotted #dadada;
	border-width:0 0 2px 0;
	padding:4px 0 6px 17px;
}

/*------------------------------ link styles ------------------------------*/

a.red_link {
	color:#ff1a00;
}

a.red_link hover {text-decoration:none;}

/*------------------------- Footer ------------------------------*/

#footer {
    margin:30px 0 0 0;
    padding: 7px 0 7px 0;
    text-align: center;
	background-color:#d8d8d8;
	border-top:2px solid #c0c0c0;
	font-size:9pt;
}

#footer_content {
    margin-left: auto;
    margin-right: auto;
	padding:0;
    width: 700px;
    text-align: left;
    color: #333333;
}

.footer_left {
	width:550px;
	float:left;
}

.footer_right {
	width:110px;
	float:right;
}

#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}

#footer li {
	float:left;
	padding:0 3px 0 3px;
	border-right:1px solid #333;
}
#footer a {
	text-decoration:none;
	color:#333;
	
}

#footer a:hover {
	text-decoration:underline;
}

