/* -------------------------------------------------
*
Title:			style.css
Website:		http://www.turnersafety.co.uk
Browser(s): 	Firefox 2, IE7, IE6, Safari 
Platform(s):    Win XP-SP2, Mac OSX
Author: 		Mark Greenley 
Last modified: 	08.02.2010 - Mark Greenley
*
------------------------------------------------- */

* {
margin:0;
padding:0;
line-height:1.35em;
list-style:none;
font-family:'trebuchet MS', arial, helvetica 'sans serif';
}
body {
font-size:62.5%;
background-color: #575757;
padding:0 0;
border-top:solid 6px #333333;
}



#container {
text-align:left;
width:661px;
margin:0 auto;
padding:0px 0 0x 0;

}
#masthead-home {
background:#fff url(/images/masthead-home.jpg) no-repeat 0 0;
margin:1px 34px 0 0px;
width:661px;
height:237px;
border-bottom:solid 1px #575757;
margin-bottom:0;
text-indent:-3000px;
}

/*--- 
OHC LOGO  ---------------------------------------------------------*/
#logo {
margin-bottom:0;
text-indent:-3000px;
}

#logo h1 {
width:180px;
height:84px;
position:absolute;
top:10px;
left:555px;
text-indent:-3000px;}


#holder {
width:661px;
background-color:#fff;
overflow:hidden;
margin:0px;
padding:0px;
} 
#content {
float:left;
width:410px;
background-color:#fff;
margin:0px;
padding:0px 0px 30px 0px;
}
#contact {
width:245px;
height:28px;
display:block;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
}
#contact ul {
margin:0;
}
#contact ul li {
float:left;
}
#contact ul li a {
float:left;
display:block;
height:28px;
padding:0;
margin:0;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
}
#contact ul li#nav4 a {width:245px;background: url(/i/nav-contact.png) no-repeat;}
#contact ul li#nav4 a:hover {background: url(/i/nav-contact.png) 0 -28px no-repeat;}

/*-----
Sets up secondary content column ------------------------------------*/
#secondary-content {
float:right;
background-color:#d3f9d3;
width:241px;
margin:0 0 0px 0;
padding:0px;
}
#secondary-content p {
color:#05036e;
font-size:1.3em;
}
#secondary-content p a {
color:#05036e;
text-decoration:none;
border-bottom:1px dashed #05036e;
}
#secondary-content p a:hover {
color:#b97df2;
text-decoration:none;
border-bottom:1px solid #b97df2;
}
#secondary-content ul {
margin-bottom:10px;
}

#secondary-content ul li {
color:#05036e;
line-height:1.5em;
margin:0 1em 0.5em 3em;
padding:0 0 0 0;
list-style-type:square;
}
#secondary-content ul li a {
color:#05036e;
text-decoration:none;
border-bottom:1px dashed #05036e;
}
#secondary-content ul li a:hover {
color:#b97df2;
text-decoration:none;
border-bottom:1px solid #b97df2;
}



/*--- NAVIGATION  ---------------------------------------------------------*/
#navigation {
background-color:#ccc;
}
#navigation ul {
background:url(../stat/navigation-ul-bg.gif) top repeat-x;
padding:7px 0 3px;
width:746px;
overflow:hidden;
}
#navigation ul li {
float:left;
}
#navigation ul li a {
float:left;
color:#FFF;
text-transform:uppercase;
font-size:1.3em;
padding:0 11px;
border-right:1px solid #C13A1B;
border-left:1px solid #F29600;
font-weight:bold;
text-decoration:none;
}
#navigation ul li a:hover,
#navigation ul li.selected a,
#navigation ul li.selected a:hover  {
text-decoration:underline;
}
#navigation ul li.first-child a {
border-left:none;
}
#navigation ul li.last-child a {
border-right:none;
}

/*--- 
FOOTER  ----------------------------------------------------------*/
#footer {
margin:10px 0 0 0;

clear:both;

}
#footer-content {
background-color:#736f6f;
width:651px;
padding:20px 0 20px 10px;
color:#010066;
padding-bottom:15px;
margin:0 auto;
}
#footer-content h3 {
text-transform:uppercase;
padding-top:20px;
font-size:1.4em;
padding-bottom:3px;
}
#footer-content p {
font-family:"Trebuchet MS",arial,verdana,"sans serif";
font-size:1.3em;
color:#010066;
}
#footer-content p a {
font-family:"Trebuchet MS",arial,verdana,"sans serif";
color:#010066;
border-bottom:dashed 1px #010066;
text-decoration:none;
}
#footer-content p a:hover {
color:#010066;
border-bottom:solid 1px #010066;
text-decoration:none;
}
#footer-content .links {
margin-left:150px;
float:right;
}

/*--- CONTENT  ---------------------------------------------------------*/

