/* Table of Contents

	1) - Basic Structural Rules
	2) - Specific Structural Rules
	3) - Common Rules
	4) - Navigation Rules
	5) - Form Rules
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/


* {
	margin : 0;
	padding : 0;
}

/* Basic Structural Rules
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

body {
	padding : 10px 0 0 0;
	width : 100%;
	color : #666;
	font-size : 62.5%;
	font-family: Georgia, Times;
	text-align : center;
	background : url(../images/template/pageBackground.jpg) top center no-repeat #800001;
}

#container {
	margin : 0 auto 0 auto;
}

#content {
	margin : 10px auto 0 auto;
	padding : 0 0 10px 0;
	width : 760px;
	text-align : left;
	display : block;
	position : relative;
	font-size: 1.3em;
	color: #000;
}

#flashcontent {
	margin : 0 auto 0 auto;
	padding : 0 0 0 10px;
	width : 740px;
	float: left;
	display : block;
	position : relative;
	font-size: 1.3em;
	color: #000;
}

#contentEmp {
	margin : 0 auto 0 auto;
	padding : 0;
	width : 700px;
	text-align : left;
	display : block;
	position : relative;

}

#printheader { display : none; }

#header {
	margin : 0 auto 0 auto;
	padding : 64px 0 0 0;
	height : 74px;
	width : 760px;
	color : #ffd98c;
	line-height : 1.4em;
	text-align : right;
	background : url(../images/template/headerBackground.gif) top center no-repeat;
	display : block;
	clear : both;
}

#header a { color: #ffd98c; }
#header a:hover { color: #ffd98c; }

#footer {
	margin : 0 auto 0 auto;
	width : 760px;
	/*height : 300px;*/
	color : #663;
	text-align : center;
	font-family : Georgia, Times;
	/*background : url(../images/template/footerBackground.gif) top left no-repeat;*/
	display : block;
	clear : both;
}

