/* ------------------------------------------------------ HTML/BODY ------------------------------------------------------ */

* {  
	border: none;
	margin: 0;
	padding: 0;
}

 html, body {
     height: 100%;
	 width:100%;
 }

body{ 
	font-family: "Century Gothic";
	color: #c8c8c8;
	font-size: 12px;
	line-height: 19px;
	background-image: url(../img/mainbg2.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-attachment:fixed;
}

img.visit {
	
	float:right;
	margin-right:160px;
	
}




/* ------------------------------------------------------ LAYOUT ------------------------------------------------------ */

#wrapper {
	margin: 0 auto!important;
	width:827px!important;
}

*:first-child+html #wrapper {margin:0 200px!important;}
/*218*/


#topheader {
	float:left;
	width: 827px;
	height:16px;
	text-align:right;
	font-size:11px;
}

#logocontainer {
	width: 827px;
	float:left;
	margin-top: 20px;
	margin-bottom: 5px;
}

.dotted {
	background-image:url(../img/dot.png);
	background-repeat:repeat-x;
	height:10px;
	width:827px;
	/*margin-left:300px;*/
	margin-bottom:5px;
	float:left;
}

.dotted4 {
	margin-left:227px!important;
	margin-bottom:5px;
	width:827px!important;
}

#navigation {
	width:100%;
	height:40px;
	float:left;
	margin-bottom:10px
}

#catcher {
	text-align: center;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-top:10px;
}

#content{
	width: 827px;
	margin:0px auto 10px;
	overflow: hidden;
}

#content2{
	width: 827px;
	margin: 20px auto 20px;
	overflow: hidden;
}

.clear {clear:both;}

#content2 ul{
	margin-left:50px;
	margin-top:10px;
	
}

#content2 li {
	list-style:url(../img/check.jpg)!important;	
	color: #cccccc;
	margin-left:30px;
	clear:both;
} 


#contentleft {
	width: 513px;
	float: left;
	text-align: justify;
	margin: 0px 26px 0px 3px;
	overflow: hidden;
}


#contentcenter {
	float: left;
	width: 250px;
	text-align: justify;
	margin: 0px 25px 0px 25px;
}

#contentright {
	float: left;
	width: 247px;
	text-align: justify;
	margin: 0px 0px 0px 27px;
}

.portfoliocontentleft {
	width: 400px;
	float: left;
	text-align: justify;
	margin: 0px 15px 20px 0px;
}

.portfoliocontentright {
	width: 400px;
	float: right;
	text-align: justify;
	margin: 0px 0px 10px 0px;
	line-height: 16px;
}


.bottomline {
	border-top: 1px ;
	clear: both;
	margin: 20px 0px!important;
}


.dotted3 {
	background-image:url(../img/dot.png);
	height:10px;
	width:827px;
	margin-bottom:5px;

}


/* ------------------------------------------------------ TEXT, PICS & LINKS ------------------------------------------------------ */

a {
	color: #CCCCCC;
	text-decoration: none;
}

a.services {
	border-bottom: 1px dotted #d9d7d0;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover{
	color:#ffffff;
	text-decoration: none;
}

#navigation a {
	border: 0px;
}

#footer {background-image:url(../img/fooliage2.png);
	background-repeat:no-repeat;
	width:827px;
	padding-bottom:54px;
	height:148px;
	background-position:top right;
	margin:0 auto;
	clear:both;
	float:left;}

.panel1 {width:235px; margin-left:48px; margin-right:15px; height:100px; float:left;}
.panel2 {width:235px; margin-right:15px; height:100px; float:left;}
.panel3 {width:235px; height:100px; float:left;}

