/*
Company:	Gordon & Associates
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group Global Browser Reset */
* {

padding:0;

margin:0;

}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:10px 0; }

li, dd, blockquote { margin-left: 20px; }

fieldset { padding:10px; }

img { border: 0px; }
/* @end */

/* @group HTML, Body */
body {
	background: url("../images/headerBackground.jpg") repeat-x #794b21;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	color: #333;
}
/* @end */

/* @group Layout */
div#header {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 852px;
	height: 112px;
}
div#outerTop {
	margin-left: auto;
	margin-right: auto;
	width: 884px;
	height: 20px;
	background: url("../images/outerTop.gif") no-repeat;
	overflow: hidden;
	clear: both;
}
div#outerMiddle {
	margin-left: auto;
	margin-right: auto;
	width: 884px;
	background: url("../images/outerMiddle.jpg") repeat-y;
	padding: 0px 0;
}
div#outerBottom {
	margin-left: auto;
	margin-right: auto;
	width: 884px;
	height: 19px;
	background: url("../images/outerBottom.gif") no-repeat;
	overflow: hidden;
}
div#innerWrapper {
	text-align: left;
	margin-top: -1px;
	padding: 0 16px 0 16px;
}
div#footer {
	margin-left: auto;
	margin-right: auto;
	width: 852px;
	margin-bottom: 40px;
}
img#logo {
	float: left;
	margin-top: 20px;
}
p#headerContact {
	float: right;
	margin-top: 20px;
	line-height: 130%;
}
img#servicesButton {
	margin-left: 600px;
}
div#frontCols {
	width: 100%;
	background: url("../images/frontColBackground.gif") repeat-y;
	margin-top: 15px;
	padding-bottom: 20px;
}
div#frontLeftBox {
	width: 386px;
	float: left;
	padding: 0 20px 0 20px;
}
div#frontRightBox {
	width: 386px;
	float: right;
	padding: 0 20px 0 20px;
}
div.fullCol {
	padding: 15px 30px;
}
div.leftCol {
	width: 500px;
	float: left;
	margin-left: 30px;
	display: inline;
}
div.rightCol {
	float: right;
	width: 220px;
	margin-right: 30px;
	display: inline;
}
div.highlightBox {
	background-color: #d0d1d7;
	padding: 15px;
	margin-bottom: 15px;
}
img.contentPhoto {
	float: left;
	margin: 0 20px 20px 0;
	padding: 1px;
	border: 1px solid #d0d1d7;
}
img.wideContentPhoto {
	margin: 10px 0;
	padding: 1px;
	border: 1px solid #d0d1d7;
}
div.hr {
	margin: 15px 0;
	height: 1px;
	background: #d0d1d7;
	overflow: hidden;
}
/* @end */

/* @group Nav */
ul#nav {
	margin-left: auto;
	margin-right: auto;
	width: 862px;
	height: 28px;
	margin-top: 6px;
}
ul#nav li {
	float: left;
	list-style-type: none;
	text-align: center;
	width: 89px;
	height: 28px;
	margin: 0 0 0 2px;
	padding: 0;
	line-height: 25px;
	background: url("../images/tab.jpg") no-repeat;
}
ul#nav li.wide {
	width: 110px;
	background: url("../images/tabWide.jpg") no-repeat;
}
ul#nav li#homeTab {
	margin-left: 272px;
	display: inline;
}
/* @end */

/* @group Headings */
h1 {
	font-size: 250%;
	color: #002035;
	font-weight: lighter;
	font-family: Georgia, serif;
	border-bottom: 1px solid #d0d1d7;
}
div#frontFullBox h1 {
	margin: 0 20px 10px 20px;
}
h2 {
	color: #002035;
	font-size: 200%;
	font-weight: lighter;
	font-family: Georgia, serif;
	border-bottom: 1px solid #fff;
	margin: 10px 0 10px 0;
}
h3 {
	color: #794b21;
	font-size: 162%;
	font-weight: lighter;
	margin: 10px 0 4px 0;
}
h4 {
	font-size: 133%;
	font-weight: bold;
	margin: 20px 0 5px 0;
}
h4.name {
	font-size: 133%;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
h5 {
	color: #794b21;
	font-size: 116%;
	font-weight: lighter;
	margin: 10px 0 0 0;
}
h6 { }
/* @end */

/* @group Text Styles */
div#header p {
	font-size: 116%;
	font-family: Georgia, serif;
	color: #522d0f;
}
div#innerWrapper p {
	margin-top: 0;
	line-height: 160%;
}
div.highlightBox p {
	font-family: Georgia, serif;
	font-size: 123%;
	font-style: italic;
	color: #002035;
}
div.fullCol p {
	color: #000;
}
.bold {
	font-weight: bold;
}
div#footer {
	color: #f0ece9;
	font-size: 91%;
}
/* @end */

/* @group Lists */
div#frontFullBox ul {
	width: 30%;
	float: left;
	font-size: 125%;
	color: #333;
	margin: 0 0 5px 16px;
	display: inline;
}
div#frontFullBox ul li {
	list-style-type: square;
	margin-left: 20px;
	margin-bottom: 7px;
}
/* @end */

/* @group Forms */
	
/* @end */

/* @group Links - link visited hover active */
ul#nav a:link, ul#nav a:visited {
	color: #d8cdc3;
	font-family: Georgia, serif;
	font-size: 125%;
	text-decoration: none;
}
ul#nav a:hover {
	color: #fff;
}

/* Body Links */
div#innerWrapper a:link, div#innerWrapper a:visited {
	color: #333;
}
div#innerWrapper a:hover {
	text-decoration: none;
}

/* Header Links */
div#header a:link, div#header a:visited {
	color: #522d0f;
}
div#header a:hover {
	text-decoration: none;
}

/* Footer Links */
div#footer a:link, div#footer a:visited {
	color: #f0ece9;
}
div#footer a:hover {
	text-decoration: none;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
/* @end */