@charset "utf-8";
/* CSS Document */

/* ------- TABLE OF CONTENTS ---------------

Project:       Don Gardner Construction
Version:       1.0
Last change:   10/08/08 finished development
Assigned to:   Matt Johnson Primary use:   Custom site
 
1. Import Reset and Global Styles
2. Structure Style Declarations 
3. Typography Style Declarations

---------- END TABLE OF CONTENTS ----------*/

/* ---------->>> 1. Import <<<-----------*/

/* import the forbin reset style sheet - browser default styles */

html {overflow-y:scroll;} /* Cross browser, validated version way to show vertical scrollbar */
img {float:left}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td y{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,em,strong,th {font-style:normal;font-weight:normal;}
ul {list-style:none;}
th {text-align:left;}
h1,h2,h3,h4 {font-size:100%;}
q:before,q:after {content:'';}
body {font-family:Arial, Helvetica, sans-serif;}
select,input,textarea{font:99% arial,sans-serif;}
:focus {outline: 0;}
strong {font-weight:bold;}

/* import the forbin global style sheet - contains common styles */

.absolute {position:absolute;}
.relative {position:relative;}
.fixed {position:fixed;}
.static {position:static;}
.bold {font-weight:bold; /* left in because of prior use, but should be using <strong></strong> */}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
.nounderline {text-decoration:none;}
.line-through {text-decoration:line-through;}
.highlight {background:#ffc;}
.nopadding {padding:0; }
.noindent {margin-left:0;padding-left:0; }
.nobullet {list-style:none;list-style-image:none;}
.floatRight {float:right;}
.floatLeft {float:left;}
.floatNone {float:none;}
.width100 {width:100%;}
.width75 {width:75%;}
.width50 {width:50%;}
.width25 {width:25%;}
.width66 {width:66%;}
.width33 {width:33%;}
.upperCase {text-transform:uppercase;}
.lowerCase {text-transform:lowercase;}
.smaller {font-size:smaller;}
.larger {font-size:larger;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignJustify {text-align:justify;}
.alignCenter {text-align:center;}
.textIndent {text-indent:-9999px;}
.block {display:block;}
.inline {display:inline;}
.inline-block {display:inline-block;}
.imgReplace {display:block; text-indent:-9999px;}
.clear {clear:both;}
.clearfloat { /* this class can be placed on a div or break element and be the final element before the close of a container that should fully contain a float */ clear:both; height:0;font-size: 1px;line-height: 0px;}
.none {display:none;}
.overFlow { overflow:auto;}

/* ---------->>> END Import <<<----------*/

/* ---------->>> 2. Structure <<<-----------*/
/* Body */
body  {text-align: center; background-color:#333333;/*background:url(/images/bg3.gif) repeat-x ; background-attachment:fixed;*/}
#container {width:915px; margin:0 auto; text-align:left;} 
/* Header */
#header {padding:0; width:769px; float:right;} 
/*	.rightsideheader {background:url(/images/tagline.jpg); width:905px; height:43px; float:left;}*/

/* Main Content */
#mainContent {margin:0; padding:10px 30px 15px 20px; width:719px; display:inline; float:right;}
#mainContentSub {margin:-20px 0 0 0; padding:0px 30px 15px 20px; width:719px; display:inline; float:right;}
#topBox { background:url(/images/top.gif);margin:0; padding:0; width:905px; height:26px; display:block; clear:both;}
#mainBox {background:url(/images/main_bg.jpg) repeat-y; width:769px;  margin:0; padding:0; float:right;}
#subBox {background:url(/images/sub_bg.jpg) repeat-y; width:769px;  margin:0; padding:0; float:right;}
#bottomBox { background:url(/images/main_bottom.jpg); float:right; margin:0; padding:0; width:769px; height:183px; display:block;}

.contentBox {background:url(/images/content_box.gif) no-repeat; width:470px; height:126px; padding:10px 15px 20px 25px;}
#leftNav {width:146px;  padding:0; display:inline; float:left;}
.photos {width:146px;  height:118px; padding:0; display:block; }
.welcome {width:450px;}
.subContent {width:420px;}
/* Navigation */
ul#navigation {position:relative; top:95px;}
	ul#navigation { width:146px;}
	ul#navigation li {float:left;}
	ul#navigation a {text-indent:-9999px; width:146px; display:block;}
	/*homepage*/
	ul#navigation li.homepage {background:url(/images/nav_home.jpg); width:146px; height:63px;}
	ul#navigation li.homepage a {width:146px; height:63px;}
	ul#navigation li.homepage a:hover, ul#navigation li.homepage_active {background:url(/images/nav_home_over.jpg); width:146px; height:63px;}
	/*about*/
	ul#navigation li.about {background:url(/images/nav_about.jpg); width:146px; height:62px;}
	ul#navigation li.about a {width:146px; height:62px;}
	ul#navigation li.about a:hover, ul#navigation li.about_active {background:url(/images/nav_about_over.jpg); width:146px; height:62px;}
	/*commercial*/
	ul#navigation li.commercial {background:url(/images/nav_commercial.jpg); width:146px; height:62px;}
	ul#navigation li.commercial a {width:146px; height:62px;}
	ul#navigation li.commercial a:hover, ul#navigation li.commercial_active {background:url(/images/nav_commercial_over.jpg); width:146px; height:62px;}
	/*residential*/
	ul#navigation li.residential {background:url(/images/nav_residential.jpg); width:146px; height:60px;}
	ul#navigation li.residential a {width:146px; height:60px;}
	ul#navigation li.residential a:hover, ul#navigation li.residential_active {background:url(/images/nav_residential_over.jpg); width:146px; height:60px;}
	/*metalbuildings*/
	ul#navigation li.metalbuildings {background:url(/images/nav_metal_buildings.jpg); width:146px; height:64px;}
	ul#navigation li.metalbuildings a {width:146px; height:64px;}
	ul#navigation li.metalbuildings a:hover, ul#navigation li.metalbuildings_active {background:url(/images/nav_metal_buildings_over.jpg); width:146px; height:64px;}
	/*contact*/
	ul#navigation li.contact {background:url(/images/nav_contact.jpg); width:146px; height:238px;}
	ul#navigation li.contact a {width:146px; height:238px;}
	ul#navigation li.contact a:hover, ul#navigation li.contact_active {background:url(/images/nav_contact_over.jpg); width:146px; height:238px;}
	
	
.topNavHome a{color:#666666; text-decoration:none;}
.topNav a{color:#000000; text-decoration:none;}
.topNav a:hover{color:#000000; text-decoration:underline;}

.subNav {width:250px; position:relative; bottom:50px; left:485px; text-align:right; }

/* Side Bar */
#sidebar1 {width:250px;  padding:0px 10px 0 20px; display:inline; float:right; }
.smallText {font-size:11px; line-height:14px;}
#sidebar1 a {color:#000000;}
#sidebar1 a:hover {color:#ffdd00;}
	

/* Footer */
#footer {padding:0px; margin-top:10px; float:right;}
.copyright {width:749px; padding:5px 20px 12px 0px; font-size:11px; color:white; float:right;}
.copylink a{color:#ffdd00;}
.copylink a:hover{color:#ffffff;}
/* ---------->>> END STRUCTURE <<<----*/
/* ---------->>> 4. TYPOGRAPHY <<<----*/
/* Colors */
.brown {color:#5c5621;}
.blue {color:#2860bc;}	
/* Text */
h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#103e70; padding-top:20px; margin-bottom:11px;}
h2 {font-family:Arial, "Times New Roman", Times, serif; font-size:14px; color:#000000; padding:0; margin-bottom:7px; font-variant:small-caps;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;}
h3 {font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size:16px; color:#2860bc; padding-top:6px; margin-bottom:4px; font-weight:bold;}
h4 {color:#69622d; font-variant:small-caps;font-family:Verdana, Arial, Helvetica, sans-serif;}
h5 {color:#2860bc; font-variant:small-caps;font-family:Verdana, Arial, Helvetica, sans-serif;}

.h1_home {background:url(/images/h1_welcome.jpg); background-repeat:no-repeat; width:769px; height:79px; text-indent:-9999px;  margin:0px 0 0px 0; padding:0; }
.h1_about {background:url(/images/h1_about.jpg); background-repeat:no-repeat; width:769px; height:79px; text-indent:-9999px;  margin-bottom:10px; padding:0;}
.h1_commercial {background:url(/images/h1_commercial.jpg); background-repeat:no-repeat; width:769px; height:79px; text-indent:-9999px;  margin-bottom:10px; padding:0;}
.h1_residential {background:url(/images/h1_residential.jpg); background-repeat:no-repeat; width:769px; height:79px; text-indent:-9999px;  margin-bottom:10px; padding:0;}
.h1_contact {background:url(/images/h1_contact.jpg); background-repeat:no-repeat; width:769px; height:79px; text-indent:-9999px;  margin-bottom:10px; padding:0;}
.h1_thank_you {background:url(/images/h1_thank_you.jpg); background-repeat:no-repeat; width:769px; height:79px; text-indent:-9999px;  margin:0px 0 0px 0; padding:0; }
.h1_sorry {background:url(/images/h1_sorry.jpg); background-repeat:no-repeat; width:769px; height:79px; text-indent:-9999px;  margin:0px 0 0px 0; padding:0; }
.h1_metal {background:url(/images/h1_metal.jpg); background-repeat:no-repeat; width:769px; height:79px; text-indent:-9999px;  margin-bottom:10px; padding:0;}


strong { font-weight:bold;  font-size:14px;  padding-top:17px;}


/* Lists */

ul.list li {background:url(../images/li.gif) top left no-repeat; padding-left:25px;}
	ul.list li:hover  { background:url(../images/li_ovr.gif) top left no-repeat;}

/* Tables */

/*tr, td {padding:8px;}*/
tr.odd {background-color:#f6fcfe; border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;;line-height:30px;padding-top:4px;}
tr.even {line-height:30px;padding-top:4px;}
/* Forms */
.forminput {margin:0px 4px 4px 4px;}
.radio {margin-bottom:-1px; margin-left:5px;}
.checkbox {margin-left:35px;margin-right:10px; vertical-align:middle;}
textarea {margin:10px 0px;}
.requiredField {
	padding:1px;
	border:1px solid #a5acb2;
	background-color:#f6f7f7;
}
/* Links */
a, a.back {color:#3174ca;}
a:hover, a.back:hover {color:#103e70;}
a.nolink, a.nolink:hover {color:#666666; text-decoration:none; cursor:text;}


/* ---------->>> END TYPOGRAPHY <<<---*/