.panel1 ul {padding-top:50px; list-style:none; padding-bottom:35px;}
.panel1 li.blue {color:#6bd8ec; padding-bottom:7px; font-weight:bold;}
.panel1 li.other {border-bottom: 1px solid #6A6A6A;}
.panel1 li a {font-size:12px;
	color: #ffffff;
	display: block;
	height:20px;
	padding-top:7px;
	padding-bottom:7px;}
	
.panel1 li a:hover {	background-image:url(../img/transparent.png);
	color:#ffd800; }
	

.panel2 ul {padding-top:50px; list-style:none; padding-bottom:35px; text-align:center;}
.panel2 li.blue {color:#6bd8ec; padding-bottom:7px; font-weight:bold;}
.panel2 li.other {border-bottom: 1px solid #6A6A6A;}
.panel2 li a {font-size:12px;
	color: #ffffff;
	display: block;
	height:20px;
	padding-top:7px;
	padding-bottom:7px;}
	
.panel2 li a:hover {	background-image:url(../img/transparent.png);
	color:#ffd800; }

.panel3 ul {padding-top:50px; list-style:none; padding-bottom:35px; text-align:right; clear:both;}
.panel3 li.blue {color:#6bd8ec; padding-bottom:7px; font-weight:bold;}
.panel3 li.other {border-bottom: 1px solid #6A6A6A;}
.panel3 li a {font-size:12px;
	color: #ffffff;
	display: block;
	height:20px;
	padding-top:7px;
	padding-bottom:7px;}
	
.panel3 li a:hover {	background-image:url(../img/transparent.png);
	color:#ffd800; }
	
.attentionboxclass {
	width:430px; 
	background-color:#6bd8ec; 
	margin-left:-17px;
	margin-top:-10px;
	}
.attentioncopy {
	height:45px;
	line-height:30px;
	overflow:hidden; 
	font-size:24px;
 	background-color:#6bd8ec;
	color:#000000!important;
	float:left;
	}

.footer-bottom{ clear:both; width:400px; height:30px; padding-bottom:30px; color:#FFFFFF;font-size:10px; float:right;margin-top:140px; margin-right:195px;}

*:first-child+html .footer-bottom {padding-bottom:0px!important;}



.nameblue {
	font:"Century Gothic";
	font-family:"Century Gothic";
	font-size:10px;
	color:#6bd8ec;
}

h1 {
	font-size:18px;
	font-family: "Century Gothic";
	color:#ffffff;
	margin-bottom:11px;
	padding: 5px 0px;	
}

h2 {
	font-size:17px;
	font-family:"Century Gothic";
	color:#ffffff;
	margin-bottom:11px;
	padding: 5px 0px;
}

h2.portfolio {margin-left:11px; 	font-size:17px;
	font-family:"Century Gothic";
	color:#ffffff;
	margin-bottom:11px;
	padding: 5px 0px;}

#topheader a{
	color: #cccccc;
	border-bottom: 1px dotted #cccccc;
	text-decoration: none;
}

#topheader a:hover{
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #6bd8ec;
}

.portfoliothumbnail {
	border: 5px solid #323232;
	margin: 0px 0px 10px 0px;
	float: left;
	line-height: 0px;
}

a:hover.portfoliothumbnail {
	border: 5px solid #424242;
}

.portfoliolink {
	text-align: right;
	clear: both;
	margin-right: 2px;
}

.quote {
	font-style: italic;
}

.quoteauthor {
	padding-left: 20px;
}

.imagelink {
	border: 0; 
}

a:hover.imagelink {
	border: 0;
}

.contactlevel {
	padding-bottom: 3px;
}



/* ------------------------------------------------------ NAVIGATION ------------------------------------------------------ */
	
#nav
	{
		font-family:"Century Gothic";
		font-size:15px;
		width:827px;
		margin:0 auto;
		color:#fff;
		height:40px;
		padding-top: 2px;
	}		
	
#nav li
	{
		float:right;
		display:block;
	}	
	
#nav li a
	{
		padding:10px 15px 0 15px;	
		height:27px;
		color:#fff;
		text-decoration:none;
		display:block;
		float:left;
		outline:none;
	}	
	
#nav li a:hover
	{
		background:#101010;
	}	
	
.on
	{
		background:#101010;
	}	


#bannerContainer {
			width: 817px;
			padding: 10px 0 10px 10px;
			background: #FFFFFF;
			float: left;
			margin-left:0px!important;
			}

			
#bannerLeft {
				width: 397px;
				float: left;
				display: block;
				margin: 0;
				padding: 70px 10px 0 32px;
				font-weight: normal;
				color: #889dba;
				font-size: 12px;
				line-height: 20px;
				list-style: none;
				background: #6bd8ec url(../img/main_img2.jpg) top left;
				height: 185px;
			}
			
			#kwicks {
				margin: 0;
				padding: 0;
			}

			#kwicks .kwick {
				float: left;
				display: block;
				width: 90px;
				height: 255px;
				border: 0;
			}
			
			#kwicks .kwicks {
				float: left;
				display: block;
				margin: 0;
				padding: 0;
				font-weight: normal;
				list-style: none;
				background: #38413D url(../img/main_img.jpg) top left;
				height: 255px;
			}

			#kwicks li {
				float: left;
			}

			#kwicks .kwick {
				display: block;
				height: 255px;
				width: 90px;
				background: #38413D;
				border: none;
				float: left;
			}
			
			#kwicks .kwick a {
				float: left;
				display: block;
				height: 255px;
				width: 100%;
				text-indent: -12000px;
			}

				.noScript {
					margin: 0;
					padding: 0;
					float: left;
					border-bottom: 10px solid #ffffff;
					border-right: 10px solid #ffffff;
					border-top: none;
					border-left: none;
					width: 827px;
					clear: both;
					background: #f1f1f1;
				}
				.noScript a, .noScript a:hover, .noScript a:visited, .noScript a:active {
						color: #ED6613;
						text-decoration: underline;
						}
				
					.noScript img {
						float: left;
						border-right: 10px solid #ffffff;
						border-left: 3px solid #FFFFFF;
						margin-right: 10px;
					}
					.noScript h1,
					.noScript p {
						float: left;
						width: 640px;

						padding-top: 8px;
						margin: 0px;
					}
		
		#bannerContainerInterior {
			width: 827px;
			height: 79px;
			background-image: url(../img/interiorbanner.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			}
			
			#bannerContainerInterior h2 {
				margin: 0px 10px 0px 0px;
				padding: 50px 0px 0px 0px;
				line-height: 20px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 20px;
				color: #ffffff;
				font-weight: normal;
			}
			


