/* CSS XXL Driveways */
body  {
	margin:0;
	text-align:center; /* required for random text centering bug in IE6*/
	padding:0;
	border:0;
	background-image:url(../images/bg.gif)
}
.hide
{
	display:none;
}
h1 {
	font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size:200%;
	color:#000;
}
h2{
	font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size:140%;
	color:#000;
	font-weight:bold;
	margin:10px 0 10px 10px;
	/* hide from mac ie5 \*/
	padding:20px 0 0 20px;
	margin:0 0 10px 0;
	/* end hide*/
}
h3{
	font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size:120%;
	color:#000;
	font-weight:bold;
	padding:0;
	margin:10px 0 10px 10px;
	/* hide from mac ie5 \*/
	margin:20px 0 10px 10px!important;
	margin:20px 0 10px 10px;
	margin/**/:/**/20px 0 10px 5px;
	/* end hide*/
	float:left;
	
}
/*====================================================================*/
/* Maindiv */
#maindiv{
	font-size:100%;
	font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	margin:10px auto;
	width:770px;
	height:580px;
	background-color:#f1f1e0;
	text-align:left;
}
#maindiv a{
	font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
#maindiv a:hover{
	font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
}

/*====================================================================*/
/* Logo */
#logo{
	display:none;
}
#logo img{
 float:right;
 }
/*====================================================================*/
/* Mainnav */
#mainmenu{
display:none;}
#mainmenu ul{
	padding:10px 0 0 10px;
	margin:0;
}
#mainmenu ul li{
	padding:5px 0;
	margin:0 10px 20px 0!important;
	margin:0 10px 20px 0;
	margin/**/:/**/0 10px 20px 0;
	list-style-position: inside;
	list-style-type: none;
	border:1px dashed #f1f1e0;
}
#mainmenu li a{
	margin:0 0 0 5px!important;
	margin:0 0 0 5px;
	margin/**/:/**/0;
	padding:0;
}
#mainmenu a:hover{
	padding:5px 0;
	color:#f1f1e0;
	text-decoration:none;
}
.menuitem1{
	color:#f1f1e0;
	padding:0;
	/* hide from mac ie5 \*/
	padding:0;
	/* end hide*/
}
.menuitem1pad{
	padding:0;
	/* hide from mac ie5 \*/
	padding:0;
	/* end hide*/
}
.menuitem{
	color:#f1f1e0;
	padding:0 0 0 10px;
	/* hide from mac ie5 \*/
	padding:0;
	/* end hide*/
}

/*====================================================================*/
/* Content Area*/
#content{
	height:470px;
	/* hide from mac ie5 \*/
	height:480px;
	/* end hide*/
	width:620px;
	background-color:#f1f1e0;
	padding:0;
	float:left;
}
/*====================================================================*/
/* Large Content Area*/
#largecontent{
	color:#000;
	background:#f1f1e0;
	width:440px;
	/* hide from mac ie5 \*/
	width:440px;
	/* end hide*/
	height:480px;
	/* hide from mac ie5 \*/
	height:480px;
	/* end hide*/
	margin:0;
	padding:0;
	font-size:70%;
	float:left;
	overflow:auto;
}
#largecontent a{
	text-decoration:underline;
}

#largecontent p{
	padding:0;
	margin:0 30px 10px 10px;
	/* hide from mac ie5 \*/
	padding:0 30px 10px 20px!important;
	padding:0 30px 10px 20px;
	padding/**/:/**/0 5px 10px 20px;
	margin:0;
	/* end hide*/
}
#largecontent img{
	margin:0 0 0 10px;
	/* hide from mac ie5 \*/
	margin:0 0 0 20px;
	/* end hide*/
	padding:0;
	border:1px dashed #000;
}
#largecontent ol{
	padding:0;
	margin:0 0 0 10px;
	/* hide from mac ie5 \*/
	margin:0 0 0 20px;
	/* end hide*/
	list-style-type: lower-alpha;
	list-style-position:inside;
}
#largecontent ul{
	padding:0;
	margin:0 0 0 10px;
	/* hide from mac ie5 \*/
	margin:0 0 0 20px;
	/* end hide*/
}
#largecontent li{
	padding:0 0 10px 0;
	margin:0;
}
#largecontent ul li{
	padding:0 0 10px 0;
	margin:0;
}

