@import url(../styles/lightbox.css);


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: small;
	}
	
h1,
h2 {
	font-size: 1.3em;
	color: #006699;
	background-image: url(../images/background-h2.jpg);
	background-position: bottom;
	padding-bottom: 13px;
	background-repeat: repeat-x;
	margin-bottom: 0px;
	}
/* {
	font-size: 140%;
	color: #006699;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #66CCCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	} */
	
a:link { color: #39c; }
a:visited { color: #369; }
a:hover { color: #333; }

/* layout */

#wrap {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/background-top-border.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#content {
	float: left;
	width: 560px;
	color: #333;
	line-height: 1.2em;
	padding-bottom: 40px;
	}
#content p { font-size: 85% }
	
#sidebar {
	float: right;
	width: 240px;
	}
ul {
	padding-left: 20px;
	}
li {
	list-style-type: none;
	}

#footer {
	clear: both;
	background: #828377 url(img/footer-bg.gif) repeat-x top left;
	}

/* gutters */

#content .gutter {
	padding: 20px;
	background: url(img/content-bg.gif) repeat-x top left;
	}
#sidebar .gutter, #sidebar-2 .gutter {
	padding: 15px;
	}

/* header */

#header {
	height: 100px;
	border-bottom: #66CCFF 1px solid;
	background: url(../images/header-texture-wood3.jpg) repeat-x left;
	}
#PROJECT-GALLERY #header {
	height: 100px;
	border-bottom: #66CCFF 1px solid;
	background: url(../images/header-texture-wood2.jpg) repeat-x center;
	}
#ABOUT #header {
	height: 100px;
	border-bottom: #66CCFF 1px solid;
	background: url(../images/header-texture-wood.jpg) repeat-x center;
	}	
#CONTACT #header {
	height: 100px;
	border-bottom: #66CCFF 1px solid;
	background: url(../images/header-texture-tile.jpg) repeat-x center;
	}	
#GETTING-STARTED #header {
	height: 100px;
	border-bottom: #66CCFF 1px solid;
	background: url(../images/header-texture-granite.jpg) repeat-x center;
	}	
#VIDEO-HOME-DEPOT #header {
	height: 100px;
	border-bottom: #66CCFF 1px solid;
	background: url(../images/header-texture-granite2.jpg) repeat-x center;
	}		
	
#header img#logo {
	border:none;
	position: absolute;
	top: 5px;
	left: 32px;
	}		
	
/* message row */

#liscense-number{
	margin: 0;
	padding: 5px;
	font-size: 85%;
	color: #CCCCCC;
	text-align: left;
	background-color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	text-indent: 60px;
	}
	
ul#main-nav{
	margin: 0;
	padding: 5px;
	font-size: 90%;
	color: #FFFFFF;
	text-align: center;
	background-color: #666666;
	list-style-type: none;
	display: block;
	border-top: #999 1px solid;
	border-bottom: #333 2px groove;
	background: url(../images/nav-link-grey-bg.gif) repeat-x bottom;
	}	
ul#main-nav li{
	display: inline;
	font-size: 110%;
	border-left-style: solid;
	border-left-color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 10px 5px 10px;
	border-left-width: 1px;
	border-bottom-style: none;
	margin-right: 0px;
	margin-left: 0px;
	}	
ul#main-nav li.last-link{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	}	
ul#main-nav li:hover{
	background-color: #999999;
	background-image: url(../images/nav-link=grey-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	}	
ul#main-nav li a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	}	
	
#font-adjuster {
	width: 180px;
	float: right;
	height: 32px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#font-adjuster img {
	margin-left: 2px;
	margin-top: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}


#font-adjusters {
	width: 230px;
	position: absolute;
	float: right;
	padding: 0px;
	right: 10px;
	margin-top: -1px;
	}
#font-adjusters img {
	margin-left: 2px;
	margin-top: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
		
div.service-box {
	margin-bottom: 15px;
	}	

