/*************************************************
* File: styles.css
* Date Created: 06/05/2007
* Author: Adam F.
* Copyright (c) 2007 A&M Custom Carpentry, Inc.
**************************************************
* About: This is the default cascading style
* sheet for the amcustomcarpentry.com website
*************************************************/

/* ******** Default Page Elements ******** */
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-image: url(/images/bg_page.gif);
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #666666;
	text-align: center;
}
a:link, a:visited {
	text-decoration: underline;
	color: #006699;
}
a:hover, a:active {
	text-decoration: none;
	color: #000000;
}
table {
	/* border-collapse: collapse; */
}
img {
	border: 0px;
	background-color: transparent;
}
.clear {
	clear: both;
}

/* ******** Structural Elements ******** */
#wrapper {
	position: relative;
	text-align: left;
	background-color: transparent;
	border: 0px solid purple;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	border: 0px;
}

/* ******** Header Elements ******** */
#header {
	position: relative;
	background-color: transparent;
	width: auto;
	height: auto;
	min-height: 90px;
	margin-top: 0px;
	border: 0px;
}
/* Min-Height for Internet Explorer */
/* http://www.cssplay.co.uk/boxes/minheight.html */
/*\*/
* html #header {
	height: 90px;
}
/**/

#header .logo {
	float: left;
	margin: 0px;
	border: 0px;
	padding: 16px 0px 0px 4px;
}
#header .date {
	color: #999999;
	position: absolute;
	top: 70px;
	right: 12px;
	background-color: transparent;
}
#header .strapline {
	float: right;
	border: 0px solid red;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	background-color: transparent;
	color: #666666;
	margin: 32px 20px 0px 0px;
	text-align: center;
}
#header .strapline .est {
	color: #999999;
	font-style: italic;
}

/* ******** Nav Elements ******** */
#nav {
	position: relative;
	background-color: #f0f0f0;
	background-image: url(/images/bg_nav.gif);
	background-repeat: repeat-x;
	width: auto;
	height: auto;
	min-height: 28px;
	margin-bottom: 12px;
	border: 1px #cccccc solid;
}
/* Min-Height for Internet Explorer */
/* http://www.cssplay.co.uk/boxes/minheight.html */
/*\*/
* html #nav {
	height: 28px;
}
/**/

#nav ul {
	list-style: none;
	margin: 0px;
	padding: 5px;
}
#nav li {
	display: inline;
	margin: 0px 12px 0px 12px;
}
#nav a:link, #nav a:visited {
	text-decoration: none;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #006699;
	background-color: transparent;
}
#nav a:hover, #nav a:active {
	text-decoration: underline;
	color: #000000;
	background-color: transparent;
}

/* ******** Nav Menu Elements (Highlight the Current Page in the Top Nav) ******** */
#home #nav_home, #about #nav_about, #services #nav_services, #contact #nav_contact {
	color: #ff9900;
	text-decoration: none;
	background-color: transparent;
}


/* ******** Splash Box Elements ******** */
#splash {
	position: relative;
	background-color: transparent;
	border: 1px #aec3ce solid;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-size: 0pt; /* IE fix to prevent a gap appearing beneath the splash image due to carriage returns in source code */
}
#splash img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/* ******** Content Elements ******** */
#content {
	margin: 0px 256px 24px 0px;
	border: 0px;
	height: auto;
	min-height: 900px;
	background-color: transparent;
}
/* Min-Height for Internet Explorer */
/* http://www.cssplay.co.uk/boxes/minheight.html */
/*\*/
* html #content {
	height: 900px;
}
/**/


/* ******** Right Column Elements ******** */
#right_column_home { /* the Home page right column sits lower due to the splash box */
	position: absolute;
	width: 240px;
	top: 395px;
	right: 0px;
	background-color: transparent;
}

#right_column {
	position: absolute;
	width: 240px;
	top: 132px;
	right: 0px;
	background-color: transparent;
}


