@charset "UTF-8";

*{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #052237;
}

body{
	width: 993px;
	margin: auto;
  background-color: #ddd;
}

p{
	font-size: 12px;
	color: black;
	margin-bottom: 12px;
	line-height: 16px;
}

#testimonials p{
  margin-bottom: 0;
}

a{
	color: white;
	font: inherit;
	text-decoration: none;
}

img{
  border: none;
}

ul{
	list-style: none;
}

h2{
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: bold;
  color: #052237;
}

h3{
  color: #052237;
  font-size: 16px;
}

h4{
	font-size: 14px;
}

h5{
	font-size: 12px;

}

h6{
	font-size: 11px;
}

/* page header */

#header{
	width: 993px;
	height: 141px;
	border-bottom: 16px solid #002E45;
	background-color: #ffffff;
}

#conlins-logo{
	width: 202px;
	height: 141px;
	float: left;
}

/* form */

#login-form{
	margin: 100px 10px 0 8px;
	float: right;
}

#input-container *{
	float: left;
}

#input-container input{
	width: 140px;
	margin-right: 10px;
	color: #8b8b8b;
	font-size: 12px;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
}

#input-container input[type="submit"]{
  line-height: normal;
  font-size: 10px;
  font-weight: bold;
	height: 17px;
	width: 24px;
	background-color: #002e45;
	color: #fff;
	border: 0;
}

#input-container h4{
	margin-right: 10px;
	color: #8b8b8b;
	font-weight: bold;
}

/* content divs */

#content{
  background-color: #002E45;
}

#main-content{
  padding: 0 0 0 24px;
}

.main-content{
  height: 662px;
  padding: 12px 0 0 24px;
}

.with-sub-menu{
  height: 639px;
}

.main-content p{
  width: 550px;
}


#content-left{
	width: 239px;
	height: 674px;
	float: left;
}

#content-right{
  position: relative;
  width: 753px;
	background-color: white;
  /* height: 674px; */
  float: left;
	border-left: 1px solid #a6afba;
}

#content-right-home{
  position: relative;
  width: 753px;
  background-color: #002E45;
  /* height: 674px; */
  float: left;
	border-left: 1px solid #a6afba;

}

/* menu */

#menu{
	width: 239px;
	height: 245px;
	border-top: 1px solid #a6afba;
	background-image: url(gradient-background.png);
	background-repeat: repeat-y;
}

#menu li{
	height: 26px;
	padding-left: 48px;
	padding-top: 8px;
	border-bottom: 1px solid #a6afba;
}

#menu a{
	color: white;
	font-size: 14px;
	font-weight: bold;
}

#menu .selected{
	color: #7ac142;
}

/* sub menu */

#sub-menu{
	background-color:#9fb5dd;
	width: 729px;
	height: 35px;
	padding-left: 24px;
}
	

#sub-menu li{
  margin-top: 7px;
  padding-right: 24px;
  margin-right: 24px;
  border-right: 1px solid #002E45;
  float: left;
}

#sub-menu a{
  color: #002E45;
  font-weight: bold;
  font-size: 12px;
}

#sub-menu .last-sub-menu-item{
	border-right: none;
	padding-right: none;
	margin-right: none;
}

#sub-menu .selected{
  color: white;
}


/* splash animation div */

#animation{
	width: 753px;
	height: 244px;
	border-top: 1px solid #a6afba;
	border-bottom: 1px solid #a6afba;
	background-image: url(frame-0.jpg);
}

/* order and locations div */

#order-and-locations{
	width: 239px;
	height: 428px;
	padding-top: 33px;
}

#order{
	margin-left: 37px;
}

#locations{
	margin: 21px 0 8px 48px;
}

#locations h4{
	font-weight: bold;
	color: #53a80d;
}

#locations h5{
	 color: white;
}

#locations ul{
	margin-top: 7px;
	line-height: 14px;
}

#locations li{
	padding-bottom: 21px;
}

#locations a, #locations span{
	color: white;
	font-size: 11px;
}

/* conlins description  */

#description-wrapper{
  width: 753px;
  height: 428px;

  background-color: #002E45;

}

#description{
	/* height: 428px - 30px */
	padding: 30px 35px 0 35px;
}

#description p{
	font-size: 11px;
	color: #ffffff;
}

#welcome-to-conlins{

clear: both;
}

#welcome-to-conlins p{
  width: 525px;
}

#welcome-to-conlins h3{
	color: #168be8;
  font-weight: bold;
	margin: 0 0 8px 0;
}

#welcome-to-conlins img{
	border: 1px solid #001d2b;
	float: right;
}

/* fsc certification  */

#fsc-certification{
	margin-top: 20px;
	line-height: 18px;
}

#fsc-certification img{
	float: left;
	margin-right: 17px;
}

#fsc-certification h4{
	font-weight: bold;
   color: #168be8;
}

#fsc-certification p{
	margin: none;
	padding: none;
	line-height: 18px;
	font-size: 12px;
}

/* services */

#services h4{
  margin: 16px 0 6px 0;
  color: #168be8;
 font-weight: bold;
}

#services img{
  border: 1px solid #001d2b;
}

#services ul{
}


#services li{
	width: 81px;
	float: left;
	margin-right: 13px;
	color: #ffffff;
	font-size: 11px;
}

