@charset "iso-8859-1";
/* ~~~~~~~~~~ HTML STYLES ~~~~~~~~~~ */
address, blockquote, body, button, caption, cite, dd, dfn, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, html, img, label, li, menu, ol, p, select, small, span, sub, sup, textarea, td, tfoot, th, thead, tt, ul {font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:normal; margin:0; padding:0; text-align:left; vertical-align:top; color:#000000;}

a{cursor:pointer; text-decoration:underline; color:#1500aa;}
a:hover {color:#2000ff; text-decoration:none;}
body {background:#eeeeee; 
	z-index: 0; 
	text-align:center; }
button {cursor:pointer;}
address, big, blockquote, caption, cite, code, dfn, dd, dl, dt, pre {margin-left:0;}
caption {font-weight: bold;}
cite, dfn, samp {font-style:italic;}
code{}
fieldset{border:1px solid #888888; 
	background: #7c796d; 
	margin: 10px 0 10px 0; 
	padding: 5px 5px 10px 5px;}
p, li, input, textarea {}
h1{ /**** page titles only****/
	font-family: "Swis721 Cn BT", "Arial Narrow", "Helvetica Condensed", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:1.3em;
	color:#000;
}
h2 { /**** section titles - for long pages only ****/
	font-family: "Swis721 Cn BT", "Arial Narrow", "Helvetica Condensed", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:1.1em;
	text-transform:uppercase;
	color:#998877;
	margin: 1.5em 0 1em 0; 
	border-left: 2px solid #eeddcc;
	border-bottom: 1px dotted  #eeddcc;
	padding-left: 10px;
	}
h3 { /**** sub-titles - for normal pages headings only ****/
	font-size:1.15em;
	border-bottom:1px dotted #999999;
	font-weight:bold; }
h4 { /**** sub-sub headers only****/
	font-size:1em; 
	text-transform:uppercase;
	font-weight:bold; } 
h5 { /**** sub-sub-sub headers ****/
	font-size:1em; 
	font-weight:bold;  
	font-style:italic;} 
h6 { /**** only if you must ****/
	font-size:0.9em; 
	text-transform:uppercase;
	font-weight:bold; } 
hr {height:1px; color:#cccccc;}
html {}
img{border:none; }
input {cursor:auto; 
	color: #000000; 
	font-size:1em;}
kbd {font:1em monospace;}
label {cursor:default; 
	display:block; }
ol {list-style:decimal; 
	margin:0 0 1em 1.9em;}
p {margin:0 0 1em 0;}
select {cursor:auto; 
	color: #000000;}
samp {}
small, sub, sup {font-size:75%;}
span{}
table{
	border:1px solid #cccccc;
	margin:0;
	padding:0;
	}
td, th {vertical-align:top; 
	margin:0;
	border: none;
	padding:0px 5px 2px 5px;}
tr{border:none;
	margin:0;}
textarea {cursor:text; 
	line-height:0.75em;
	font-size:1em;}
th{background:#BDD9F5; 
	margin:0;
	color:#000000; 
	}
ul {list-style:disc; 
	margin:0 0 1em 1.2em;}
label span {width: 10em; 
	float:left; 
	font-weight: bold;
}
form {border: 1px solid #999999;
	background:#eeeeee;
	padding: 20px;}
input, textarea {
	}



/* ~~~~~~~~~~ LAYOUT STYLES ~~~~~~~~~~ */
#page-wrapper{
	position: relative; 
	background: #ffffff  url("../pics/bg-menu.jpg") repeat-y top left; 
	border: 1px solid #999999;
	border-width: 0 1px 1px 1px;
	width: 955px; 
	margin: 0 auto 0 auto; 
	padding:0; 
	z-index:2; 
	font-size:0.69em; 
	line-height: 1.5;}
	#access{position:absolute; 
		top 0; 
		left: 300px; 
		z-index:1;}
	#banner{position: relative;
		z-index:3;
		background: #ffffff url("../pics/banner.jpg") no-repeat;
		height:171px;
		margin:0;
		padding:0;
		border-bottom: 3px solid #DBEAF9}
		#logo{			
			width:300px;
			height:44px;
			margin:0;
			padding: 32px 0 0 0; 
			z-index:10;
			float: left;
			background-color:#FFFFFF;
			}
			#proposition{position: relative;}
		#utility{
			z-index:200; 
			height: 44px;
			width: 200px;
			padding: 32px 47px 0 0; 
			text-align: right;
			float:right;
			}
			#phone{float:right;
				color: #BFB9E8;
				margin: 3px 0 0 0;
				font-family: "Arial Narrow", "Helvetica Condensed", Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size:1.2em;
				line-height:1;
				width: 165px;}
			#utilLinks{float:right;
				width:170px;
				height:23px;
				text-align:left; 
				margin: 7px 15px 0 0;}
	#content{position: relative; 
		z-index:2000; 
		padding: 0; 
		margin:0;}
		#menu {position: relative; 
			width: 230px; 
			float:left;
			padding: 0;}
			#menuInside {
				padding: 35px 0 0 0}
		#bodyService{position: relative; 
			width: 718px; 
			float:right;
			padding: 0;
			margin: 0;}
				#footer{position: relative; 
					border-top: 1px solid #C6E1F5;
					padding: 0 0 10px 50px;
					z-index: 2002}
				#footerHome{position: relative; 
					border-top: 1px solid #C6E1F5;
					padding: 0 0 10px 30px;
					z-index: 2002}
			#rightColumn{position: relative; 
				border-left: 1px solid #C2BDEE;
				margin-left:-1px;
				width: 330px; 
				float:left;}
				.rightColumnInner{margin: 40px 20px 50px 0;}
				#clients{position: relative; 
					width: 50%; 
					float:left;}
					.clientsInner{margin: 50px 10px 0 0; padding-left: 20px;}
				#caseStudy{position: relative; 
					width: 50%; 
					float:left;}
					.caseStudyInner{margin: 50px 10px 0 0;}
			
			#leftColumnSec{position: relative; 
				background: url(../pics/arm.jpg) top left no-repeat; 
				width: 200px;
				height: 100%;
				float:left;}
				.leftColumnInnerSec{margin: 0; padding: 50px 10px 10px 10px;}
				.leftColumnInnerSecCopy{
				margin-left:20px;
			}
			#rightColumnSec{position: relative;
				border-left: 1px solid #C2BDEE; 
				margin-left:-1px;
				width: 575px; 
				float:left;}
				.rightColumnInnerSec{margin: 40px 20px 50px 0;
				padding: 20px;
				}
			.contentInnerSec{padding: 40px 60px;}
			
			#leftColumnHome{position: relative; 
				width: 258px;
				height: 100%;
				background: url(../pics/bgLeftHome.jpg) top left no-repeat;
				float:left;
				margin-top:0;}
				.leftColumnInnerSec{margin: 0; padding: 50px 10px 10px 10px;}
				.leftColHomeContent{padding: 185px 10px 10px 120px;}
				.leftColHomeContent h1{font-family: "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
				 font-weight:bold;
				 font-size:1.8em;
				 line-height: 1.1em;
				 color:#000;}
			#rightColumnHome{position: relative;
				background: url(../pics/bgTopHome2.jpg) top left no-repeat ; 
				margin-left:-1px;
				width: 527px; 
				float:left;
				padding: 0;
				margin-top:0;}
				.rightColumnHomeInnerLeft{
					background-color: #fff;
					position: relative;
					padding: 0;
					border-left: 1px solid #ABA4DA;
					float: left;
					margin:-12px 0 0 -1px;
					width:263px;
				}
				.rightColumnHomeInnerRight{
					position: relative;
					border-left: 1px solid #9999CC;
					background: url(../pics/bgRightHome.jpg) top repeat-x;
					float: left;
					margin:-12px 0 0 -1px;
					width:264px;
					padding: 0;
				}
				.homeLeftHead{
					background: url(../pics/headbg.jpg) top left no-repeat;
					margin: 0;
				}
				.homeLeftHead h1{ margin: 0;}
				.homeLeftDiv{
					
				}
			#weDo {
				float: left;
				width: 358px; 
				border-right: 1px solid #C6E1F5;
				}
			#ownSystem {
				float: left;
				width: 359px; 
				border-left: 1px solid #C6E1F5;
				margin-left: -1px; }
			#client { 
				float: left;
				width: 359px; 
				border-top: 1px solid #C6E1F5;
				margin-left: -1px;
				}
			#ourServices {
				float: left;
				width: 358px; 
				border-left: 1px solid #C6E1F5;
				border-top: 1px solid #C6E1F5;
				}
			#homeInside { 
				padding-top: 30px;
				padding-bottom: 30px;
				padding-left: 30px;
				padding-right: 0px;
				}
			