#largecontent li p{
	padding:10px 0 0 0;
	margin:0;
}
#largecontent h3{
	padding:0;
	margin:0 0 5px 10px;
	/* hide from mac ie5 \*/
	margin:0 0 5px 20px!important;
	margin:0 0 5px 20px;
	margin/**/:/**/0 0 5px 10px;
	/* end hide*/
	float:left;
	width:90%;
}
#largecontent .portfolio img{
	border:none;
	width:400px;
	/* hide from mac ie5 \*/
	width:420px;
	/* end hide*/
}
#largecontent .selector img{
	margin:0;
	padding:0;
	border:1px dashed #000;
	width:90px;
}
#largecontent .selector{
	float:left;
	margin:0 0 10px 10px;
	/* hide from mac ie5 \*/
	margin:0 0 20px 20px!important;
	margin:0 0 20px 20px;
	margin/**/:/**/0 0 20px 10px;
	/* end hide*/
	padding:0;
	width:90px;
}
#largecontent .text, .image{
	padding:0;
}
#largecontent .selector .text{
	margin:0;
	padding:0;
	float:left;
	white-space: nowrap;
	clear:both;
}
#largecontent .lrgimage img{
	width:400px;
	clear:both;
}
#largecontent .slideshow{
	background-color:#a49692;
	border:dashed 1px #000;
	padding:5px;
	margin:0 0 10px 20px;
	width:100px;
	text-align:center;
	float:left;
}
#largecontent .slideshow a{
	text-decoration:none;
}
#largecontent .slideshow a:hover{
	text-decoration:underline;
	color:#f1f1e0;
}
#largecontent .order{
	background-color:#a49692;
	border:dashed 1px #000;
	padding:5px;
	margin:0 0 5px 0;
	width:100px;
	text-align:center;
}
#largecontent .order a{
	text-decoration:none;
}
#largecontent .order a:hover{
	text-decoration:underline;
	color:#f1f1e0;
}

/*====================================================================*/
/* Small Content Area*/

#smallcontent{
	background:#a49692;
	color:#000;
	width:180px;
	height:480px;
	margin:0;
	padding:0;
	font-size:70%;
	float:left;
	overflow:auto;
}
#smallcontent p{
	width:152px;
	/* hide from mac ie5 \*/
	width:152px;
	/* end hide*/	
	padding:0 0 10px 10px;
	margin:0;
	float:left;
}
#smallcontent a{
	text-decoration:none;
}
#smallcontent a:hover{
	color:#f0f1e1;
	text-decoration:none;
}
#smallcontent p{
	padding:5px 0 10px 10px;
	text-decoration:none;
}
#smallcontent ul{
	padding:0 15px!important;
	padding:0 15px;
	padding/**/:/**/0 15px;
	margin:0;
	list-style-position:inside;
	float:left;
}
#smallcontent .image img{
	margin:0 0 10px 15px!important;
	margin:0 0 10px 15px;
	margin/**/:/**/0 0 10px 15px;
	border:1px dashed #f1f1e0;
}
#smallcontent .techinfo{
	margin:20px 0 0 0;
	padding:0;
}
#smallcontent .techinfo img{
	float:left;
	clear:both;
	padding:0;
	margin:0 0 0 40px;
	/* hide from mac ie5 \*/
	margin:0 0 5px 35px!important;
	margin:0 0 5px 35px;
	margin/**/:/**/0 0 0 35px;
	/* end hide*/	
	border:1px dashed #f1f1e0;
}
#smallcontent .portfolio img{
	margin:0 0 0 10px;
	padding:0;
	border:1px dashed #f1f1e0;
	width:67px;
	height:50px;
}
#smallcontent .portfolio{
	float:left;
	margin:0;
	padding:0;
	/* hide from mac ie5 \*/
	clear:both;
	/* end hide*/	
}
#smallcontent .textlink, .image{
	float:left;
	margin:0;
	padding:0;
}
#smallcontent .textlink{
	width:152px;
	/* hide from mac ie5 \*/
	width:152px;
	/* end hide*/	
	margin: 0 0 0 10px;
	padding:0 0 10px 0;
}
#smallcontent .textlink a{
	text-decoration:none;
}
#smallcontent .textlink a:hover{
	color:#f0f1e1;
	text-decoration:none;
}
#smallcontent .portfoliostages{
	margin:0 0 0 10px!important;
	margin:0 0 0 10px;
	margin/**/:/**/0 0 0 5px;
	padding:0;
	width:150px;
	float:left;
}
#smallcontent .portfoliostages img{
	margin:0 5px 5px 0;
	padding:0;
	width:62px;
	border:1px dashed #f1f1e0;
	
}
#smallcontent .portfoliostages a{
	margin:0;
	padding:0;
}
#smallcontent .valid img{
	margin:10px 0 10px 0;
	padding:0;
	border:none;
	
}

