/* Roadhousecoaches.com */

/*
----------------------------------
Basic
----------------------------------
*/
:link,:visited { text-decoration:none }
ul { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 12px; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border: none }
a {outline: none;}

/*
----------------------------------
Layout
----------------------------------
*/

html {
	height: 100%; 
	min-height: 100%; 
	margin-bottom: 1px; /* vertical scrollbar always on */
}

body { 	
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #fffbeb;
	background-image: url('../images/bg_fade.gif');
	background-repeat:repeat-x;
}

#page {
	clear: both;
	margin: 0px auto;
	width: 960px;
	text-align: left;
}

#header {
	width: 100%;
}


#sidebar {
	clear: both;
	float: left;
	width: 180px;
	padding: 10px;
}


#maincontent-wrap{
width: 920px;
border-left: 1px solid #8facc9;
border-bottom: 1px solid #8facc9;
border-right: 1px solid #8facc9;
margin: 0 20px;
background-color: #fff;
}

#maincontent {
padding: 26px 44px 26px 44px;
min-height: 400px;
}

#interior {
padding: 4px 48px;
}


#footer {
	width: 100%;
	padding: 10px 0;
	margin: 16px 0 0 0;
}


.clearing {
	height: 0;
	clear: both;
}




/*
----------------------------------
Text Formatting
----------------------------------
*/


#title{
	float:left;
	font-size: 1.12px;
	color: #676767;
	text-transform: uppercase;
	font-weight: lighter;
}

#maincontent a{
	color: #29477b;
	border-bottom: 1px dotted #29477b;
}

#maincontent a:hover {
	border-bottom: 1px solid #29477b;
}

#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6{
	padding-top: 10px;
}

#maincontent h1{
	display: block;
	font-size: 26px;
	color: #3a5e9c;
	letter-spacing: -.08px;
	font-weight: normal;
	font-family: Trebuchet MS, Verdana, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
	width: 157px;
	height: 32px;
}

#maincontent h1 span {display: none;}

#maincontent #clients {
	background-image: url(../images/header_clients.gif);
	background-repeat: no-repeat;
}
#maincontent #contact {
	background-image: url(../images/header_contact.gif);
	background-repeat: no-repeat;
}
#maincontent #coaches {
	background-image: url(../images/header_coaches.gif);
	background-repeat: no-repeat;
}
#maincontent #forsale {
	background-image: url(../images/header_forsale.gif);
	background-repeat: no-repeat;
}



#maincontent h2{
	font-size: 15px;
	letter-spacing: -0.02em;
	line-height: 1.4em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-bottom: 1px;
	margin-bottom: 4px;
	clear:both;
}

#maincontent h3{
	color: #333;
	padding-top: 12px;
	padding-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#maincontent h4{
	letter-spacing: -0.012px;
	padding-bottom: 8px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 11px;
}

#maincontent h5{
	padding-bottom: 2px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
}

#maincontent h6{
	font-size: .85em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
}



#maincontent ul{
	padding: 6px 0;
	margin: 6px 0;
	font-size: 12px;
}

#maincontent li{ 
	padding: 0 0 10px 0px;
	margin-left: 20px;
	font-size: 12px;
	line-height: 19px;
}

#maincontent ul li, #maincontent ul li a{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	list-style-image:url(../images/content_bullet.gif);
	list-style-position: outside;
}

#maincontent ul li a{
	text-decoration: none;
	text-align: left;
}


#maincontent p, #maincontent a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 12px;
}

#maincontent p{
	font-size: 12px;
	line-height: 19px;
}

#maincontent p a {
	line-height: 19px;
}


#maincontent .leftindent {
	padding-left: 14px;
}

#maincontent hr {
	margin: 16px 0;
	height: 1px;
	width: 96%;
	background-color: #ddd;
	border-style: none;
	text-align:center;
}

#maincontent blockquote {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #fcfaf5;
	padding: 28px;
	margin: 12px 0 12px 0;
	font-family: Times New Roman, Times, serif;
}


#maincontent .photoleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.3em;
	color: #999999;
	float: left;
	margin-bottom: 6px;
	margin-right: 10px;
	padding: 6px 6px 6px 0;
}

#maincontent .photoright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.3em;
	color: #999999;
	padding: 6px 0 6px 6px;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

#maincontent .photoleft a, #maincontent .photoright a {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-decoration: none;
	border-style: none;
}

#maincontent .backtotop {
	padding-bottom: 2em;
}

#maincontent .backtotop a{
	font-family: Georgia, Times, serif;
	font-size: .7em;
	text-transform: uppercase;
	color: #cfd4ac;
	border-bottom: none;
}

#maincontent.backtotop a:hover {
	background-color: #cfd4ac;
	color:#fff;
}

