/* CSS Document */
/* Author: Joshua Geake, joshgeake@gmail.com */
/* All content copyright Hayes Parsons Ltd */

body{
margin-top: 0px; /* ensures the container is flush with top of page */
background:url(images/body_bkgnd.png) repeat-x; /* grey gradient to page */
}

#container
{
width: 700px;					
margin-left: auto;
margin-right: auto;
margin-top: 0px;
height: auto;
overflow:hidden;
border-left: solid white 2px;
border-right: solid white 2px;
}

#header
{
background: url(images/header_blue_inc_logo.png);
height: 105px;
}

#navigation_bar{
height: 20px;
width: 700px;
border-bottom: solid 2px white;
border-top: solid 2px white;
}

#page_title{
height: 225px; width: 700px;
margin:0; padding:0;font-size:1px;
}

#claims_content{
margin-left: 0px;
margin-top: 10px;
padding-bottom: 50px;
float: left;
width: auto;
height: auto;
font-family: "Trebuchet MS", Ariel;
font-size:12px;
color: #000000;
}

#line{
width:700px; height:0px; float:left;
border-bottom:1px solid black;
padding:0; margin:10px 0;
}

/*******************

Here begins the main page typesetting

********************/

					#main_content_left{
					width: 700px; height: auto;
					margin: 0px 0 0 0; padding: 0px 0 0 0;
					border-top: 2px solid #FFF;
					float: left;
					font-family: "Trebuchet MS", Ariel;
					font-size:12px;
					color: #000000;
					background:white;
					}
					
					#main_content_right{
					border-top: 2px solid #FFF;
					margin-top: 0px;
					float: right;
					width: 700px;
					height: auto;
					font-family: "Trebuchet MS", Ariel;
					font-size:12px;
					color: #000000;
					background:white;
					}
					
/*******************

Here begins the page box typesetting

********************/

					#box_content_left{
					width: auto;
					height: auto;
					margin-top: 0px;
					margin-right: 10px;
					margin-bottom: auto;
					float: left;
					background-color: #eeeedd;
					font-family: "Tahoma", Ariel;
					font-size:10px;
					color: #000000;
					border: 1px solid #CCCCCC;
					}
					
					#box_content_right{
					width: auto;
					height: auto;
					margin-top: 0px;
					margin-left: 10px;
					margin-bottom: auto;
					float: right;
					background-color: #eeeedd;
					font-family: "Tahoma", Ariel;
					font-size:10px;
					color: #000000;
					border-color: #CCCCCC;
					border-width: thin;
					border-style: solid;
					}
					
					#box_content_right_claims{
					width: 200px;
					height: auto;
					margin-top: 0px;
					margin-left: 10px;
					margin-bottom: 10px;
					float: right;
					background-color: #eeeedd;
					font-family: "Tahoma", Ariel;
					font-size:10px;
					color: #000000;
					border-color: #CCCCCC;
					border-width: thin;
					border-style: solid;
					}

					#form_content{
					width: auto;
					height: auto;
					margin-right: auto;
					margin-left: auto;
					background-color: #eeeedd;
					font-family: "Tahoma", Ariel;
					font-size:10px;
					color: #000000;
					display: none;
					}

					#form_content_visible{
					width: auto;
					height: auto;
					margin-right: auto;
					margin-left: auto;
					background-color: #eeeedd;
					font-family: "Tahoma", Ariel;
					font-size:10px;
					color: #000000;
					}

#logos{
width:auto;
height:auto;			/* biba and marine logos */
float:none;
padding-left: 10px;
margin-left: 350px;
}

#map{
width: auto;
height: auto;
float: right;
margin-left: 20px;		/* map for contact page */
margin-right: 20px;
margin-bottom: 20px;
padding: 5px;
z-index: 1;
background-color:#eeeedd;
display:none;
}

#footer{
height: auto; width: 700px;
margin:10px auto 0 auto; padding: 4px 0 0 0;
border-top: 1px solid #000;
font-family: "Tahoma", Ariel;
font-size: 9px;
text-align:center;
}

.hide_me{
display:none;
}

.hide_me_exp{
color: #0000FF;
display:none;
}

#gosure{
height: 80px;
width: 400px;
margin-bottom: 45px;
margin-left: 10px;
margin-right: auto;
font-family: "Tahoma", Ariel;
font-size: 9px;
text-align:center;
float: right;
}

.quote_hug_left{
width: 200px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;	/* quote that clings to LEFT side of page */
float: left;
font-family: "Tahoma", Ariel;
font-size:10px;
color: #000000;
padding: 5px;
background-color: #eeeedd;
border-color: #CCCCCC;
border-width: thin;
border-style: solid;
}

.quote_hug_right{
width: 200px;
margin-left: 5px;		/* quote that clings to RIGHT side of page */
float: right;
font-family: "Tahoma", Ariel;
font-size:10px;
color: #000000;
padding: 5px;
background-color: #eeeedd;
border-color: #CCCCCC;
border-width: thin;
border-style: solid;
}

.no_hug{
float: none;
margin-top: 10px;
margin-bottom: 10px;
}

.quote_wide_hug_left{
width: 320px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;	/* quote that clings to LEFT side of page */
float: left;
font-family: "Tahoma", Ariel;
font-size:10px;
color: #000000;
padding: 5px;
background-color: #eeeedd;
border-color: #CCCCCC;
border-width: thin;
border-style: solid;
}

.quote_wide_hug_right{
width: 320px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;		/* quote that clings to RIGHT side of page */
float: right;
font-family: "Tahoma", Ariel;
font-size:10px;
color: #000000;
padding: 5px;
background-color: #eeeedd;
border-color: #CCCCCC;
border-width: thin;
border-style: solid;
}