#content h1 {
color:#333333;
margin:0.5em 1em 1.3em 0.5em;
font-size:2.2em;
margin-bottom:0.3em;
font-weight:normal;
}
#content h2 {
color:#333333;
margin:0.5em 0 1.0em 0.5em;
font-size:2em;
font-weight:normal;
padding-right:6px;
}
#content h3 {
color:#333333;
margin:0.5em 1em 1.3em 0.7em;
font-size:1.8em;
margin-bottom:0.3em;
font-weight:normal;
}
#content p, ol, ul, address {

font-size:1.3em;
line-height:1.5em;
margin:1em 1em 1.3em 1em;
}

ol {
list-style:decimal;
}

#content ul {

margin: 0 0 0 50px;
}

#content li {
color:#9C9BDC;
list-style-type:square;
}

#content a {
color: #05036e;
text-decoration:none;
border-bottom:1px dashed #05036e;
}
#content a:hover {
color:#b97df2;
border-bottom:1px solid #b97df2;
}

#content img {
padding:3px; 
border:1px solid #05036e;
margin:0 10px 0 10px;
}
/*---
=News ---------*/
#latest-news {
/* border: solid 1px #C0C3A8; */
margin:20px 0 0 0;
padding:0 0 0 0;
}


#latest-news h3 {
color:#58622F;
font-size:1.8em;
font-weight:normal;
padding-bottom:2px;
}
.news-item  {
width:226px;
padding:0 0 10px 0;
border-bottom:1px dashed #ccc;
}
.news-item p {
color:#05036e;
}
.news-item h3 {
color:#3B3D27;
margin:0 10px;
font-size:1.8em;
font-weight:normal;
padding-bottom:2px;
}
.news-item h4 {
color:#ccc;
margin:0 0 0 1.6em;
font-size:1.2em;
}
.news-item h4 a {
color:#339966;
text-decoration:none;
}
.news-item h4 a:hover {
color:#7D423B;
text-decoration:underline;
}
.news-item p {
color:#000;
font-size:1.3em;
margin:0.5em 0 0 1em;

}
.news-item a.read-more {
color:#05036e;
text-decoration:none;
border-bottom:1px dashed #05036e;
}
.news-item a.read-more:hover {
color:#b97df2;
border-bottom:1px solid #b97df2;
}



/* =general form fields */

/*input {font-family:"Trebuchet MS",verdana, helvetica, "sans serif";font-size:12px;color:#556267;margin-right: 0;line-height: 15px;float:left;height:15px;padding-left:5px;} */
inputPrint {width: 200px;margin-right: 25px;line-height: 15px;float:left;border: 1px solid #ccc;}
#comment {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#866144;width: 330px;border:1px solid #866144;}
.submit input {width:68px;height:35px;text-indent:-3000px;text-decoration:none;overflow:hidden;background: url(/i/submit.gif) no-repeat;border:0;}
.submit input:hover {background:#fff url(/i/submit.gif) 0 -35px no-repeat;}


#name,#phone,#email,#company,#delegates {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#3b3d27;width: 150px;height:22px;margin-right: 0;line-height: 15px;float:left;padding: 5px;border: 1px solid #3b3d27;}
#numberOfSingleRooms,#numberOfSuperDeluxeRooms,#numberOfDoubleSuperiorDeluxeRooms,#numberOfTwinSuperDeluxeRooms {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#3b3d27;width:20px;height:20px;margin:0 0 0 10px;line-height: 15px;padding: 5px;border: 1px solid #3b3d27;}
#Standard, #Superior, #Deluxe {padding: 5px;}






/*--- HIDE STUFF COS ITS MORE ACCESSIBLE THAN DISPLAY:NONE;  ---------------------------------------------------------*/
legend {
height:0;
}
legend,
#header ul,
.hidevis
{
position:absolute;
top:0;
left:-90000px;
visibility:hidden;
height:0;
width:0;
}
/*--- TEXT-INDENT  ---------------------------------------------------------*/
#header h1
{
text-indent:-3000px;
overflow:hidden;
text-decoration:none;
}

/*--- CLEARFIXES  ---------------------------------------------------------*/
#header
{
overflow:hidden;
}


blockquote {
	padding: 10px;
	margin:0px 0px 0px 20px;
	font-size: 1.0em;
	color:#336666;
	width:380px;
	background: url(/i/quote-up.gif) top left no-repeat;
}

blockquote p {
	padding: 0px 0px 0px 0px;
	font-size: 1.0em;
	float: left;
	color:#336666;
	width:320px;
	font-weight:bold;
	background: url(/i/quote-down.gif) bottom right no-repeat;
}

cite {
	font-size: 1.0em;
	text-align:right;
	float: left;
	margin:-3px 10px 15px 20px;
	width:370px;
} 

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

fieldset {
	border:0;
}


textarea {
	width:380px;
	height:120px;
	background: #fff url(../holidays/images/bg-submit.jpg) top left repeat-x;
	padding:3px;
	border:1px solid #A6ADBD;
}

.label {
	border:0px solid #A6ADBD;
	background-color:#FFFFFF;
}



input {
	background: #fff url(/i/form-bg.jpg) top left repeat-x;
	border:1px solid #7776b4;
	color:#05036e;
	font-size:1em;
	padding:3px;
}