dl.feature {
	margin: 15px 0;
	padding: 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
	
dl.feature:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

dl.feature dt {
	margin: 0 0 .5em 0;
	font-size: 140%;
	color: #333333;
	}
dl.feature dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	}
dl.feature dd {
	margin-left: 169px;
	font-size: 90%;
	line-height: 1.5em;
	color: #666666;
	}

/* sidebars */

.box {
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #666;
	background-image: url(../images/box-rounded-bottom-new.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
.box img {
	margin-left: 66px;
	margin-top: 10px;
	}
#CONTACT .box img {
	margin-left: 64px;
	margin-top: 6px;
	border:none;
	}
	
.box h3 {
	margin: 0;
	padding: 12px;
	font-size: 150%;
	font-weight: normal;
	color: #333333;
	background-image: url(../images/box-rounded-top-new.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
.box h3#home-depot{
	margin: 0;
	padding: 12px;
	font-size: 150%;
	font-weight: normal;
	color: #333333;
	background-image: url(../images/box-rounded-top-home-depot.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}


.box p, .box ul {
	margin: 0;
	padding: 0 12px;
	}
.box ul li {
	margin: 0;
	padding: 0 0 0 24px;
	list-style-type: none;
	}

/* footer */

#footer p {
	margin: 0;
	padding: 15px;
	font-size: 85%;
	color: #333;
	text-align: center;
	}


/* Specific Rules */

#INDEX h1 {
	margin-left: -3000px;
	position: absolute;
	}
#INDEX h2 {
	margin-top: 
	}
	
#PROJECT-GALLERY h1 {
	margin-bottom:20px;
	}
#PROJECT-GALLERY #content  p {
	margin-bottom: 50px;
	}

#PROJECT-GALLERY #content a:link,
#PROJECT-GALLERY #content a:visited {
	color:#999;
	}	
#PROJECT-GALLERY #content a:hover,
#PROJECT-GALLERY #content a:active {
	color:#000;
	}		
	
#VIDEO-HOME-DEPOT h1 {
	margin-top:30px;
	}	
#VIDEO-HOME-DEPOT #wrap {
	width:555px;
	}
	
.box li.video {
	background: url(../images/icon-video.gif) left no-repeat;
	}
.box li.external-link {
	background: url(../images/icon-external-link.gif) left no-repeat;
	}


.vcard { font-size: 85% }
.vcard .email {display:block;}
.contact-info-wrapper {
	float:left;
	width:245px;
	}
.vcard-faux {font-size: 85%}
.vcard-faux span {
	display:block;
	}	



/*  IE fixes */

#content, #sidebar, #footer {
	height: 1%;
	}
* html dl.feature { /* for IE5+6 */
	height: 1%; 
	}
*:first-child+html .feature { /* for IE7 */
	min-height: 1px; 
	} 



/* INDEX2 */
#INDEX2 h1 {
	margin-left: -3000px;
	position: absolute;
	}
body#INDEX2 #header img#logo {
	border:none;
	position: absolute;
	top: 17px;
	left: 32px;
	}	
body#INDEX2 #header {
	height: 100px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #66CCFF;
	background-image: url(../images/header-texture-wood.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}
#INDEX2 ul#main-nav{
	margin: 0;
	padding: 5px;
	font-size: 90%;
	color: #FFFFFF;
	text-align: center;
	background-color: #666666;
	list-style-type: none;
	display: block;
	border-top-width: #999 1px solid;
	border-bottom: #333 2px groove;
	background: url(../images/nav-link-grey-bg.gif) repeat-x bottom;
	}	
#INDEX2 ul#main-nav li{
	display: inline;
	font-size: 110%;
	border-left: #333 solid;
	padding: 5px 10px 5px 10px;
	border-left-width: 1px;
	border-bottom-style: none;
	margin: 5px 0px;
	}	
#INDEX2 ul#main-nav li.last-link{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	}	
#INDEX2 ul#main-nav li:hover{
	background-color: #999999;
	background-image: url(../images/nav-link-grey-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	}	
#INDEX2 ul#main-nav li a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	}