/* ******** Right Column Elements - Sidebar ******** */
.sidebar {
	position: relative;
	background-color: transparent;
	border: 0px;
	padding: 0px;
	width: auto;
	margin-bottom: 24px;
}
.sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}
.sidebar li {
	display: block;
	width: auto;
	padding: 4px;
	border-bottom: 1px #cccccc solid;
	background-color: #f2f2f2;
}
.sidebar li .title {
	width: auto;
	margin: 4px 0px 4px 2px;
	font-weight: bold;
}
.sidebar li .date {
	color: #999999;
	width: auto;
	margin: 4px 0px 4px 2px;
}
.sidebar li .blurb {
	color: #666666;
	width: auto;
	margin: 4px 0px 4px 2px;
}


/* ******** Module Elements ******** */
.module {
	position: relative;
	background-color: transparent;
	border: 0px;
	padding: 0px;
	margin-bottom: 24px;
}

/* ******** Module (Orange) Elements ******** */
.module_orange {
	position: relative;
	background-color: #ffcc66;
	background-image: url(/images/bg_grad_orange.gif);
	background-repeat: repeat-x;
	border: 1px #ffcc99 solid;
	padding: 8px;
	margin-bottom: 24px;
}

/* ******** Module (Green) Elements ******** */
.module_green {
	position: relative;
	background-color: #a2ed85;
	background-image: url(/images/bg_grad_green.gif);
	background-repeat: repeat-x;
	border: 1px #a2dfa2 solid;
	padding: 8px;
	margin-bottom: 24px;
}


/* ******** Module Elements ******** */
.padded {
	margin-bottom: 12px;
	padding: 0px 24px 0px 24px;
}
.image_right {
	border: 0px;
	float: right;
	margin-left: 12px;
	position: relative;
}
.image_left {
	border: 0px;
	float: left;
	margin-right: 12px;
	position: relative;
}

/* ******** Misc Font Styles ******** */
.orange {
	color: #ff9900;
}
.big_text {
	font-size: 14pt;
	font-weight: bold;
}
.bold_text {
	font-weight: bold;
}
h1 {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: normal;
	text-decoration: none;
	color: #ff9900;
	margin: 0px 0px 8px 0px;
}
h2 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	margin: 18px 0px 8px 0px;
	border-bottom: 1px #cccccc solid;
}
h3 {
	display: inline;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	margin: 0px 0px 0px 0px;
}
h4 {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	color: #ff9900;
	margin: 0px 0px 8px 0px;
}
p {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #666666;
	background: transparent;
	margin-bottom: 12px;
}
li {
	padding-bottom: 8px;
}
.transcript p {
	text-indent: 20px;
}
.view_all {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #ff9900;
}
.view_all a:link, .view_all a:visited {
	text-decoration: none;
	color: #ff9900;
}
.view_all a:hover, .view_all a:active {
	text-decoration: underline;
	color: #ff9900;
}

/* ******** Footer Elements ******** */
#footer {
	clear: both;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	background-color: transparent;
	width: 850px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #0066cc;
	text-align: center;
	border-top: 1px #cccccc solid;
}
#footer a:link, #footer a:visited {
	text-decoration: underline;
	color: #006699;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #000000;
}
#footer .copyright {
	margin-top: 12px;
	color: #999999;
}
#footer .author {
	margin-top: 8px;
	color: #999999;
}
#footer .author a:link, #footer .author a:visited {
	text-decoration: underline;
	color: #999999;
}
#footer .author a:hover, #footer .author a:active {
	text-decoration: underline;
	color: #000000;
}

/* ******** Clean Form Elements ******** */
form.cleanform {
	width: 370px;
	font-size: 9pt;
	color: #666666;
}
form.cleanform fieldset {
	border: none;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	margin-bottom: 12px;
	background-color: #f2f2f2;
}
form.cleanform legend {
	padding-left: 4px;
	font-weight: bold;
	color: #666666;
}
form.cleanform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	color: #666666;
	float: left;
	width: 30%;
}
form.cleanform fieldset ol {
	margin: 0;
	padding: 0;
}
form.cleanform fieldset li {
	list-style: none;
	padding: 5px 10px 7px;
	margin: 0;
}
form.cleanform fieldset fieldset {
	background: none;
	border: none;
	margin: 3px 0 0;
}
form.cleanform fieldset fieldset legend {
	padding: 0;
	margin: 0;
	font-weight: normal;
}
form.cleanform fieldset fieldset label {
	display: block;
	width: auto;
}
form.cleanform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}