/* Specific Structural Rules
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

#footer ul { padding : 7px 0 0 0; width : 760px; font-size: 1.0em; }
#footer li { padding : 0 10px 0 10px; border-right : 1px #663 solid; display : inline; }
#footer li.last { border : none; }
#footer p { padding : 10px 10px 14px 10px; width : 740px; color: #5f040d; font-size: 1.0em; }
#footer a { color: #5f040d; }
#footer a:hover { color: #c79a3d; }

/* Common Rules
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

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

#content div { display : block;}

.columnline { margin : 0; padding : 0 0 15px 0; width : 20px; height : 144px; float : left; background : url(../images/template/colline.gif) top left no-repeat;}
.column1 { margin : 0; padding : 0 0 0 15px; width : 360px; float : left; }
.column2 { margin : 0; padding : 0 0 15px 0; width : 360px; float : left; }
.column3 { margin : 0; padding : 0 0 15px 0; width : 380px; float : left; }
.column4 { margin : 0; padding : 0 0 15px 0; width : 350px; float : left; }
.column5 { margin : 0; padding : 0 0 15px 15px; width : 250px; float : left; }
.column6 { margin : 0; padding : 0 0 15px 15px; width : 680px; float : left; }

h1 {
	padding : 5px 10px 5px 10px;
	width : auto;
	color : #930;
	font-size : 2em;
	line-height : 100%;
	letter-spacing : 1px;
	display : block;
}

h1.graphic { padding : 0 0 5px 0; height : 45px; text-indent : -5000px; overflow : hidden; clear : both; }

h1.homewel { background : url(../images/template/headerHomeWel.gif) top left no-repeat; }
h1.homeemp { background : url(../images/template/headerHomeEmp.gif) top left no-repeat; }
h1.services { background : url(../images/template/headerServices.gif) top left no-repeat; }
h1.portfolio { background : url(../images/template/headerPortfolio.gif) top left no-repeat; }
h1.testimonials { background : url(../images/template/headerTest.gif) top left no-repeat; }
h1.company { background : url(../images/template/headerCompany.gif) top left no-repeat; }
h1.contact { background : url(../images/template/headerContact.gif) top left no-repeat; }
h1.directions { background : url(../images/template/headerDirections.gif) top left no-repeat; }
h1.employment { background : url(../images/template/headerEmp.gif) top left no-repeat; }

h2 {
	padding : 5px 10px 0 10px;
	width : auto;
	color : #000;
	font-size : inherit;
	font-family : Tahoma, Arial, Geneva, Helvetica;
	line-height : inherit;
	letter-spacing : 1px;
	display : block;
}

h3 {
	padding : 5px 10px 0 10px;
	width : auto;
	color : #333;
	font-size : .9em;
	line-height : 1.2em;
	font-weight : normal;
	display : block;
}

h3 strong { padding : 0 5px 0 0; color : #930; }

h4 {
	padding : 5px 10px 0 10px;
	width : auto;
	font-size : inherit;
	line-height : inherit;
	font-weight : bold;
	display : block;
}

p {
	padding : 0 20px 5px 20px;
	width : auto;
	font-size : inherit;
	font-family : Georgia, Times;
	line-height : 1.4em;
	display : block;
	color : #333333;
}

.tiny {
	padding : 0 20px 0 0;
	width : auto;
	font-size : 0.9em;
	font-family : Georgia, Times;
	line-height : 1.2em;
	display : block;
	color : #333333;
}

ul {
	padding : 5px 10px 0 50px;
	width : auto;
	font-size : inherit;
	line-height : inherit;
	display : block;
}

ol {
	padding : 5px 10px 0 35px;
	width : auto;
	font-size : inherit;
	line-height : inherit;
	display : block;
}

ul li, ol li {
	padding : 0 0 10px 0;
	width : inherit;
}

table {
	width : auto;
	padding : 10px 0 10px 20px;
	font-size : inherit;
	line-height : inherit;
	display : block;
}

td { padding : 1px; }

hr {
	margin : 5px 10px 5px 10px;
	display : block;
}

object, embed, img { display : block; }

sup { font-size : 55%; }

/* apply this class to ad a divider between content sections */

