@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/template/dot.gif);
}

a:link, a:active
{
	color:#003366;
	text-decoration:none;
}

a:visited, a:hover
{
	color: #990066;
	text-decoration:none;
}

#wrap {
	width:964px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#wrapbk {
	width:964px;
	height:auto;
	float:left;
	background:url(../images/template/wrap.gif);
	background-repeat:repeat-y;
}

#wrapbkbtm {
	width:964px;
	height:1px;
	float:left;
	background-image:url(../images/template/wrapbottom.gif);
	background-position:bottom;
}

#content { 
	float: left;
	padding-left: 32px;
	padding-right:32px;
}

.bannerblock {
	float:left;
	width:900px;
	height:auto;
	padding-bottom:30px;
	padding-top:30px;
}

.contactblock {
	width: 450px;
	height: auto;
	float:left;
}

.thankyoublock {
	width: 900px;
	height: auto;
	float:left;
}



/* CASE STUDIES */

.casestudiesblockleft {
	width: 530px;
	height: auto;
	float:left;
	padding-right:20px;
}

.casestudiesblockright {
	width: 333px;
	height: auto;
	float:left;
	border: 1px solid #666666;
	padding: 0px 0px 0px 15px;
	margin-bottom:20px;
}

.casestudiesblockleft2 {
	width: 240px;
	height: auto;
	float:left;
	padding-right:25px;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	font-size:10px; 
	line-height:120%; 
	color:#666; 
	padding-bottom:20px; 
}

.casestudiesblockleft2 a:link, a:active
{
	color:#990066;
	text-decoration:none;
}

.casestudiesblockleft2 a:visited, a:hover
{
	color: #990066;
	text-decoration:none;
}

.caseblock {
	width: 430px;
	height: auto;
	float:left;
	padding-right:20px;
}

.casephotoblock {
	width: 440px;
	height: auto;
	float:left;
	padding-left:10px;
}

.csimage img{
	border: 1px solid #666;
	margin: 0 0px 10px 10px;
}

.csthumbimage img{
	border: 1px solid #666;
	margin: 10px 0px 0px 10px;
}

.cspicturetext { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; line-height:140%; color:#666; padding-left:10px; padding-bottom:20px; }

.csmaintext { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; line-height:140%; color:#666; padding-bottom:5px; }

.cstestimonial { font:Georgia; font-weight:normal; font-style:italic; font-size:14px; line-height:140%; color:#003366; padding-bottom:5px; }



/* BOTTOM BLOCK */

#bottomblock
{
	float:left;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#003366;
	text-align:center;
	padding-top:10px;
	padding-bottom: 30px;
	margin:0px;
	border-top:#990066 solid 2px;
}

.bottomlinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: normal;
	color:#003366;
}

#bottomgrey { 
	float: left;
	width: 900px; 
	height: 8px;
	background-image:url(../images/template/bar.gif);
	background-repeat:repeat-x; 
	}
	


/* ELEMENTS */

.light { font-weight:lighter; }

.purple { color:#990066; }

.blue { color:#003366; }

.white { color:#FFF; }

.grey { color:#666666; }

.line { padding-top:5px; padding-bottom:5px; height:7px; width:670px; float:left;  background-image:url(../images/template/dots.gif); background-repeat:no-repeat; }



/* IMAGES */

.landinggraphic {
	width: 900px;
	height: 307px;
	float:left;
	padding-top:10px;
	padding-bottom: 10px;
	background-position:center;
	background-repeat:no-repeat;
}

.bottompictures {
	width:900px;
	height:110px;
	padding-bottom:15px;
	background-image:url(../images/template/bottom-pictures.jpg);
	background-repeat:no-repeat;
	float:left;
}



/* TYPE */

h1 { font-family: "Arial Black", Gadget, sans-serif; color: #003366; font-size:36px; }
.hv2 { font-family: "Arial Black", Gadget, sans-serif; color: #003366; font-size:36px; }

.pagehead { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:15px; color:#663300; }

.shead { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; line-height:120%; color:#666666; }

.firstparalarge { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:26px; line-height:120%; color:#666; }

.firstparamediumheading { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; line-height:120%; color:#990066; }
.firstparamedium { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; line-height:120%; color:#666; }

.maintext { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; line-height:140%; color:#666; padding-bottom:20px; }

.sectionheadgreen { font-family:Georgia; font-weight:normal; font-size:14px; line-height:120%; color:#669900; }

.sectionheadgrey { font-family:Georgia; font-weight:normal; font-size:14px; line-height:120%; }

.servicelinks { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; line-height:200%; }

.cslarge { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; line-height:120%; color:#990066; }


/* NEWS */

.newspage {
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	font-size:13px; 
	line-height:140%; 
	color:#666; 
	padding-bottom:20px;
	border-bottom: 1px #990066 solid;
	}
	


/* FORM */

.intexform {
width: 400px;
height: auto;
float:left;
border: 1px #990066 solid;
background-color:#CCC;
padding: 24px 24px 24px 24px;
margin-bottom: 30px;
margin-top:32px;
}

.cssform p{
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	font-size:13px; 
	line-height:80%; 
	color:#666;
}

.cssform label{
	float: left;
	width: 300px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 400px;
height:20px;
}

.cssform textarea{
width: 400px;
height: 150px;
}

.smalltext {font-size:9px; }

.required {color:#96b23c; }

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
color:#FFF;
font-weight:normal;
padding: 8px 8px;
background-color:#990066;
}

.formline {
	width: 670px;
	height: 10px;
	border-top: 1px solid #96b23c;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* HOME LINKS */

.blocks {
	width:300px;
	height: auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	font-weight:bold;
	line-height: 120%;
	display:block;
	padding-bottom: 15px;
}

.greybox {
	width:225px;
	height:35px;
	float:left;
	background-image:url(../images/home/grey-box.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	font-size:12px; 
	line-height:120%;
	text-align:center;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:10px;
	color:#003366;
	padding-top:5px;
	}
	
.qualitylogos {
	width:440px;
	heigh:40px;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}

.ticker {
	width: 890px;
	heigh: 25px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	background-color:#cccccc;
	margin-top:10px;
	margin-bottom:10px;
}