@import url("thickbox.css");
@import url("tinymcestylee.css");
@import url("nav.css");
@import url("lavalamp3.css");
/*
IE 6 and below
    Use * html {} to select the html element.
IE 7 and below
    Use *+html, * html {} to select the html element.
IE 7 only (NOT IE 6 or Firefox)
    Use *+html {} to select the html element.
IE 7 AND modern browsers only (NOT IE 6)
    Use html>body {} to select the body element.
Modern browsers (Firefox only NOT IE 7) 
    Use html>/star star/body {} to select the body element.  
*/

A:link {
	color: #9D0029;
} 
A:visited { 
	color: #9D0029;
}   
A:active { 
	color: #9D0029;
}
A:hover { 
	text-decoration: none;
	color: #FF9900;
} 

body {
	color: #000;
	margin:0 0 50px 0;
	text-align:center;
	scrollbar-face-color: #555555;
	scrollbar-shadow-color: #333;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color:#333;
	scrollbar-darkshadow-color: #555555;
	scrollbar-track-color: #EEE;
	scrollbar-arrow-color: #EEE;
	background: #fff url(../pics/bodybckg.jpg) repeat-x center top;
	/* to make custom windows scrollbarsF5F2DE
specify a seperate body tag {scrollbar-face ... }*/

/*A thin scrollbar 
scrollbar-face-color: #97602D;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
*/
}

/* containers ###############*/

#setCentral{
	width: 986px;
	margin: 0px auto 20px auto;
	padding: 0;
	text-align: left;
}
#settop{
	margin: 0;
	padding:0;
	position:relative;
	height: 120px;
}
.Poslogo{
	position:absolute;
	position:relative;
	left:20px;
	top: 10px;
	z-index:200;
}
#misson{
	position:relative;
	left:150px;
	top:-10px;
	text-align:left;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}
.tel{font-size: 17px; font-weight: normal; margin-left:30px}
#setcontent{
	margin: 0 20px;
	padding: 0 0 20px 0;
	position:relative;
	/*Cross Browser min-height*/
    min-height:690px;
	height: auto !important;
	height: 690px;
	/*END Cross Browser min-height*/
}

#DSTop{
	height:24px;
	margin: 0;
	padding: 0;
	background-image: url(../pics/bckg-top.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#setnav{
	/*see nav.css */
}
#DSTop .whiteBckg{	
}
#DSMid{
	margin: 0;
	padding: 0;
	position:relative;
	background-image: url(../pics/bckg-mid.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#RHside{
	float:left;
	width:670px;
	margin: 30px 0 0 0;
	padding:0 0 0 5px;
}
#LHside{
	float:left;
	width:199px;
	padding: 0 25px 0 0;
	margin: 30px 0px 0 23px;
	/*background: url(../pics/L-Rdiv.gif) repeat-y right top;*/
}
#appraisal{
	padding: 0 0 15px 0;
	background: url(../pics/tabAppraisal.gif) no-repeat left 0px;
}
#LHside H1.contacts{
	margin:0 0 0 0; 
	padding:2px 0 0 10px; 
	font-size:16px;
	font-weight:normal
}
#LHside H1.contacts a{
	text-decoration:none;
	color:#FFF;
}
#LHside li{
	margin-left:10px
}
#footer{
	padding: 0;
	height:29px;
	color: #333333;
	background-image: url(../pics/bckg-footer.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#footer p{
	margin:0;
	padding: 0 30px 0px 30px;
}
.poweredbyecc {
	text-align:right;
	font-size: 85%;
}
.sitesummary{
	
	font-size: 12px;
	font-weight: normal;
}
A.footertext:link,
A.footertext:visited,
A.footertext:active{ 
	color: #FF7802;
}      
A.footertext:hover { 
	color: #000; 
	text-decoration: underline;
} 
/* END containers ###############*/
.clearboth{
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
/* home page tabs ##################*/
.home table{display:none}

.home .posrel, 
.tabintrobckg,
.tabintro{
		position:relative
}
.tabintrocontent,
.tabintro1,.tabintro2,.tabintro3,.tabintro4,.tabintro5,.tabintro6 {																		
	position:absolute;
}
.home .tabintro{
	width:690px;
	height:330px;
}
.tabintrobckg{
	width:270px;
	height:159px;
}
.tabintrocontent{
	height:159px;
	width:280px;
	height:120px;
	overflow:hidden;
	top:5px;
	/*
	NEW 4 IE#############
	*/
	left:5px;
}
.tabintroicon{
	float:right;
	margin:5px 0 0 0;clear:right;
}
.expand{
	float:right;
	margin:4px 20px 0 0;
	display:block;
	width:19px;
	height:15px;
	background: url(../pics/expand.gif) no-repeat;
	cursor:pointer;
}
.expand:hover{
	background: url(../pics/expand_on.gif) no-repeat;
}
.opacbkg100 .expand{
	/*float:none;
	position:absolute;
	top:2px;
	right:100px;*/
	z-index:50;
	background: url(../pics/expand_close.gif) no-repeat;
	margin:8px 20px 0 0;
}
.opacbkg100 .expand:hover{
	background: url(../pics/expand_close_on.gif) no-repeat;
}
.tabintro h1{
	font-size:16px;
	padding:0px 0 5px 20px;
	margin:0;
	font-weight:normal;
	color:#FFF;
}
.opacbkg100 h1{margin:5px 0 0 0}
#setcontent .tabintro ul{
	margin:0px 20px 0 10px;
}
.tabintro p{
	padding:0 20px 5px 10px;
}
.tabintro .opacbkg100 span.more{
	position:absolute;
	right:20px;
}
.tabintro1,.tabintro2,.tabintro3,.tabintro4,.tabintro5,.tabintro6 {
	padding:5px 10px 0 10px;
	width:270px;
	height:159px;
	cursor:pointer;
}
#setcontent .opacbkg100 .tabintrocontent{
	cursor:default;
}
.tabintro1{
	top:0;
	left:60px;
	/*z-index:1;*/
}
.tabintro2{
	top:60px;
	left:30px;
	/*z-index:2;*/
}
.tabintro3{
	top:120px;
	left:0;
	/*z-index:3;*/
}
.tabintro4{
	top:0px;
	/*left:350px;*/
	right:0px
}
.tabintro5{
	top:60px;
	/*left:340px;*/
	right:30px
}
.tabintro6{
	top:120px;
	/*left:330px;*/
	right:60px
}