#services .last-service{
  margin-right: 0;
}

/* footer */

#footer-wrapper{
  height: 58px;
  clear: both;
  background-color: #1a57a9;
}

#footer{
  padding: 20px 35px 0 48px;
}

#footer h3{
	float: left;
	color: #60d902;
}

#ask-us{
	float: right;
}

#ask-us h4{
	float: left;
	color: white;
	font-weight: bold;
}

#ask-us img{
	padding-right: 10px;
	border-right: 1px solid #a6afba;
	margin-right: 10px;
	float: left;
}

#about-conlins{

}

#about-conlins h3{
	margin: 16px 0 8px 0;
}

#about-conlins p{
	margin: 8px 0;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}

#photo-strip{
  position: absolute;
  width: 100%;
  top: 500px;
}

#photo-strip div{
  float: left;
}

.with-caption{
	width: 190px;
}

#photo-strip .with-caption p{
	font-size: 12px;

}


	  
	  
/**************************
  page specific 
***************************/

/* home page */

#home-content{
  padding: 0;
  height: 700px;
  background-color: #002E45;
}

/* testimonial */

.testimonial{
  margin-bottom: 24px;
}

.testimonial span{
  margin: 0 0 0 24px;
  padding: 0 0 0 0;
  font-weight: bold;
  font-size: 12px;
  color: #016eb8;
}

.testimonial p{
  margin-bottom: 2px;
}

/* commercials */

.clip-wrapper{
  clear: both;
}

.clip-wrapper div{
  float: left;
  margin: 12px 24px 12px 0;
}

/* order */

#sign-up, #sign-in{
	float: left;
 width: 250px;
}

#order-locations, #order-locations a{
  color: black;
  font-size: 12px;
}

#order-locations h5{
  font-size: 12px;
}

#order-locations span{
  font-size: 12px;
}

#order-locations a{
font-weight: bold;
  color: #49a80d;
}

#order-locations li{
  margin-right: 36px;
  float: left;
}

#order-locations li .last{
  margin-right: 0;
}



/*

#order-content form div{
  clear: both;
}
*/

#order-content{
  height: 800px;
}
 
#name div{
  display: inline;
  background-color: red;
}


.form-header{
  text-align: center;
  width: 60px;
  height: 18px;
  padding-top: 2px;
  border: 1px solid #0c2e45;
  background-color: #7ac142;
}

#submit, #sign-in-submit{
  width: 60px;
  height: 20px;
  border: 1px solid #0c2e45;
  background-color: #7ac142;
  color: #0c2e45;
}

/* services */

#services-content{
  height: auto;
  font-size: 12px;
}

#services-content ul{
  margin: 0 0 12px 48px;
}

#services-content li{
  list-style: disc;
}

#services-content h3{
  font-size: 12px;
  font-weight: bold;
}

.service-description{
   margin: 0 0 12px 59px;
   display: none;
   padding-bottom: 12px;
border-bottom: 1px solid #e0e6e8;
}

.service-header{
  cursor: pointer;
  padding-bottom: 4px;
}

#services-content h3{
  font-size: 14px;
	margin-bottom: 4px;
}

#services-photo-strip{
  height: 61px;
  margin-bottom: 12px;
}

#services-photo-strip img{
  float: left;
  margin-right: 12px;
  border: 1px solid #002e45;
}

.triangle{
  padding-right: 4px;
}

.green-header{
  color: #49a80d;
	clear: both;
}

.service-section{

clear: both;

}

.service-section .preview{
overflow: auto;
clear: both;
height: auto;
margin-left: 16px;
padding-bottom: 12px; 
margin-bottom: 12px;

border-bottom: 1px solid #e0e6e8;
}

.service-section .preview img{
  border: 1px solid #002e45;
}

.service-section .preview-left{
  float: left; 
  margin-right: 8px;
}

.service-section .preview-right{
  float: left;
}

#commercials{
  height: 700px;
}

/* equipment */

#equipment-content, #news-content{
  height: auto;
}

#equipment-content h3{
  font-size: 14px;
  font-weight: bold;
}

#equipment-content p{
  margin-left: 24px;
}

#equipment-content h4{
  margin-left: 24px;
  font-size: 12px;
  font-weight: bold;
}

#equipment-content ul{
  padding-left: 36px;
}

#equipment-content li{
  font-size: 12px;
}


#equipment-content ul{
  margin-bottom: 12px;
}

#equipment-content span{
  font-size: 12px;
  font-weight: bold;
}

/* contact */

#contact-form, #sign-up, #sign-in{
  font-size: 12px;
}

#contact-form td, #sign-up td, #sign-in td{
  padding-top: 4px;
}

.learn-more, #news-content a{
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
  color: #168be8;
}

.required-indicator{
  color: red;
}

.news-item{
	padding-top: 10px;
	padding-bottom: 10px;
  border-top: 1px dotted #CCC;
}

#username{
  background-image: url(username.png);
	background-repeat: no-repeat;
}

#password{
  background-image:url(password.png);
	background-repeat: no-repeat;
}

.table-header{
  background-color: #7ac142;
	text-align: center;
	border: 1px solid black;
	padding-bottom: 4px;
}

.label{
  text-align: right;
	padding-right: 4px;
}

td h5{
  font-weight: bold;
}