.quote_single_line{
width: 200px;
margin-top: 10px;
margin-bottom: 10px;
float: none;			/* quote that is sole content on line(s) of page */
font-family: "Tahoma", Ariel;
font-size:10px;
color: #000000;
padding: 5px;
background-color: #eeeedd;
border-color: #CCCCCC;
border-width: thin;
border-style: solid;
}

.quote_wide_single_line{
width: 320px;
margin-top: 10px;
margin-bottom: 10px;
float: none;			/* quote that is sole content on line(s) of page */
font-family: "Tahoma", Ariel;
font-size:10px;
color: #000000;
padding: 5px;
background-color: #eeeedd;
border-color: #CCCCCC;
border-width: thin;
border-style: solid;
}

.quote_footer{
margin-top: 5px;		/* bold text @ the bottom of each quote */
font-weight:bold;
}

.quote_header{
margin-bottom: 5px;		/* bold text @ the bottom of each quote */
font-weight:bold;
}

.contrast{
height:auto;
width: auto;
margin-top: 2px;
margin-bottom: 2px;
background-color: #666666;
padding:1px;
}

.contrast_claims{
height:auto;
width: auto;
margin-top: 0px;
margin-bottom: 2px;
background-color: #666666;
padding:1px;
}

.contrast_alt_marine{
height:auto;
width: auto;
margin-top: 2px;
margin-bottom: 5px;
background-color: #6495ED;
padding: 1px;
}

.contrast_bookmark_links{
margin-top: 2px;
color:#FFF;
background-color: #CCCCCC;
padding: 1px;
width:auto;
}

.contrast_alt_commercial{
height:auto;
width: auto;
margin-top: 2px;
margin-bottom: 5px;
background-color: #E2725B;
padding: 1px;
}

.contrast_text{
margin-left:3px; padding: 2px 0;
color:#FFFFFF;
font-family: "Tahoma", Ariel;
font-size:12px;
font-weight: bold;
}

.bookmark_text{
margin-left:3px; padding: 2px 0 0 30px;
color:#FFFFFF;
font-family: "Tahoma", Ariel;
font-size:12px;
font-weight: bold;
background:url(http://www.hayesparsons.co.uk/images/13.png) left no-repeat;
}

.bookmark_text_last{
margin-left:3px; padding: 2px 0 0 30px;
color:#FFFFFF;
font-family: "Tahoma", Ariel;
font-size:12px;
font-weight: bold;
background:url(http://www.hayesparsons.co.uk/images/48.png) left no-repeat;
}

.contrast_text a{
color:#FFF;
}

.side_empasis{
font-family: "Tahoma", Ariel;
font-size:11px;
font-weight: bold;
color: #000000;
}

.padd{
width:280px;
padding:5px;
}

.padd ul{
margin: 0; padding: 0; list-style: none;
}

.padd li{
margin: 0 0 3px 0; padding: 0; list-style: none;
}

.padd_not280{
padding:5px;
}

.claims{
width: 200px;
height: auto;
margin-top: 0px;
margin-left: 10px;
margin-bottom: 10px;
float: right;
background-color: #eeeedd;
font-family: "Tahoma", Ariel;
font-size:10px;
color: #000000;
border-color: #CCCCCC;
border-width: thin;
border-style: solid;
z-index: 2;
display:none;
}

.about_us_list
{
margin-left: 300px;
width: auto;
}

#prof_sublist
{
display: none;
width: auto;
color: #0000FF;
}

#hidden_service_explanation
{
display: none;
width: auto;
margin-left: -40px;
color: #0000FF;
}

#hidden_property_explanation
{
display: none;
width: auto;
margin-left: -40px;
color: #0000FF;
}

#s2s_explanation
{
display: none;
width: auto;
margin-left: -40px;
color: #0000FF;
}

#hidden_tendering_explanation
{
display: none;
width: auto;
margin-left: -40px;
color: #0000FF;
}

#uselful_links_c1{
width: 45px;
height: auto;
float: left;
line-height: 0.5cm;
}

#uselful_links_c2{
width: 220px;
height: auto;
float: left;
line-height: 0.5cm;
}

#links_holder{
width: 270px;
height: 420px;
}

.std_text{
font-family: "Tahoma", Ariel;
font-size:10px;
color: #000000;
font-style:normal;
line-height: 0.3cm;
}

.credit{
width:20px;
height:20px;
border: solid 1px white;
font-family: "Tahoma", Ariel;
font-size:10px;
color: #000000;
font-style:normal;
z-index:2;
}

.main_text{
color: #000;
padding-left: 2px;
background: #FFF;
}

.temp_text{
background-color: #000000;
color: yellow;
padding: 5px;
}

.navigation_bar_html a{
display:block;
text-decoration:none;
color: #000;
}

.navigation_bar_html{
padding:0; margin:0;
height:20px; width:700px;
border-bottom:2px solid white;
border-top:2px solid white;
font-size:15px; font-weight:bold;
}

.navigation_bar_html ul{
padding:0; margin:0;
list-style:none;
}

.navigation_bar_html li{
font-family:"Trebuchet MS",Tahoma,sans-serif,helvetica,arial,sans-serif;
height:20px; width:98px; margin:0;
background: #E8E8E8; float:left;
text-align: center; padding:0;
border-right:2px solid white;
}

.nav_html_contact a{
height:20px; width:100px;
background-color: #E8E8E8;
border:none;
}

.nav_html_comm a{
background-color: #E2725B;
height:20px; width:98px;
color: #FFF;
}

.nav_html_marine a{
background-color: #91ABC4;
height:20px; width:98px;
color: #FFF;
}

.nav_html_eis a{
background-color: #7DEF13;
height:20px; width:98px;
color: #FFF;
}