/* END and home page tabs ##################*/

/* PORTFOLIO and PRESS ##################*/
/*   PORTFOLIO and PRESS summary */
#portfolio_summary_cont,
#news_summary_cont{
	width:174px;
	background:url(../pics/port_summ_bckg.gif) no-repeat left top;
	padding:3px 20px 5px 5px;
	margin:5px 3px 0 0;
}
#news_summary_cont{
	background:url(../pics/news_summ_bckg.gif) no-repeat left top;
}
#portfolio_summary_cont h1,
#news_summary_cont h1{
	margin: 0px 0 13px 0px ;
	padding:0 0 0 10px;
	font-size:16px;
	font-weight:normal;
}
#portfolio_summary_cont h1 A,
#news_summary_cont h1 A{
	text-decoration:none;
	color: #FFF;
}
#port_summary h2,
#news_summary h2{
	font-size:11px;
}

#port_summary h2 a,
#news_summary h2 A{
	display:block;
	padding:0 0 0 5px;
	color:#666;
	margin:3px 0 0 0
}
#port_summary h2.current a{color:#9D0029;}
#port_summary h2,
#news_summary h2{
	margin:0;
	padding:0;
	border:1px solid #999;
	display:block;
	padding:0 0 0 5px;
	background:#EEE;
	color:#666;
	margin:6px 0 0 0
}
#port_summary p,
#news_summary p{
	margin:0;
	padding:3px 5px
}
/* Clip images */
#news_summary .posrel,
#port_summary .posrel{
	margin:5px 0 0 0;
	position:relative;
	height:100px;
	/*width:150px;*/
	border:1px solid #ccc;
	padding:3px;
	background: #FFFFFF url() no-repeat center center;
	cursor:pointer;
}
#port_summary div.DS,
#news_summary div.DS{
	padding:0px 8px 8px 0px;
	background: url(../pics/bckg-BlockTh.png) no-repeat right bottom;
}
/* END Clip images */

#port_summary A,
#news_summary A{	
	color: #555;
	text-decoration:none;
	display:block;
	padding:0px;
}
#port_summary A:hover,
#news_summary A:hover {
	display:block;
	color: #9D0029;
}
#port_summary .hide A:hover,
#news_summary .hide A:hover {
	background: #F1F3F3;
}
#port_summary a .readmore,
#news_summary a .readmore,
#news a .readmore{
	margin:-6px 0 0 10px;
	text-decoration:underline;
	color: #CC0000;
	font-size: 11px;
}
#port_summary A:hover .readmore,
#news_summary A:hover .readmore,
#news A:hover .readmore{
	text-decoration:none;
	color:#FC7E05;
}
/* END PORTFOLIO and PRESS summary */
/* GALLERY */
.gallery .cont{ /*the repeating cont*/
	position:relative;
	float: left;
	margin:20px 20px 0 0;
	padding:5px;
}

