/* ---[ Imports ]------------------------------- */
/* @import "nav.css"; */

/* ---[ Global Resets ]------------------------------- */
body, h1, h2, h3, h4, h5, h6, form{margin:0px; padding:0px;}
p{margin:0px 0px 12px 0px;}
a{outline:none;}
img{border:0px;}

/* ---[ Main Templete ]------------------------------- */
body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	border-top:solid 5px #000;
}
.pagebgimage{background:url(images/pixelbg.jpg) no-repeat top center fixed #000;}
.errorbgimage{background:url(images/noise_ani.gif);}
#site{
	position:relative;
	width:980px;
	height:auto;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/bgelements.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding-bottom:30px;
}


#headercontainer{
	width:980px;
	height:160px;

}
#logo{
	position:absolute;
	top:20px;
	background:url(images/logo.png) no-repeat;
	width:127px;
	height:127px;
	cursor:pointer;
}


#tagline{
	position:absolute;
	top:90px;
	left:222px;
	background:url(images/tagline.png) bottom no-repeat;
	width:436px;
	height:50px;
	cursor:pointer;
}


#phonenumber{
	position:absolute;
	top:78px;
	right:0px;
	width:172px;
	height:43px;
	cursor:default;
	background: no-repeat  url(images/contacthead.png) ;
	text-align:center;
}

#navcontainer{
	position:absolute;
	top:78px;
	left:147px;
	width:835px;
	height:53px;
	padding-left:0px;
	border-bottom: solid 1px #000;

	
}


#contbg{
	width:980px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	

	
}

.maincontainer{
	position:relative;
	width:100%;
	height:auto;
	/*padding-top:12px;*/
	margin-left:auto;
	margin-right:auto;
	
}

.breadcrumb{
	position:absolute;
	top:20px;
	left:20px;
	width:900px;
	height:18px;
	text-align:left;
	font-size:9px;
	color:#eeeeee;
	padding:9px;
	
}
#panora_area{width:980px; height:217px; cursor:pointer; display:block;}
.error_panoramabg{background:url(images/404_panorama.jpg) no-repeat;}
.index_panoramabg{background:url(images/introtext.png) no-repeat;}
#about_panoramabg{ width:980px; height:198px; background:url(images/about_header.jpg) no-repeat;}
#works_panoramabg{ width:980px; height:198px; background:url(images/works_header.jpg) no-repeat;}
#services_panoramabg{ width:980px; height:198px; background:url(images/services_header.jpg) no-repeat;}
#contact_panoramabg{ width:980px; height:198px; background:url(images/contact_header.jpg) no-repeat;}

	
/* ---[ footer containers ]--------------------------*/



#pagebottom{
	clear:both;
	position:relative;
	width:100%;
	height:285px;
	padding-top:35px;
	background:#000;
	margin-top:30px;
}

#footercontainer{
	position:absolute;
	right:0px;
	width:310px;
	height:120px;
	
}
#copyright{
	color:#8f8f8f;
	font-size:8pt;
	font-family:arial, verdana ;
	text-decoration:none;
	width:auto;
	height:auto;
	padding:15px 0px 15px 50px;
	position:absolute;
	right:0px;
	top:0px;
	background:url(images/copyrightlogo.gif) no-repeat left top ;
	cursor:default;
}
#pagebottombox{
	position:relative;
	width:980px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	
}




/* ---[ content areas ]------------------------------- */


#content66{
	float:left;
	width:667px;
	height:auto;
	padding:30px 30px 30px 29px;
	font-size:10pt;
	
}
#content100{
	float:left;
	width:920px;
	height:300px;
	background:#ffffff;
	margin-top:10px;
	padding:30px 30px 30px 30px;
	font-size:10pt;
}
#content100nopad{
	background:#ffffff;
	float:left;
	width:980px;
	height:360px;
	margin-top:10px;
	font-size:10pt;
}

#home_content66{
	float:left;
	width:600px;
	height:auto;
	background:black;
	margin-right:6px;
}
#home_content33{
	float:left;
	width:314px;
	height:auto;
}


.modulebox{
	height:auto;
	width:269px;
	padding:15px 15px 0px 15px;
	color:#ffffff;
	/*background:green;*/
}