#emailUs
{
  display: block;
  width: 130px;
  height: 38px;
  background: url("../img/button.png") no-repeat 0 0;
  margin-top:140px!important;
  margin-left:220px;

}

*:first-child+html #emailUs {margin-top:95px!important;}


#emailUs:hover
{ 
  background-position: 0 -37px;
}

#emailUs span
{
  display: none;
}

#date {background-image:url(../img/date.png);
background-repeat:no-repeat;
float:left;
width:130px;
margin:0!important;}


/* =Form
-----------------------------------------------------------------------------*/


fieldset {border: 0px}
form.inputform input {padding: -1px 1px; font-size: 1.0em;}
form.inputform select {padding: 0px 0px; font-size: 1.0em;}
form.inputform textarea {padding: 2px 5px}

#yourName, #email, #tel {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 75%;
height:20px;
width:220px;
border: 0px;
margin:5px 0;
font-size: 12px;
padding:5px 0 0 10px}

#query {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 75%;
height:124px;
width:340px;
border: 0px;
margin:5px 0;
font-size: 12px;
padding:5px 0 0 10px}

textarea {
float:left;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 75%;
width:300px;
height:135px;
border: 0;
margin:5px 0;
padding:5px 0 0 10px}

form.inputform tr.action td {text-align: center;}
.submit {
float:left;
width:66px;
height:20px;
background: transparent url(../img/submit.png) no-repeat;
cursor:pointer;
border: 0px;}

form.inputform table {margin: 0 0 10px 0; }
form.inputform table td {padding: 1px 1px; }
.mand {color: #6bd8ec;}
/*Styling Error Messages*/
p#errMsg {background: red; }	


/* =Portfolio New Styles
-----------------------------------------------------------------------------*/

#panel { width: 380px; float:left; padding-right:67px; background:transparent;} 
#panel img {height:140px; border:6px solid #323232;}					
#panel img.icon {width:90px; float:right; margin-top:-40px; margin-right:11px; border:none!important; height:24px;}
p.panel {width: 374px;}

#panel-last { width: 380px; float:left; margin-right:0px; background:transparent;} 
#panel-last img {height:140px; border:6px solid #323232; margin-left:11px;}					
#panel-last img.icon {width:90px; float:right; margin-top:-40px;  border:none!important; height:24px;}
p.panel2 {width: 374px; margin-left:11px;}


#panel-work {width:263px; margin-right:18px; float:left;} 
#panel-work img {height:140px; border:6px solid #323232;}	

#panel-work2 {width:263px; float:left;} 
#panel-work2 img {height:140px; border:6px solid #323232;}