.gallery .offset{/*the image title/URL link*/
	position:absolute; 
	top:-22px;
	font-weight:bold;
}
/* Clip images */
.gallery  .posrel{
	margin:5px 0 0 0;
	position:relative;
	height:158px;
	width:158px;
	width:158px;
	border:1px solid #ccc;
	padding:0px;
	background: #FFFFFF url() no-repeat center center;
	cursor:pointer;
}
.gallery  .posrel img,
.DS  .posrel img{
	width:100%;
	height:100%;
}
.gallery  div.DS{
	padding:0px 8px 8px 0px;
	background: url(../pics/bckg-BlockTh.png) no-repeat right bottom;
}
/*expanding gallery background*/
.gallery table.TabsContent td {
	background:#FBECEC url(../pics/BckgTabsContent.jpg) repeat-x center top;
	border:1px solid #993333;
	padding:5px 10px;
}
.gallery table.TabsContent tbody{/* clear tabs nav */
	margin-top:-10px;
}
.gallery table.TabsContent {/* clear tabs nav */
	clear:both;
	/*disable convex bckg*/
	background: none;	
	height:auto;
	padding:0;
	width:660px;
}
.gallery .gradmask{display:none}
/* END Clip images */

/* PRESS list page  */
#news .posrel{
	position:relative;
}
#news .cont{
	padding: 0 10px 10px 10px;
	margin: 0 0 15px 0;
	border: 1px solid #E8E8E8;
	border-bottom: 1px dashed #999999;
}
#news .cont A{text-decoration:none;}
#news .imgborder{
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #FFF;
	margin: 0 10px 0 0;
	float:left;
}

/* related link ¬*/
#news  A.newslink,
#PRdetails  A.newslink{
	position:absolute;
	z-index:12;
	font-size:12px;
	padding:3px;
	top:-10px;
	right:10px;
	color: #CC0000;
	text-decoration:underline;
	display:inline;
	border:1px solid #E5E5E5;
	background-color:#E6F1F7;	
}
#news  A.newslink:hover,
#PRdetails  A.newslink:hover {
	text-decoration:none;
	color:#FC7E05;
}
/* END PRESS list page  */
/* PRESS details  */
#PRdetails{
	position:relative;
	padding:10px;
	text-align:left
}
#PRdetails  A.newslink{
	position:relative;
	top:0px;
	left:0px;
}
/* END PRESS details */

/*     - END PRESS -
~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ######################### */

/* Contact forms ##################*/
/* Jquery select form*/

form#quote #iconselect{
	background: url(../pics/select-bg.gif) no-repeat;
	height: 27px;
	width: 204px;
	font: 13px Arial;
	padding: 4px 0 0 15px;
	cursor: pointer;
	color: #2D4B57;
	margin-top:2px;
}
form#quote  .selectitems {
	width:190px;
	height:25px;
	border-bottom: dashed 1px #4a4a4a;
	padding-left:15px;
	padding-top:2px;
	cursor: pointer;
	color: #fff;
	font: 13px Arial;
	font-style: italic;
}

form#quote .selectitems img,
form#quote #iconselect img {
   vertical-align:middle;
   padding-right:5px;
}

form#quote .selectitems span {
	margin-left: 5px;
}
form#quote #iconselectholder {
	width: 283px;
	width: 204px;
	overflow: hidden;
	display:none;
	position:absolute;
	background-color:#427183;
	margin-top:-2px;
}
form#quote .hoverclass{
	background-color:#2D4B57;
	cursor:pointer;
}
form#quote .selectedclass{
	background-color:#2D4B57;
}
form input{
	height: 17px;
	width: 194px;
	font: 13px Arial;
	color: #2D4B57;
	margin-top:2px;
}
form input, form textarea{border:none;background: url(../pics/input-bg.gif) no-repeat;padding:5px}
form textarea{background: url(../pics/textfield-bg.gif) no-repeat;}
form input.checkbox,
form input.submit{
	background: url(none);
	height: auto;
	width: auto;
	padding: 4px;
	margin:0;
} 


/*END Jquery select form*/
.tinyHint { 
	font-size: 10pt; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #AAAAAA;
}