/* ---[ mainnavigation ]------------------------------- */
a:link, a:visited{color:#000; text-decoration:underline;}
a:hover, a:active{color:#000; background:#fffd5e;}
a.current:link, a.current:visited, a.current:hover, a.current:active{color:#890000;}




/* ---[ off state ]------------------------------- */
.aboutlink a,.aboutlink a:visited {display:block; width:142px; height:57px; background:url(images/navAboutoff.png) bottom no-repeat;  }
/* ---[ on state ]------------------------------- */
.aboutlink a.current, .aboutlink a.current:hover, .aboutlink a:hover{background:url(images/navAbouton.png)  bottom no-repeat;}
/* ---[ active state ]------------------------------- */
.aboutlink a.current, .aboutlink a:active{background:url(images/navAboutact.png)  bottom no-repeat; }
/* ---[ selected state ]------------------------------- */
.aboutlink a.selected{background:url(images/navAboutsel.png)  bottom no-repeat;}
/* ---[ off state ]------------------------------- */
.contactlink a,.contactlink a:visited {display:block; width:165px; height:57px; background:url(images/navContactoff.png) bottom no-repeat;  }
/* ---[ on state ]------------------------------- */
.contactlink a.current, .contactlink a.current:hover, .contactlink a:hover{background:url(images/navContacton.png)  bottom no-repeat; }
/* ---[ active state ]------------------------------- */
.contactlink a.current, .contactlink a:active{background:url(images/navContactact.png) bottom no-repeat; }
/* ---[ selected state ]------------------------------- */
.contactlink a.selected{background:url(images/navContactsel.png)  bottom no-repeat; }
/* ---[ off state ]------------------------------- */
.workslink a,.workslink a:visited {display:block; width:126px; height:57px; background:url(images/navWorksoff.png)  bottom no-repeat;  }
/* ---[ on state ]------------------------------- */
.workslink a.current, .workslink a.current:hover, .workslink a:hover{background:url(images/navWorkson.png) bottom  no-repeat; }
/* ---[ active state ]------------------------------- */
.workslink a:active{background:url(images/navWorksact.png) bottom no-repeat; }
/* ---[ selected state ]------------------------------- */
.workslink a.selected{background:url(images/navWorksel.png) bottom no-repeat; }



.mainNavigation {font-family: arial, verdana,tahoma;font-size:18pt;text-align: center; letter-spacing:-0.5px;}
.mainNavigation ul {display: inline;list-style-type: none;margin: 0px;padding: 0px;}
.mainNavigation li { float: left; }

/* ---[ dividers ]------------------------------- */

.navdiv { width: 1px;height:50px;float: left;}
.navdiv ul {list-style-type: none;margin: 0px;padding: 2px;}
.navdiv li { }

/* ---[ content boxes ]------------------------------- */
.box100{float:left;clear:both;width:100%;height:auto;}
.box298{float:left;width:298px;}
.box298 ul{ margin:6px 10px 6px -10px;}
.box298 li{ margin-bottom:6px;list-style-type:square}
.box432{width:432px;height:46px;}
.box50{float:left;width:50%;height:auto;}
.box33{float:left;width:33%;height:auto;}
.box33padleft{float:left;width:30%;height:auto;padding-left:3%;}
.box80{float:left;width:80%;height:auto;}
.label{width:33%;float:left;text-align:right;margin-right:5px;display:block;}

/* ---[ misc items ]------------------------------- */
.wrap{float:left;}
.first{clear:left;}
.last{clear:right;}
.clearboth{clear:both;}
.center{text-align:center;}
.right{text-align:right;}
.star{color:red;}
.pixpad{padding-left:10px}
.txtpadleft{padding-left:10px;}
.txtLeft{text-align: left;}
.txtCenter{text-align: center;}
.txtRight{text-align: right;}
.txtJustify{text-align: justify;}
.txtUnderline{text-decoration: underline;}
.PhoneAddress{display:none;}
.tallspacer{margin-top:260px;}
.marginright{margin-right:12px;}
.marginbottom{margin-bottom:15px;}
.aboutMeTopBg p span {
	background:#000;
	color:#fff;
	padding:2px 0px 2px 0px;
	font-size:20px;
	text-transform:uppercase;
	}


.tbContactform .antispam {
		display:  none;
		visibility: hidden;
	}
	.tbContactform { position:relative; width:auto; height:auto; float:left;}
	.tbContactform p { margin:3px;}
	.tbContactform label {
		width:  95px;
		display:  inline-block;
		vertical-align: top;
		clear: both;
		padding: 7px;
	}

	.tbContactform input.text,
	.tbContactform textarea {
		width:  225px;
		padding: 7px;
		
	}
	.tbContactform input.text {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #404040;
	border:none;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	border-bottom:solid 1px #000;
	border-right:solid 1px #393a3c;
	background: #ebedee /*url(../images/search_bg.gif) repeat-x*/;
	
	}
	.tbContactform input.text:focus ,.tbContactform textarea:focus {
	background: #d8d8d8; 
	border-top:solid 1px #7f7f7f;
	border-left:solid 1px #7f7f7f;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;}
	.tbContactform textarea {
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		color: #404040;
		border:none;
		border-bottom:solid 1px #000;
		border-right:solid 1px #393a3c;
		background: #ebedee /*url(../images/search_bg.gif) repeat-x*/;
		height:  115px;
		width:  350px;
	}

	.tbContactform input.submit {
		display: block;
		color: #fff;
      	margin-left: 112px;
      	width:  95px;
		border:none;
		background: #000;
		padding: 8px;
		cursor:pointer;
	}
	.tbContactform input.submit:hover {background: #fffc00; color: #000;}

	.tbContactform .tbErrors p {
		color: #FF0000;
	}

		#wrapper {width: 980px; height: 500px;margin: 0 auto;}


/* ---[ Headers ]------------------------------- */
h1{ /* Biggest, black */
	margin:5px 0px 0px 0px;
	font-size:29px;
	font-weight:normal;
	letter-spacing:-0px;
	color:#333333;
}
h2{ /* Biggest, white */
	font-weight:normal;
	font-size:18px;
	display:block;
	width:auto;
	color:#fff;
}
h3{ /* Paragraph Headers */
	margin:0px 0px 4px 0px;
	font-size:12pt;
	font-weight:normal;

}

.box33 h3{ /* Paragraph Headers */
	margin:0px 0px 0px 0px;
	padding:4px 0px 6px 0px;
	font-size:9pt;
	font-weight:normal;
	color:#999;
	width:242px;
	border-bottom:solid 1px #383838;
	cursor:default;
}
#content100 .box33padleft h3{ /* Paragraph Headers */
	
	margin:0px 0px 2px 0px;
	font-size:20pt;
	font-weight:normal;
	line-height:19px;
	color:#000;
	background:#fffd5e;
	overflow:hidden;
	border-bottom:solid 1px #383838;
	cursor:default;
}
#content100 .box33padleft h3:hover{ /* Paragraph Headers */


	color:#000;
	background:#fff;
	padding-left:10px;
	overflow:hidden;


}
#content100 h1{ /* Paragraph Headers */
	font-family:Georgia,serif ;
	font-size:30pt;
	color:#000;
	margin-bottom:6px;
}
#content100 h2{ 
	font-family:Georgia,serif ;
	font-size:20pt;
	color:#000;
	margin-bottom:5px;
	font-style:italic;
}
#content100 p{ /* Paragraph Headers */
	font-size:9pt;
	font-weight:normal;
	color:#575757;
	line-height:17px;
}

/* ---[ Headers: Messages ]------------------------------- */
h4{
		font-size:11px;
	   font-weight:bold;
	   color:#ffffff;
	   width:90%;
	   height:auto;
       margin:8px auto 8px auto;
       padding:5px;
       border: 1px #777777;
       background-color:#323232;
	   text-align:center;
}

h4#spacer{height:13px;border:none;padding:6px;background-color:#424242;}
	
	
/* ---[ Headers: Errors ]------------------------------- */
h5{
       font-size:11px;
       font-weight:bold;
       color:#ba0000;
	   width:90%;
	   height:auto;
       margin:8px auto 8px auto;
       padding:5px;
       border: 1px #9d4243;
       background-color:#ffcdcd;
	   text-align:center;
}
/* ---[ Footer Font ]------------------------------- */
h6{
   
       font-size:11px;
       font-weight:normal;
	   margin-bottom:5px;
	 

}
h6 a:link, h6 a:visited{color:#890000;}
h6 a:hover, h6 a:active{color:red;}

/* ---[ special items ]------------------------------- */