/* ~~~~~~~~~~ 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 {}
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.2em;
	text-transform:uppercase;
	color:#1500aa;
	margin-bottom: 1em;
	display: inline; }
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.2em;
	text-transform:uppercase;
	color:#666666;
	margin-bottom: 1em; }
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;  
	text-transform:uppercase;
	padding-left: 5px;
	background:#ccccdd;
	margin: 0 0 10px 0;
	} 
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.5em;}
p {margin:0 0 1em 0;}
select {cursor:auto; 
	color: #000000;}
samp {}
small, sub, sup {font-size:0.75em;}
span{}
table {border:1px solid #999999;}
td, th {vertical-align:top; 
	border:1px solid #ffffff; 
	padding:0px 5px 2px 5px;}
textarea {cursor:text; 
	line-height:0.75em;}
th{background:#666666; 
	font-weight:bold; 
	color:#ffffff; border:0;}
ul {list-style:disc; 
	margin:0 0 1em 1.2em;}
label span {width: 10em; 
	float:left; 
	font-weight: bold;
}
form {border: 2px solid #8379D2;
	padding: 20px;}

/* ~~~~~~~~~~ LAYOUT STYLES ~~~~~~~~~~ */
#page-wrapper, #page-wrapper-estimator {
	position: relative; 
	background: #ffffff url("../pics/bg-menu.jpg") repeat-y; 
	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;}

	#page-wrapper-estimator {background:#ffffff;}
	#page-wrapper-estimator caption{font-size:1em; font-weight:bold; text-transform:uppercase;}
	#page-wrapper-estimator caption span, #page-wrapper-estimator .estimate caption span{font-size:3em; font-weight: bold; vertical-align:baseline; background: #eeeeff; padding: 0 0.3em 0 0.3em;}
	#page-wrapper-estimator .estimate caption span{background: #ffffff;}
	#page-wrapper-estimator form {border:none;}
	#page-wrapper-estimator h1{font-size: 2em; padding-left: 1em;}


	#access{position:absolute; 
		top 0; 
		left: 300px; 
		z-index:1;}
	#banner{position: relative;
		z-index:3;
		background: #ffffff url("../pics/bg-banner.jpg") no-repeat top right;
		height:162px;
		margin:0;
		padding:0;}
		#logo{position: relative; 
			height: 128px;
			z-index:10;}
			#proposition{position: relative;}
		#utility{position: relative; 
			clear:both;
			height: 34px;
			background: url("../pics/bg-utility.jpg") no-repeat;
			padding:0;
			margin: 0;
			}
			#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:1em;
				width: 165px;
				}
			#utilLinks{float:left;
				color:#C2BDEE;
				overflow:hidden;
				text-align:left; 
				margin: 8px 15px 0 20px;}
	#content{position: relative; 
		z-index:2; 
		padding: 0; 
		margin:0;}
		#menu {position: relative; 
			background: url("../pics/bg-menu.jpg") repeat-y top left; 
			width: 170px; 
			float:left;
			margin: 0;}
			.menuInner{margin: 0; padding:0;}
		#bodyService{position: relative; 
			width: 775px; 
			float:left;}
			#leftColumn{position: relative; 
				border-right: 1px solid #C2BDEE;
				width: 445px; 
				float:left;}
				.leftColumnInner{margin: 50px 30px 10px 60px; position:relative;}
				/*.leftColumnInner form{ position: relative; top: 20px;}*/
				#footer{position: relative; 
					margin: 10px 0 30px 0;}
				#footerHome{position: relative; 
					margin: 30px 0 5px 60px;}
			#rightColumn{position: relative; 
				border-left: 1px solid #C2BDEE;
				margin-left:-1px;
				width: 330px; 
				float:left;}
				/*#rightColumn form{ position:relative; top: 20px;}*/
				.rightColumnInner{margin: 40px 20px 50px 0;}
				#clients{position: relative; 
					width: 50%; 
					float:left;
					border-left: none;}
					.clientsInner{margin: 50px 10px 0 0; padding-left: 20px;}
				#caseStudy{position: relative; 
					width: 50%; 
					float:left;}
					.caseStudyInner{margin: 50px 10px 0 40px;}
			
			#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: 50px 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:18px;
				 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{
					
				}
				#siteBy {
					position: relative; 
					width: 955px; 
					margin: 0 auto 0 auto; 
					padding:0; 
					font-size:0.69em; 
				}
			