/* ~~~~~~~~~~ USEFUL CLASSES ~~~~~~~~~~ */
.clear {clear:both;}
.hide {display:none;}
.centre{text-align:center;}
.right{text-align:right;}
.keyline{border: 1px solid #999999;}
.panel{background: #eeeeee;}
.errorMsg{color:#FF0000;}
.boxTiny{width: 3em;}
.boxSmall{width: 3em;}
.boxMed{width: 3em;}
.boxLarge{width: 3em;}
.mobileOnly, .printOnly{display:none;}
.floatLeft{float:left;}
.floatRight{float:right;}
.bigF {font-weight:bold; font-size:1.6em;}
.homeTxt {float: left; padding-left: 10px; width: 245px}
.bgCol1{background-color: #D7D5F7;}
.title{border-bottom: 1px solid #B7D5F2; font-weight:bold;}
.title2{border-bottom: 1px solid #2D455E; font-weight:bold;}
.boxRight{border-left: 1px solid #DBEAF9;
		border-right: 1px solid #DBEAF9;
		border-bottom: 1px solid #DBEAF9;
		background-color:#ECF4FC;
		width:336px;
		float:right;}
.boxLeft{border-left: 1px solid #97b5d2; 
		border-right: 1px solid #97b5d2;
		border-bottom: 1px solid #97b5d2;
		background-color:#BDD9F5;
		width:308px;
		float:left;}

.borCol1{ border-color:#ABA4DA;}
.borCol2{ border-color:#75758B;}

.width40{width: 40%;}
.width55{width: 50%;}
.width60{width: 60%;}
.width62{width: 62px;}
.width85{width: 120px;}
.width90{width: 90%;}
.width90{width: 100%;}
.width230{width: 230px}
.width235{width: 235px}
.width245{width: 245px}
.width255{width: 255px}
.widthth{width: 100px;}
.widthTool{width: 312px;}

.height200{height:200px;}
.padAll{padding:5px;}

.clear{clear:both;}

.centre{ margin-left:auto; margin-right:auto;} 
.indent{padding-left:36px; border-left: 4px solid #BDD9F5;}
.indent-top{padding-left:26px; border-left: 4px solid #BDD9F5;}

.pointy{cursor:pointer;}



/* ~~~~~~~~~~ ID-SPECIFIC CONTENT STYLES ~~~~~~~~~~ */
#banner ul{list-style-type:none; }
#banner ul li{display:inline;}
#banner ul{list-style-type:none; 
	background: url("bg-menu-section.jpg") no-repeat;}
#banner ul li{margin:0; 
	padding:0;}
#logo p a{display:block; 
	width: 157px; 
	height: 44px; 
	background: url("../pics/logo.jpg") no-repeat; 
	text-decoration:none;
	margin-left: 40px;}
#logo p a:hover{
	background: url("../pics/logo-over.jpg") no-repeat; 
}
#utility strong {color:#666666; }
#utilLinks ul li {color: #BFB9E8; padding-right: 0.9em;}
#utilLinks a{color:#ffffff; text-decoration:none;}
.fontSmaller{font-size: 0.8em;}
.fontMedium{font-size: 1em;}
.fontLarger{font-size: 1.2em;}
#footer ul{list-style-type:none; margin:10px 0 0 0;}
#footer ul li{display:inline;}
#footerHome ul{list-style-type:none; margin:10px 0 0 0;}
#footerHome ul li{display:inline;}



/* ~~~~~~~~~~ INTERIOR PADDING STYLES ~~~~~~~~~~ */
.inside {padding:0; margin:0;}
.mar2{margin:2px;}
.mar5{margin:5px;}
.mar10{margin:10px;}
.mar20{margin:20px;}
.mar50{margin:50px;}
.pad2{padding:2px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad20{padding:20px;}
.pad50{padding:50px;}



/* ~~~~~~~~~~ MENU STYLES ~~~~~~~~~~ */

#menu ul{
	background:url("../pics/bg-menu-section.jpg") no-repeat;
	margin:0;
	list-style-type:none;
	padding-top: 2px;
	display:block;
	width:165px;}

#menu ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	padding-top: 2px;}
	
a.vnav, a.vnav-top, a.vnav-bot {text-decoration:none; 
	padding:0;
	padding-left: 30px;
	color:#1500aa; 
	display:block; 
	width: 190px;
	height:19px;
	margin:0;
	}

a.vnav-top {font-weight: bold; 
	text-transform:none; 
	font-size: 1em;}
	
a.vnav:hover, a.vnav-top:hover, a.vnav-bot:hover {background-color:#1500aa; background:url("../pics/nav-bg.jpg") no-repeat;
 color: #000; }
 
a.vnav{
	padding-left: 40px;
	}

.vnav-selected, li.vnav-selected-top{
	display: block; 
	width:230px; 
	background-color:#000; 
	height:19px;
	background:url("../pics/nav-bg.jpg") no-repeat;}


/* ~~~~~~~~~~ BUNDLES ~~~~~~~~~~ */
a.home{width: 326px; height: 40px; text-decoration:none;}
a.home:hover{}
a.linkButton{
	border-bottom: 1px solid #405E7C; 
	border-right: 1px solid #405E7C; 
	border-top: 1px solid #ADD0F3; 
	border-left: 1px solid #ADD0F3; 
	width: 157px; 
	height: 18px; 
	display: block; 
	background: url("../pics/link-button.jpg") no-repeat; 
	color:#1254C2; 
	font-weight: bold; 
	text-align: center; 
	text-decoration:none; }
a.linkButton:hover{background: url("../pics/link-button-over.jpg") no-repeat;}

a.linkButton2{
	border-bottom: 1px solid #405E7C; 
	border-right: 1px solid #405E7C; 
	border-top: 1px solid #ADD0F3; 
	border-left: 1px solid #ADD0F3; 
	width: 80px; 
	height: 18px; 
	display: block; 
	background: url("../pics/link-button.jpg") no-repeat; 
	color:#1254C2; 
	font-weight: bold; 
	text-align: center; 
	text-decoration:none; }
a.linkButton2:hover{background: url("../pics/link-button-over.jpg") no-repeat;}

.buttonQuote{ float:right;
	width:112px;
	height:19px;
}
a.buttonQuote{ display:block;
	width:112px;
	height:19px;
	background:url("../pics/quoteButton.gif") no-repeat;
}

.buttonQuoteSec{
	margin: 0 auto;
	width:112px;
	height:19px;
}
a.buttonQuoteSec:
{ display:block;
	width:112px;
	height:19px;
	background:url("../pics/quoteButton.gif") no-repeat;
}

.buttonCallYou{ margin: 15px auto;
	 text-align:center;}
a.buttonCallYou{display:block; 
	width:120px; 
	height: 20px;
	background:url("../pics/callYouButton.gif") no-repeat;
}

a.buttonDetailedQuote{
	display: block;
	width: 112px;
	height: 19px;
	background:url("../pics/detailedQuoteButton.gif") no-repeat;
} 

a.buttonQuickEstimate{
	display: block;
	width: 112px;
	height: 19px;
	background:url("../pics/quickEstimateButton.gif") no-repeat;
} 


.homeLinkSpecial{ text-align:center;
	line-height:1em;}
a.homeLinkSpecial{
	color: #6600cc;
	font-weight: bold;
	text-decoration: none; 	
}

.divBox1{margin: 5px auto; 
	background-color: #D7D5F7; 
	border: 1px solid #999; 
	width:230px; padding:4px;}

.homeLeftDiv {
	border-top: #C2BDEE solid 1px;
	padding-left: 25px;
}
.homeLeftDiv h1 {color: #000;}

.homeRightDivTop { border-bottom: 1px solid #938ace;}
.homeRightDivTop h1 { color: #fff; margin: 0;}
.homeRightDivSecond { border-top:1px solid #d8d5ee;
	border-bottom: 1px solid #bdb6e0;
}
.homeRightDivThird { border-bottom: 1px solid #C2BDEE;
	border-top: 1px solid #fff;
}

.messageBox {font-size: 1.2em;
	line-height: 1em;
	height: 10em;
	width: 25em;
}
.innerContent {padding: 35px 20px 20px 50px;}
.innerContent p span {
line-height:110%;
font-size:12px;
font-weight:bold;
}

.innerContent1 {padding: 35px 20px 20px 50px;}
.innerContent1 p span {
line-height:110%;
font-size:12px;
font-weight:bold;
}
.innerContent1 ul {
list-style-type:none;
}
.pullQuote{float:right; width: 200px; padding:10px; border: 1px solid #cccccc; background: #ddeeff;}

/* ~~~~~~~~~~~ Specials ~~~~~~~~~~~ */

div.form123{
float: right;
width: 335px; 
background-color: #ECF4FC;
padding: 0px;
margin: 0px auto;
}

div.rowHeader {
  text-align:center; 
  font:bold large;
  background-color:#ECF4FC;
  border-color:#ECF4FC;
  padding-top: 5px;
}


div.row span.formw {
  float: left;
  text-align: left;
} 


div.row {
  clear: both;
  padding-top: 5px;
}



div.row span.label {
  float: left;
  width: 20px;
  text-align: right;
 }

fieldset.plainPanel{ 
width:220px; 
background-color:#eeeeee;
border-color:#dddddd;
}