#maincontent .byline {
	font-style: italic;
	text-align: right;	
}


#maincontent .question {
	padding-top: 12px;
	font-size: 12px;
	font-weight: bold;
}


#maincontent .answer {
	font-style: italic;
}


/*
----------------------------------

Form Formatting
----------------------------------
*/

#maincontent form {
	padding: 10px;
	font-size: 12px;
	line-height: 16px;
}

#maincontent form .even {background: #f8f8f8;}

#maincontent fieldset {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #f9f9f9;
	border: 1px solid #bbb;
	font-family: arial, sans-serif;
}

#maincontent fieldset fieldset {
	padding: 10px;
	margin-bottom: 0;
}


#maincontent fieldset legend {
	color: #032c78;
	padding: 0 6px 6px 6px;
	font-family: georgia, times, serif;

}

#maincontent input, #maincontent textarea, #maincontent .linkbutton {
	padding: 3px;
	font-family: verdana, arial, sans-serif;
	color: #000;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	vertical-align: middle;
	font-size: 11px;
	width: 90%;
}

#maincontent .linkbutton, #maincontent input.button {background-color: #ffe;}

#maincontent input.button {width: auto;}

#maincontent label input {
width: auto;
}

#maincontent label {
padding: 4px;
line-height: 20px;
}

#maincontent #submit {width: 80px; padding: 2px;}
#maincontent #submit:hover {background-color: #fff; cursor: pointer;}
#maincontent .separator{
color: #aaa;
}

.extramore{
	font-size: 12px;
	padding: 0;
}

.extramore a{
	font-family: Arial, Helvetica, sans-serif;
	color: #0b3177;
}

.extramore a:hover{
	color: #1752bf;
	border-bottom: solid 1px #1752bf;
}

.datatable td{
	border-bottom: solid 1px #ddd;
}

/*
----------------------------------

Footer Formatting
----------------------------------
*/

#footer {
	font-size: 11px;
	line-height: 12px;
	clear: both;
}

#footer, #footer a{
	text-align: center;
	color: #204689;
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	border-bottom: 1px solid #fff;
}





/*
----------------------------------

Specialty Formatting
----------------------------------
*/


.notice {
	display: block;
	background-color: #FFF0F0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #A40000;
	border: 1px dotted #666666;
	padding: 10px;
	text-align: center;
	font-size: 0.96em;
}

.note {
	color: #A40000;
	font-style: italic;
	font-size: 12px;
}


#bigimage a {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

.person {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	padding-top: 30px;
}

.person .photo {
	float: right;
	padding: 0 0 20px 20px;
}

.quote {
	font-style: italic;
}




/***************/
/*    Home     */
/***************/
#home-intro{
width: 100%;
margin-bottom: 10px;
}

#home-intro img{
float: right;
padding-bottom: 12px;
}

#home-intro p.first{
padding-top: 30px;
}

#home-intro p{
font-size: 14.5px;
line-height: 21px;
width: 300px;
}

#home-contact{
clear: both;
width: 100%;
font-weight: bold;
text-align: center;
background-color: #3a5e9c;
color: #fff;
}
#home-contact p{
font-size: 14px;
line-height: 18px;
padding: 8px 0;
}



/***************/
/*  Clients    */
/***************/

#col1, #col2, #clientphoto {float: left; }
#col1, #col2 {width: 240px; line-height: 18px;}
#clientphoto {width: auto;}
.pics {  
    height:  242px;  
    width:   238px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  242px; 
    height: 238px; 
    top:  0; 
    left: 0 
}



/***************/
/*  Coaches    */
/***************/


#maincontent .listitem {
float: left;
padding: 2px 6px;
background-color: #f6f6f6;
border: 1px solid #ddd;
margin: 2px;
width: 126px;
}

#maincontent .listitem h4{
font-size: 10px;
}

#maincontent .listitem img{
margin-left: 5px;
}

#maincontent .listitem:hover {
background-color: #29477b;
}

#maincontent .listitem:hover h4{
color: #f6f6f6;
}

#maincontent .listitem:hover a h5{
color: #fff;
}



/***************/
/*  Contact    */
/***************/


#contact-col1{
float: left;
width: 320px;
}

#contact-col2{
float: left;
width: 340px;
padding-left: 40px;
border-left: 1px solid #666;
}

#contact-col1 h4,
#contact-col2 h4{
text-transform: uppercase;
color: #444;
font-weight: normal;
font-size: 13px;
}

#contact-col1 p,
#contact-col2 p{
color: #000;
font-size: 14px;
line-height: 20px;
}

#contact-col1 .embigen,
#contact-col2 .embigen{
font-size: 22px;
line-height: 26px;
color: #29477b;

}