/*====================================================================*/
/* Footer*/
#footer{
display:none;	}
#footer p{
	padding:0 0 0 10px!important;
	padding:0 0 0 10px;
	padding/**/:/**/10px 0 5px 10px;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	color:#a49692;
	text-decoration:none;
}
#footer .copy{
	float:right;
	margin:0;
	padding:10px 10px 5px 0;
}
#footer .links{
	float:left;
	margin:0;
	padding:10px 0 5px 10px;
}

/*====================================================================*/
/* Scroll*/
html {
        scrollbar-base-color: #f1f1e0;
        scrollbar-arrow-color:#000;
        scrollbar-track-color:#f1f1e0;
        scrollbar-shadow-color:#000;
        scrollbar-lightshadow-color: #000;
        scrollbar-darkshadow-color: #f1f1e0;
        scrollbar-highlight-color:#f1f1e0;
        scrollbar-3dlight-color:#000;
}	
/*====================================================================*/
/* Form*/
form{
	margin:0;
}
.forminput{
	width:410px;
	/* hide from mac ie5 \*/
	width:100%;
	/* end hide*/
	display:block;
	margin: 0 0 10px 0;
}
form span{
	margin: 0 0 10px 10px;
	/* hide from mac ie5 \*/
	margin: 0 10px 10px 20px;
	/* end hide*/
	float:left;
	font-weight:bold;
}
.message{
	margin: 5px 0 10px 10px;
	/* hide from mac ie5 \*/
	margin: 5px 0 10px 20px!important;
	margin: 5px 0 10px 20px;
	margin/**/:/**/ 5px 0 10px 10px;
	clear:both;
	/* end hide*/
	float: left;
	font-weight:bold;
	/* hide from mac ie5 \*/
	width:400px;
	/* end hide*/
}
.forminput input{
	width:173px;
	/* hide from mac ie5 \*/
	width:183px;
	/* end hide*/
	margin:0;
	padding:0;
}
.submit{
	margin: 10px 0 0 0;
	padding:0 0 0 10px;
	/* hide from mac ie5 \*/
	padding:0 0 0 20px;
	/* end hide*/
	clear:both;
	width:400px;
}
textarea, input{
	border:1px solid #000;
	color:#333;
}
textarea{
	width:360px;
	/* hide from mac ie5 \*/
	width:400px;
	/* end hide*/
	margin: 0!important;
	margin: 0;
	margin/**/:/**/ 0 0 0 -10px;
}
.forminput{
	float:left;
}
form .submit{
	margin: 10px 0 0 0;
	/* hide from mac ie5 \*/
	clear:both;
	/* end hide*/
}
#desc{
	display:none;
}
.formdropdown{
	margin:0 0 15px 10px;
	/* hide from mac ie5 \*/
	margin:0 0 15px 20px!important;
	margin:0 0 15px 20px;
	margin/**/:/**/0 0 15px 10px;
	/* end hide*/
	font-weight:bold;
	width:400px;
	float:left;
}
.formdropdown select{
	border:1px solid #000;
	color:#333;
}