/*------------------------------------------------------------------
[Master Stylesheet]

Project:				The Echols Group
Version:		  		1.0
Last change:		08/06/2008
Assigned to:		James D Lovinsky
-------------------------------------------------------------------*/

/* -----------------  page styles -------------------------------------------------------*/

body {
 margin: 0; 
 padding: 0; 
 font: 0.8em Verdana, sans-serif; 
 line-height: 1.4em; 
 background: #74241d url(images/bodybg.gif) repeat-x;
 color: #3f3f3f; 
}

h1 {
 font-size: 0px;
 height: 0px;
 width: 0px;
}

#container {
 margin: 25px auto;
 padding-bottom: 10px; 
 width: 816px; 
 background-color: #fff; 
}

#branding {
 margin: 0px;
 padding-left: 2px;
 width: 812px; 
 height: 253px; 
 background-color: #fff;
 clear: both;
}

#content-main {
 margin: 0px 2px; 
 padding: 0px; 
 width: 812px; 
 min-height: 600px; 
 background: #fff url(images/mainbg.jpg) center repeat-y;
}

#content-bottom {
 margin: 0px 2px; 
 padding: 0px; 
 width: 812px; 
 height: 23px; 
 background: #fff url(images/mainbg_bottom.jpg) center no-repeat; 
}

p {margin-right: 40px;}

.normal_margin {margin: inherit;}

.author {
 margin: 0px;
 font-size: 0.8em;
 text-align: left;
 display: block;
 line-height: 1.2em
}

.author_whois {
 margin: 0px;
 font-size: 0.6em; 
 text-align: left; 
 line-height: 1em;
 display: block;
}

.left {
 margin: 0;
 text-align: left;
 float: left;
 position: relative; 
}

.right {
 margin: 0; 
 text-align: right; 
 float: right; 
 position: relative; 
}

.middle {vertical-align: middle;}

.clear {
 clear: both;
}

strong, .title {
 margin: 0px 5px 0px 0px; 
 font: 1.1em Verdana, sans-serif;  
 color: #8f0000;
 text-align: left;
 float: left; 
 position: relative;
 line-height: 110%;
}

.red {
 color: #8f0000;
}

.img_float_box {
 margin: 20px 0px 20px 40px; 
 min-width: 160px; 
 min-height: 215px; 
 float: right; 
 position: relative; 
}

/* -----------------  navigation -------------------------------------------------------*/

#sidebar {
 margin-left: 16px;
 padding: 0px; 
 width: 277px;
 height: 100%; 
 background: #eeecd8; 
 float: left; 
 display: inline; 
}

#nav {
 margin: 0px;
 padding: 0px; 
}

#nav li {display: block;}

#nav li h2 {
 margin: 0px;
}

#nav li a, #nav li h2 a {
 display: block;
 width: 277px; 
 height: 33px; 
 background: #eeecd8 url(images/nav/nav_blank.gif) no-repeat 0 0; 
 text-indent: -9009px; 
}

#nav li#nav-home-current a {background: url(images/nav/nav_home.gif) center bottom no-repeat;}
#nav li#nav-about-current a {background: url(images/nav/nav_about.gif) center bottom no-repeat;}
#nav li#nav-services-current a {background: url(images/nav/nav_services.gif) center bottom no-repeat;}
#nav li#nav-clients-current a {background: url(images/nav/nav_clients.gif) center bottom no-repeat;}
#nav li#nav-successes-current a {background: url(images/nav/nav_successes.gif) center bottom no-repeat;}
#nav li#nav-contact-current a {background: url(images/nav/nav_contact.gif) center bottom no-repeat;}

#nav li#nav-home a {background: url(images/nav/nav_home.gif) center no-repeat;}
#nav li#nav-about a {background: url(images/nav/nav_about.gif) center no-repeat;}
#nav li#nav-services a {background: url(images/nav/nav_services.gif) center no-repeat;}
#nav li#nav-clients a {background: url(images/nav/nav_clients.gif) center no-repeat;}
#nav li#nav-successes a {background: url(images/nav/nav_successes.gif) center no-repeat;}
#nav li#nav-contact a {background: url(images/nav/nav_contact.gif) center no-repeat;}

#nav li#nav-home a:hover {background: url(images/nav/nav_home.gif) center top no-repeat;}
#nav li#nav-about a:hover {background: url(images/nav/nav_about.gif) center top no-repeat;}
#nav li#nav-services a:hover {background: url(images/nav/nav_services.gif) center top no-repeat;}
#nav li#nav-clients a:hover {background: url(images/nav/nav_clients.gif) center top no-repeat;}
#nav li#nav-successes a:hover {background: url(images/nav/nav_successes.gif) center top no-repeat;}
#nav li#nav-contact a:hover {background: url(images/nav/nav_contact.gif) center top no-repeat;}

/* -----------------  quote box -------------------------------------------------------*/

blockquote {
 margin: 0px 20px 0px 20px; 
 padding: 1px 0px 25px 25px; 
 background: #eeecd8 url(images/quote_left_1.gif) no-repeat left top; 
}

.quote {
 font: inherit; 
 font-size: 1.1em; 
 font-family: Georgia, Times New Roman, Times, serif; 
}

/* -----------------  site info-bar -------------------------------------------------------*/

#siteinfo {
 margin: 0px 17px 14px; 
 padding: 0px 10px; 
 width: 760px; 
 height: 23px; 
 background-color: #ac100a; 
 color: #fff; 
 font-size: 0.8em;
}

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

#siteinfo a:hover {
 text-decoration: underline;
}

/* -----------------  content area -------------------------------------------------------*/

#content {
 margin: 0px 40px 0px 291px;
 padding: 20px 0px 40px 40px;
 background-color: #fff; 
}

/* -----------------  contact fcf2 -------------------------------------------------------*/
.thanks {
 font-size: 1.3em; 
 font-weight: bold;
}

legend {
 font-weight: bold; 
 font-size: 1.3em; 
 color: #ac100a;
}

#fcf2 {
 float: right; 
 font-size: 11px; 
 margin: 5px; 
 border: 1px solid #eeecd8; 
 background-color: #FFF; 
 width: 430px;
}


#fcf2 h3 {
 font-size: 1.5em; 
 background-color: #ac100a; 
 color: #FFFFFF; 
 font-weight: bold; 
 padding: 4px; 
 margin: 0px;
}


#fcf2 p {
 text-align: center; 
 padding: 8px;
} 

#fcf2 em {color: #ac100a;}


#fcf2 div.r {
 clear: both; 
 padding-top: 15px; 
 background-color: #FFF;
}


#fcf2 label {
 float: left; 
 width: 110px; 
 text-align: right;
}


#fcf2 span.f {
 float: right; 
 width: 315px; 
 text-align: left;
}


#fcf2 div.sp {clear: both;}


#fcf2 .req {font-weight: bold;}


#fcf2 input, #fcf2 textarea {
 background: #FFF; 
 border:1px solid #000; 
 padding:2px;
 width: 300px;
}

#fcf2 input#submit {
 width: 60px;
}


#fcf2 input:focus, #fcf2 textarea:focus {
 background: #f2f2f2; 
 border: 1px solid #000;
}