.divider { border-bottom : 2px #cc9 solid; }
.divider strong { padding : .5em 0 0 0; color : #930; font-size : .9em; display : block; }

/* apply this class to properly format images within content */

.photo {
	margin : 5px 10px 5px 10px;
	display : block;
}

/* flash content */

.flash {
	padding : 0 10px 0 10px;
	margin : 0 auto 0 auto;	
	width : 740px;
	display : block;
	float : left;
}

/* Apply these classes to float stuff left or right */

.left { float : left; }

.right { float : right; }

/* These classes can be used to easily apply a color to text or a background color style to any element */

.red { color : Red; }
.whiteBack { background : White; }

/* Navigation Rules
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

#navigationTop {
	margin : 0 auto 0 auto;
	padding : 0;
	width : 760px;
	list-style : none;
	display : block;
	clear : both;
}

#navigationTop li {
	margin : 0;
	padding : 0;
	width : auto;
	background : none;
	display : block;
	float : left;
	position : relative;
}

#navigationTop a {
	margin : 0;
	padding : 0;
	display : block;
	clear : both;
}

.graphicLink { height : 33px; text-indent  : -5000px; overflow : hidden; }
.link1 { width : 129px; background : url(../images/template/navigationLinks.gif) 0px 0px no-repeat; }
.link2 { width : 155px; background : url(../images/template/navigationLinks.gif) -129px 0px no-repeat; }
.link3 { width : 162px; background : url(../images/template/navigationLinks.gif) -284px 0px no-repeat; }
.link4 { width : 137px; background : url(../images/template/navigationLinks.gif) -446px 0px no-repeat; }
.link5 { width : 177px; background : url(../images/template/navigationLinks.gif) -583px 0px no-repeat; }

.link1:hover { background : url(../images/template/navigationLinks.gif) 0px -33px no-repeat; }
.link2:hover { background : url(../images/template/navigationLinks.gif) -129px -33px no-repeat; }
.link3:hover { background : url(../images/template/navigationLinks.gif) -284px -33px no-repeat; }
.link4:hover { background : url(../images/template/navigationLinks.gif) -446px -33px no-repeat; }
.link5:hover { background : url(../images/template/navigationLinks.gif) -583px -33px no-repeat; }

li ul.subNav {
	margin : 0;
	padding : 0;
	width : 160px;
	font-size : 1em;
	border-bottom : 2px #930 solid;
	background : #fff;
	display : none;
	position: absolute;
	top: 33px;
	left: 0;
	z-index : 5;
}

li li ul.subSubNav {
	margin : 0;
	padding : 0;
	width : 160px;
	font-size : 1em;
	border-bottom : 2px #c30 solid;
	background : #fff;
	display : none;
	position: absolute;
	top: 0;
	left: 160px;
	z-index : 5;
}

#navigationTop li li, #navigationTop li li li {
	margin : 0;
	padding : 5px 10px 5px 10px;
	width : 140px;
	border-bottom : 1px #663 solid;
	background : url(../images/template/calloutBackground.gif) top right repeat-y;
	display : block;
}

#navigationTop li li a, #navigationTop li li li a { width : 144px; color : #663; background : url(../images/template/nav_bottom_sub.gif) bottom right no-repeat; }
#navigationTop li li a:hover, #navigationTop li li li a:hover { color : #930; background : url(../images/template/nav_back_special.gif) left repeat; }

li:hover ul, li.over ul, li li:hover ul, li li.over ul { display : block; }

/* Side Navigation Rules */

.sideNavigation {
	margin : 0;
	padding : 30px 0 0 0;
	display : block;
}

.sideNavigation li {
	margin : 0;
	padding : 0 0 0 89px;
	height : 50px;
	width : 230px;
	display : block;
	position : relative;
	z-index : 1;
}

.sideNavigation a {
	margin : 0;
	padding : 0;
	display : block;
	clear : both;
}

.sideNavigation a.graphicLink {
	padding : 0;
	height : 50px;
	width : 141px;
	text-indent : -5000px;
	overflow : hidden;
}

/* Form Rules
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

.form { margin : 5px 0 10px 0; padding : 5px 0 10px 0; }

fieldset {
	margin : 0;
	padding : 5px 10px 5px 10px;
	font-size : inherit;
	line-height : inherit;
	border : none;
	display : block;
}

label {
	margin : 0;
	padding : 0 5% 3px 0;
	text-align : left;
	display : block;
	float : left;
}

label.small { width : 30%; }
label.medium { width : 60%; }
label.large { width : 95%; }
label.half { width : 45%; }

input {
	margin : 3px 0 0 0;
	padding : 1px 0 0 0;
	height : 1.4em;
	width : 270px;
	border : 1px #333 solid;
	display : block;
}

textarea {
	margin : 3px 0 0 0;
	padding : 1px 0 0 0;
	height : 3em;
	width : 270px;
	border : 1px #333 solid;
	display : block;
}

input.checkbox {
	margin : 3px 5px 0 0;
	padding : 0;
	width : auto;
	height : 1.4em;
	border : none;
	display : block;
	float : left;
}

select {
	margin : 3px 0 0 0;
	padding : 0;
	width : 270px;
	border : 1px #333 solid;
	display : block;
}

label.small select { width : 100%; }
label.medium select { width : 100%; }
label.large select { width : 100%; }
label.half select { width : 100%; }

option {
	margin : 0;
	padding : 0;
	height : 1.3em;
	display : block;
}

input.button {
	margin : 0;
	padding : .2em 1.4em .3em 1.4em;
	height : auto;
	width : auto;
	border : 1px #333 solid;
	display : block;
}


