* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100.1%; 
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	background-color: #fff;
}


/* Typography and Links
----------------------------------------------- */

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
}

h1 {
	font-size: 1.4em;
	text-align:left;
	line-height: 1.4em;
}

h2 {
	line-height: 1.4em;
	font-weight: normal;
	font-size:18px;
	font-weight:bold;
}


#explore p {
	font-size:14px;
	line-height:150%;
	text-align:justify;
	color:#000;
	margin-right:25px;
	margin-bottom:25px;
	}

h3.projects {
	margin-left:25px;
	}
	
#testimonials h3 {
font-size:18px;
padding-bottom:25px;
margin-left:10px;
}	

#testimonials h4 {
padding-top: 0px;
padding-bottom:25px;
margin-left:10px;
margin-top:0px;
}

#testimonals p {
width:600px;
}

ul {
	padding: 0 0 20px 40px;
	list-style: disc;}
	
li {
	padding-bottom:8px;
	font-size:14px;
	}	
	
ul.project-list {
	padding-top:15px;
	margin-left:25px;
	}	

a {
	color:#000;
}

a:hover {
	text-decoration: underline;
}




h1.title {
	font-size:2em;
	font-weight:bold;
	color:#7b0a1c;
	text-align:left;
	padding-bottom:20px;
}

/* Structure
----------------------------------------------- */

div#wrapper {
	width: 100%;
	margin: -1px 0 0;
	padding: 0;
}
div#main {
	margin: 0 auto;
	width: 914px;
	padding: 0px 20px;
}

/* sets main background -- the always present image */
div#nav-bar {
	height: 70px;
	margin:0 auto;
	position: absolute;
	z-index: 2;
	width: 800px;
	margin-left:0px;
	background-color: transparent;
	background-image: url(../images/navlinks.png); /* for Mozilla/Opera/etc */
	background-repeat:no-repeat;
}

/* sets the hover / over image -- more settings below */

div#nav {
	margin: 0 auto;
	width: 800px;
	z-index: 3;
	position: absolute;
	padding: 0px;
	padding-left:0px;
	padding-right:20px;
	color:#fff;

}
div#content {
	background-color: inherit;
	color: inherit;
	margin-top: 70px;
	padding: 0pt;
	position: absolute;
	top: 0pt;
	width: 914px;
}
div#flash-container {
	height: 100%;
	overflow: visible;
	width: 100%;
}
div#background {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
}
#flash-background {
	height: 100%;
}
div.content-col-left {
	float: left;
	width: 300px;
	margin-bottom:100px;
}
div.content-col-left #logo {
	margin-bottom: 20px;
}
div.content-col-right {
	float: right;
	margin-right:-20px;
	width: 620px;
	margin-bottom:100px;
	color:#000;
}
div.content-col-right h1 {
	margin-bottom: 10px;
}
div.content-col-right h2 {
	margin-bottom: 20px;
}
div.content-box {
	padding: 10px 10px 0 10px;
	width: 590px;
	margin: -3px 5px;
	background-color: transparent;
	color:#000;

}



div.logo {
	float: left;
	margin: 0 25px 30px 0;
}

.kits10 img {
	padding-right:25px;
}




	
.page_header { 
	background: #1a1a1a; 
	width: 916px; 
	padding: 24px 17px 22px 27px; 
}

.page_header h3 { 
	color: #ffffff; 
	font-size: 2.2em; margin: 0; }


.main_content { 
	width:610px; 
	padding: 6px 30px 0px 30px; 
	background: #fff;}

.main_content h3 { 
	margin-top: 20px; 
}




div.content-box {
	color:#000;
}

div.content-box table {
	padding:0px;
	color:#000;
}




/* Sidebar Layout */

.sidebar h3 { 
	font-size: 18px; 
	padding-bottom:8px; 
	margin: 0; 
	border-bottom: 2px solid #444444; 
	color: #fff; 
	}

h3.headings {
	padding-right:0px;
	margin-right:0px;
	width:255px;
	border-color:#fff;
}

.side_box { 
	margin-bottom: 16px; 
	background-color:#1a1a1a;
	width: 225px; 
	padding: 16px 16px 6px 16px; 
}

.sidebar h4, p {
	color:#fff;
	font-size:1.0em;
}

.side_box a {
	color:#fff;
	font-weight:bold;
}






/* Navigation
----------------------------------------------- */

div#nav a {
	outline-style: none;
	color:#fff;
}

div#nav ul.top-level {
 	width: 800px;
 	height: 70px;
 	background: url(images/navlinks.png)
	margin: 0;
	padding: 0;
 	position: absolute;
	color:#fff;
}

div#nav ul.top-level li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 70px;
	display: block;
	color:#fff;
}

div#nav ul.top-level li a.base-link, div#nav ul.top-level li a.selected {
	float: left;
	padding: 70px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:36px; /* for IE5/Win only */
	width: 100%;
}

#menu-main-1 { left: 0; width: 123px;} /* home */
#menu-main-2 { left: 124px; width: 169px; } /* services */
#menu-main-3 { left: 293px; width: 143px; } /* about */
#menu-main-4 { left: 436px; width: 155px; } /* projects*/
#menu-main-5 { left: 591px; width: 209px; } /* contact */


#menu-main-1 a.base-link:hover, #menu-main-1:hover a.base-link, #menu-main-1 a.selected { background: url(images/navlinks.png) 0 -70px no-repeat;}
#menu-main-2 a.base-link:hover, #menu-main-2:hover a.base-link, #menu-main-2 a.selected { background: url(images/navlinks.png) -124px -70px no-repeat;}
#menu-main-3 a.base-link:hover, #menu-main-3:hover a.base-link, #menu-main-3 a.selected { background: url(images/navlinks.png) -293px -70px no-repeat;}
#menu-main-4 a.base-link:hover, #menu-main-4:hover a.base-link, #menu-main-4 a.selected { background: url(images/navlinks.png) -439px -70px no-repeat;}
#menu-main-5 a.base-link:hover, #menu-main-5:hover a.base-link, #menu-main-5 a.selected { background: url(images/navlinks.png) -591px -70px no-repeat;}