#formwrapper{
	width:650px;
	margin:0;
}
#formwrapper p{
	margin:0;
	padding:0;
}
.formtop{
	background-image: url(../pics/form-top.jpg);
	margin: 0;
	padding: 9px 0 0px 150px;
	height: 20px;
	background-repeat: no-repeat;
}
.formtop em{
	background-color: #FFCC00;
	padding: 0 3px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	font-size: 11px;
	opacity:.55;
	filter: alpha(opacity=55); 
	-moz-opacity: 0.55;/**/
}

.formmid{
	background-image: url(../pics/form-mid.jpg);
	background-repeat: no-repeat;
	padding: 0 10px 0 10px;
}
.formmid em{
	background-color: #FFCC00;
	padding: 0px 3px;
	margin: 0;
	font-style: normal;
	font-weight: normal;
	color: #000;
	font-size: 11px;
}
.formbase{
	background-image: url(../pics/form-base.jpg);
	margin: 0px;
	padding: 0px;
	height: 7px;
	background-repeat: no-repeat;
}

.required{
	color: #FFF;
}
.multiline{
	background-color: #fff;
	width:450px;
}


#formwrapper form{
	margin:0;
	padding:0;
	padding: 0;
}
#formwrapper input, textarea, select{
	margin:3px 0 6px 0;
	padding: 2px;
	border: 1px solid #6699CC;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:150px;
}

#formwrapper input{
	height:16px;
}
#formwrapper input.radio{
	width: auto;
	height: auto;
	margin: 0 5px 0 0;
	padding: 0;
	border:none;
}
#formwrapper input.submit {
	width: 70px;
	height: 19px;
	border:none;
	padding: 0;
}

/* END pageform ##################*/


/*
#########################
 - mouse over tips -
#########################
*/
.tt_header,.tt_h200,tt_h300,
.tt_body,.tt_b200,.b300{
font-size:12px;
padding:3px;
filter:alpha(opacity=100);    
opacity: .99; 
position:relative;
z-index:100;
width:auto;
}
.tt_b200,.tt_h200{
width:200px;
}
.tt_b300,.tt_h300{
width:300px;
}
.tt_body,.tt_b200,.tt_b300{
	font-weight:normal;
	background-color:#FFF;
	color:#1B4966;
	filter:alpha(opacity=100);
	opacity: 0.99;
	padding:3px 5px;
	border-top:1px none #9c0029;
	border-right: 1px solid #9c0029;
	border-bottom: 1px solid #9c0029;
	border-left: 1px solid #9c0029;
}
.tt_header,.tt_h200,.tt_h300{
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	padding:3px 5px;
	border-top: 1px solid #9c0029;
	border-right: 1px solid #9c0029;
	border-left: 1px solid #9c0029;
	border-bottom:1px none #9c0029;
	background: #9c0029 url(../pics/tt_red.gif) repeat-x left top;
	text-align: left;
}
.tt_body .inline p{
	display:inline;
	padding:0;
}
/* Scrolling Marquee ##################################*/
.JQMarquee{
	position:relative;
	border:1px solid #CAE0EC;
	padding:5px;
	margin:0 0 10px 0;
	background: #FFFFFF;
}
.JQMarquee  a:link,
.JQMarquee  a:visited{
	text-decoration:none;
	font-weight: bold;
	color: #FF0000;
}
.JQMarquee .pointer {cursor: -moz-grab /*move IE*/ ;}
.pos-topR{
	width:80px;
	position:absolute;
	top:-15px;
	right:0;
	font-size: 11px;
	text-align: right;
	padding-right: 5px;
}

/* unused ##################################*/
.reallyTiny { 
	font-size: 7pt; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #DEDADF
}
.hide{display:none}
.show{display:block}

/* ZEBRA STRIPE TABLES 
table - id='anything' class ='alternate_rows basic_table'*/
table.basic_table{
	border:1px solid #ccc;
	border-spacing:1px; /*add cell spacing*/
	background-color: #FBECEC;
}
table.basic_table td{
	padding:5px;
	
}
table.alternate_rows tr.odd td {
	background-color: #DBEFF7;
}
table.alternate_rows tr.even td {
	background-color: #BAE0EF;
}
table.alternate_rows tr#tblheadertop td,
table.alternate_rows tr#tblheader td{
	background: #F2F2F2;
}
/* END ZEBRA STRIPE TABLES */
.steps {
	color:#FF0000;
	font-size:18px;
}