/* ~~~~~~~~~~ USEFUL CLASSES ~~~~~~~~~~ */
.clear {clear:both;}
.hide {display:none;}
.centre{text-align:center;}
.right{text-align:right;}
.keyline{border: 1px solid #666;}
.panel{background: #eee;}
.errorMsg{color:#d00; font-size:110%; font-weight:bold;}
.boxTiny{width: 3em; text-align: right;}
.boxSmall{width: 3em;}
.boxMed{width: 3em;}
.boxLarge{width: 3em;}
.boxLong{width:200px;}
.mobileOnly, .printOnly{display:none;}
.floatLeft{float:left;}
.floatRight{float:right;}
.bigF {font-weight:bold; font-size:1.6em;}

.bgCol1{background-color: #D7D5F7;}

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

.width40pc{width: 40%;}
.width55pc{width: 50%;}
.width60pc{width: 60%;}
.width90pc{width: 90%;}
.width90pc{width: 100%;}

.width100px{width: 100px;}
.width150px{width: 150px;}
.width180px{width: 180px;}
.width190px{width: 190px;}
.width200px{width: 200px;}
.width250px{width: 250px;}
.width280px{width: 280px;}

.height140{height:140px;}
.height200{height:200px;}

.padAll{padding:5px;}

.clear{clear:both;}

.centre{ margin-left:auto; margin-right:auto;} 
.txtCentre{ text-align: center;}
.indent{padding-left:25px;}
.indentHead{padding-left:25px; font-weight:bold;}

.pointy{cursor:pointer;}

.formInput {background-color: #E7E4F7;
	border: 1px solid #8379D2}
	
.rowAlt{background:#f5f5f5;}
.rowAltBlue{background:#f5f5ff;}

.half{width: 48%; float:left; margin: 5px;}
.full{width:100%;}
.notes th {background:#ddddee; color:#000000; border:1px solid #eeeeff; border-width:1px 0 0 0;}
.notes td {border:1px solid #ffffff; border-width:1px 0 0 0;}
.save th {background:#ccccdd; color:#000000; border:1px solid #ffffff; border-width:1px 0 0 0;}
.save td {background:#ddddee; color:#000000; border:1px solid #ffffff; border-width:1px 0 0 0;}

/* ~~~~~~~~~~ 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: 158px; 
	height: 53px; 
	background: url("../pics/logo.jpg") no-repeat; 
	text-decoration:none;}
#logo p a:hover{
	background: url("../pics/logo-over.jpg") no-repeat; 
}
#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:30px 0 0 0;}
#footer ul li{display:inline;}
#footerHome ul{list-style-type:none; margin:30px 0 0 0;}
#footerHome ul li{display:inline;}
#siteBy p {text-align:right;}



/* ~~~~~~~~~~ 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;}
.estimate{padding: 5px 20px 20px 20px; background:#eeeeff;}
.estimateInput{padding: 0 20px 20px 0; }


/* ~~~~~~~~~~ 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:170px;}

#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: 15px;
	color:#1500aa; 
	display:block; 
	width: 155px;
	margin:0;
	}
a.vnav-top {font-weight: bold; 
	text-transform:uppercase; 
	font-size: 1em; 
	line-height:1em; 
	padding-bottom:5px;}
a.vnav:hover, a.vnav-top:hover, a.vnav-bot:hover {background-color:#1500aa;
 color: #ffffff; }

li.vnav-selected{display: block; width:165px; background-color:#ffffff; font-weight:bold; border-left:5px solid #C2BDEE;}

li.vnav-heading{display: block; width:165px; background-color:#ffffff; font-weight:bold; border-left:5px solid #C2BDEE; text-transform:uppercase; }


/* ~~~~~~~~~~ BUNDLES ~~~~~~~~~~ */
a.home{width: 326px; height: 40px; text-decoration:none;}
a.home:hover{}
a.linkButton{width: 129px; height: 25px; display: block; background: url("../pics/link-button.gif") no-repeat; color:#ffffff; font-weight: bold; text-align: center; text-decoration:none; padding-top: 4px; }
a.linkButton:hover{background: url("../pics/link-button-over.gif") 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;
} 

.buttonQuickEstimate a{
	display: block;
	width: 112px;
	height: 19px;
	background:url("../pics/qe-background.gif") no-repeat;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	padding-top: 1px;
	text-align: center;
	text-decoration: none;
} 

.buttonQuickEstimate a:hover{
	background-image:url("../pics/qe-background-hover.gif");
	color: #fff;	
}

.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;*/
	width: 90%;
	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;
}

.csImage {
	float: left;
	width: 250px;
	margin-top: 15px;
	border: 1px solid #ddd;
	background-color:#eee;
}

.csCaption {
	padding-left: 5px;
}

.quickEstimator a {
	width: 112px;
	height: 19px;
	background-image: url(../pics/qe-background.gif);
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	padding-top: 1px;
	text-align: center;
	float: right;
	text-decoration: none;
	margin-right: 30px;
}

.quickEstimator a:hover {
	background-image: url(../pics/qe-background-hover.gif);
	color: #fff;
}

#button3d {
	background-color: blue;
	border: none;
}

.phonenew
{
float:right;
margin-left: 5px;
margin-right: 5px;
margin-top:8px;
color: #CFC9F8;
				
				font-family: "Arial Narrow", "Helvetica Condensed", Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size:1.45em;
				line-height:1em;
}

.newnews
{
float:left; 
font-size:2.3em; 
margin-left:-10px;
margin-top:-12px;
color: #CFC9F8;
}