/*
   Rolling Rock CSS
   May 2008
----------------------------------------------------------

*/

/* -----     Reset   -------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ------ Layout --------------------------*/
body 
{
background:#333738 url(/i/bg.jpg) repeat-x 0 0 scroll;
font: normal 86% Arial, Verdana, Helvitica;
}
#wrap
{
width:780px;
margin:0 auto;
background:#fff;
}
#head
{
background:#fff;
width:780px;
height:108px;
float:left;
}
h1#logo { width:158px; height:75px; float:left; display:inline; margin: 20px 0 0 40px; background:#ffffff url(/i/logo.png) no-repeat 0 0;}
div#head p { width:500px; height:50px; float:left; display:inline; margin: 36px 0 0 50px; background:#ffffff url(/i/hook.gif) no-repeat 0 0;}
h2#homeh2 { width:276px; height:18px;  margin: 20px 0px 20px 0; background:#ffffff url(/i/h1-home.gif) no-repeat 0 0;}
h3#homeh3 { width:416px; height:18px;  margin: 20px 0px; background:#ffffff url(/i/h2-home.gif) no-repeat 0 0;}
#image
{
background:#474747;
height:300px;
width:780px;
float:left;
}
#nav 
{
width:780px;
height:45px;
background:#19374F url(/i/bg-nav.jpg) repeat-x 0 0;
color:#fff;
margin:0;
padding:0;
float:left;
color:#fff;
}
ul#nav li { float:left;}
ul#nav span { text-indent: -123456px; display: block;}
ul#nav a {background-position:0 0;}
li#nhome a 
{
width:163px;
height:45px; 
background: transparent url(/i/nhome.gif) no-repeat 0 0; 
display:block;  
}
li#nhome a:hover, li#ninterior a:hover, li#nexterior a:hover, li#ncontact a:hover
{
background-position:0 -45px;
}
li#ninterior a 
{
width:213px;
height:45px; 
background: transparent url(/i/ninterior.gif) no-repeat 0 0; 
display:block;  
}
li#nexterior a 
{
width:240px;
height:45px; 
background: transparent url(/i/nexterior.gif) no-repeat 0 0; 
display:block;  
}
li#ncontact a 
{
width:164px;
height:45px; 
background: transparent url(/i/ncontact.gif) no-repeat 0 0; 
display:block;  
}
#content
{
width:780px;
float:left;
background:#fff
}
#copy
{
width:440px;
margin:20px 40px 40px 40px;
float:left;
position:relative;
}
#sidebar
{
width:220px;
margin:80px 0 40px 10px;
float:left;
}
#sidebar p { font-size:12px; letter-spacing:.5px; margin:10px 0 0 15px;line-height:1.6em;}
#green {width:193px; height:48px; display:block; background:#fff url(/i/green.gif) no-repeat 0 0;}
h2#intgalh2 { width:276px; height:18px;  margin: 20px 0px 0 40px; background:#fff url(/i/h2-int.gif) no-repeat 0 0;}
h2#extgalh2 { width:276px; height:18px;  margin: 20px 0px 0 40px; background:#ffffff url(/i/h2-ext.gif) no-repeat 0 0;}
#flashcontent {width:700px; height:540px; margin:0px 0 20px 40px; float:left;}
#foot
{
float:left;
clear:both;
width:780px;
height:60px;
background:#19374F url(/i/bg-foot.jpg) repeat-x 0 0;
}
#foot p {margin:20px 0 0 40px; font-size:14px;color:#fff; float:left;}