/* Sub level settings */

div#nav ul.sub-level {
	padding: 6px 0;
	margin: 0;
	list-style: none;
}

div#nav ul.sub-level li a {
	display: block;
	width: 20em;
	text-decoration: none;
	color: #fff;
	padding: 8px 12px;
	font-size: 1.1em;
}

div#nav ul.sub-level li a:hover {
	text-decoration: underline;
}

div#nav ul.sub-level li { /* all list items */
	float: left;
	width: 20em; /* width needed or else Opera goes nuts */
	height: auto;
	position: relative;
}

div#nav ul.top-level li ul.sub-level {
	position: absolute;
	background: url(../images/sub-nav.png) top left repeat;
	width: 20em;
	top: 70px;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
	left: -999em;
}

div#nav ul.top-level li:hover ul.sub-level, div#nav ul.top-level li:hover ul {
	left: 0;
	visibility: visible;
}



/*----Table settings for Savings Page ----------*/


#mid {
	background-color:#000;
	color:#fff;
	padding-top:5px;
	padding-bottom:10px;
	border-top:#fff solid 7px;
}

#mid p, h1 {
	text-align:center;

}

.savings h2 {
	color:#7b0a1c;
}

.savings th {
	background-color:#1c1c1c;
	color:#fff;
	font-weight:bold;
	height:25px;
}

.savings {
	color:#000;
	font-size:12px;
}

.savings td {
	border:solid #CCC 1px;
	height:25px;
}

.savings tr:hover {
	font-weight:bold;
	background-color:#7b0a1c;
	color:#fff;
}

.savings td.amount {
	text-align:center;
	height:25px;
}



/* font size for contact page */

p.contact {
	font-size:24px;
	}




/* Misc
----------------------------------------------- */

a img {
	border: 0;
}

.image-replace {
	text-indent: -5000px;
}

.clear {
	clear: both;
}



/* Footer */
#footer { 
	clear:both; 
	width:905px; 
	padding:30px 0 0 15px; 
	height:135px;
	text-align:left;
	margin-left:5px;
	color: #000; 
	background-color: #000;
	background-image: url(../images/footer-bk.jpg);
	background-repeat:repeat-x;
}




#footer fieldset { 
	padding:0 30px; 
	border:0; 
}


#footer div.section1 { 
	float:left; 
	width:310px; 
	margin-left:-30px; 
	margin-right:10px; 
	padding-left:15px; 
	height:210px; 
}



#footer a { 
	color:#fff; 
	text-decoration:none; 
	outline:none; 
}

#footer p { 
	margin:0; 
	padding:0 0 10px 0; 
	line-height:150%; 
	color:#fff; 
	float:right; 	f
	font-size:12px; 
}

#footer h2 {
color:#fff;
float:right;
padding-right:50px;
}
	
.site-links li {
	float:left;
	margin-top:10px;
	margin-right:25px;
	line-height:150%;
	text-decoration:underline;
}


/* Explore page */

h1.title {
	float:right;
	font-size:36px;
	color:#fff;
	background-image:url(../images/explore-header.jpg);
	width:490px;
	height:150px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-top:-30px;

}

h1.title-design {
	float:right;
	font-size:36px;
	color:#fff;
	background-image:url(../images/design-box.jpg);
	width:490px;
	height:150px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-top:-30px;

}

#explore h2 {
	padding-bottom:15px;
	padding-left:10px;
	font-size:24px;
}

#explore p span {
	font-weight:bold;
}

#explore h2.in-title {
	font-size:20px; 
	color:#7b0a1c;
}

#explore p {
	padding:0px 10px;
}

#explore td.box  {

	width:220px;
	background-color:#fff;
	background-position:top left;
	vertical-align: top;
}

#explore td.box h3 {
	color: #000033;
	font-size:14px;
	padding:20px 20px 5px 20px;
}

#explore td.box p {
	padding:8px 20px 10px 20px;
	font-size:12px;
}

#explore td.box a {
padding-top:5px;
}


/* Settings for middle section */

table#sections {
	margin-left:-15px;
}

td.explore, td.design {
	padding-right:10px;
}

td.explore {
	padding-left:25px;
	padding-bottom:25px;
}



.third_section {
	margin-bottom:0px;
	text-align: left;
	line-height: 150%;
	padding-top:1px;
	padding-bottom:2px;
	font-size:10px;	
}

ul.third_section {
	color:#1a1a1a;
	line-height:180%;
	width:250px;
	margin-bottom:0px;
}


.middle_section {
	margin-bottom:0px;
	text-align: left;
	line-height: 150%;
	padding-top:1px;
	padding-bottom:2px;
}

ul.middle_section  {
	color:#1a1a1a;
	line-height:180%;
	width:250px;
	margin-bottom:0px;
	font-size:10px;
}


.first_section {
	margin-bottom:0px;
	font-size:10px;
	text-align: left;
	line-height: 150%;
	padding-top:1px;
	padding-bottom:2px;
}

ul.first_section {
	color:#1a1a1a;
	line-height:180%;
	width:250px;
	margin-bottom:0px;
	font-size:10px;
}

ul.first_section li{
	font-size:10px;
}
 ul.middle_section li {
	 font-size:10px;
 }

ul.third_section li {
	font-size:10px;
}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}