/* Linkage Styles
----------------------------------------------------------*/
a, a:link    { color: #19374F; text-decoration:underline; }
a:visited { color: #19374F; }
a:hover, a:active   { color: #0E66A5; text-decoration:none; }

#foot a  { color:#fff; }
#foot a:link    { color: #fff; }
#foot a:visited { color: #0E66A5; }
#foot a:hover, a:active   { color: #0E66A5; }

h1 {font:normal 22px/1.6em Arial, Verdana; letter-spacing:-1px; color:#19374F;}
h2 {font-size:18px; line-height:1.5em; color:#19374F;}
h3 {font-size:17px; line-height:1.5em; color:#111;}
h4 {font-size:14px; line-height:1.5em; color:#333; text-transform:uppercase;}
h5 {font-size:13px; line-height:1.5em; color:#333;}
h6 {font-size:13px; line-height:1.5em; color:#666;}
ul, ol, dl, cite {
	font-family: "Lucida Grande", Verdana, Tahoma, sans-serif;
	color: #291A0D;
	}

blockquote {
	font-family: Verdana, Arial, Sans;
	font-size: 14px;
	line-height: 20px;
	color: #423D1F;
	margin: 5px 0;
	padding: 5px 30px;
	background: url(/i/blockquote.gif) no-repeat 0 15px;
	}

p {
	font-size: 13px;
	line-height: 1.6em;
	margin: 8px 0;
        color:#444;
	}

ul {
	margin:.15em 0 .75em 0;
	padding: 0 0 0 20px;
	}
li {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: .15em 0 .25em 0;
    }
.intro {font:normal 15px/1.6em Arial, Helvetica, sans-serif;}
.center {text-align:center;}
.subtitle {margin:-2px 0 0 0; letter-spacing:1px; }
.float-left
{
float:left;
margin:10px;
}
.float-right
{
float:right;
margin:10px;
padding:4px;
border:1px solid #eee;
}
.clear
{
clear:both;
}
.boo
 { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .boo { letter-spacing : normal;  text-indent : -999em; overflow : hidden;}
/* End of hack */

#thanks {margin:40px;}
/* 
-------------- Contact Us Form ----------------- */

/* fix form fields from being cut off
--------------------------------------------------------------------- */	
* html form.form-style1 input, * html form.form-style2 input,
* html form.form-style1 select, * html form.form-style2 select, 
* html form.form-style1 textarea, * html form.form-style2 textarea { width: 98%; }
h2#conth2 { width:276px; height:18px;  margin: 10px 0px 0px 0; background:#ffffff url(/i/h2-contact.gif) no-repeat 0 0; }

/* fix full-width submit buttons
--------------------------------------------------------------------- */	
* html form.form-style1 input.ie-submit, * html form.form-style2 input.ie-submit { width: auto; }

/* fix full-width checkbox and radio buttons
--------------------------------------------------------------------- */	
* html form.form-style1 input.ie-auto, * html form.form-style2 input.ie-auto { display: inline; width: auto; }



form.form-style1 {
	margin: 20px 0;
}
form.form-style1 fieldset {
	border-bottom: 3px solid #0F66A4;
	border-top: 3px solid #0F66A4;
    border-right:none;
    border-left:none;
	margin: 7px 0;
	padding: 10px;
}
form.form-style1 fieldset legend {
	color: #18374E;
	font-weight: bold;
	padding: 0 10px;
}
form.form-style1 table {
	border: 0;
	padding: 0;
}
form.form-style1 table th {
	border-right: 2px solid #18374E ;
	font-weight: bold;
	padding: 10px 10px 10px  ;
	text-align: right;
	vertical-align: top;
	width: 130px;
    color:#18374E;
}
form.form-style1 table th span.help {
	color: #0F66A4;
	display: block;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
}
form.form-style1 table td {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align: top;
}
form.form-style1 table td span.help {
	color: #999;
	display: block;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-top: 3px;
}
form.form-style1 input, 
form.form-style1 select, 
form.form-style1 textarea {
	margin: 0;
	width: 100%;
}
form.form-style1 input[type="checkbox"], 
form.form-style1 input[type="image"], 
form.form-style1 input[type="submit"], 
form.form-style1 input[type="radio"], 
form.form-style1 .normal {
	width: auto;
}

form.form-style1 ul, 
form.form-style1 ol {
	margin: 0;
	padding-left: 2.2em;
}
form.form-style1 ul.plain, 
form.form-style1 ol.plain {
	list-style-type: none;
	padding-left: 0;
}
form.form-style1 ul.plain li, 
form.form-style1 ol.plain li {
	padding-left: 0;
}
form.form-style1 li {
	padding-left: 0;
}
form.form-style1 li+li {
	margin-top: 5px;
}
form.form-style1 a {
	display: inline;
}
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	clear:left;
}
form label.radioitem {
font: normal 13px Georgia;
color:#18374E;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
		#errormsg
		{
			border:1px solid #629DAF;
			padding:5px;
			width:auto;
			margin:5px 0;
			color:#511E00;
			background:#FFFCCF;
		}    
		.error
		{	color:#511E00;
			background:#FFFCCF;
		}