/* 
Severn
Core Styles


Created By 
Rob Wright

--------------------------------------------------------

=Structure

	Generic
	Frame
	Header
	Content
	Footer
	Misc
	
=Generic
--------------------------------------------------------
*/

body {
	margin:0px ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFF;
	color:#5F6062;
}

a { color:#006699;  text-decoration:none; }
a:hover {color: #008DCC;}
img {border:none;}
/*
=Frame
--------------------------------------------------------
*/

#frame {
	margin:0px auto;
	width:960px;

	position:relative;
}
#frame #homepage{
	display:none;
	margin:0px;
	padding:0px;
}

#frame #logo {
	position:absolute;
	top:11px;
	left:0px;
}

/*
=Header
--------------------------------------------------------
*/
#header {
	padding-top:40px;
	/*background:url(../images/backgrounds/homepage.jpg) no-repeat 0px 85px;*/
	padding-bottom:10px;
}

#header img {display:block; margin-top:5px;}

#header ul {
	list-style:none;
	margin:0px 0px 25px;
	padding:0px;
	height:20px;
/*
	width:720px;
	margin:0px 0px 0px 162px;
*/
	position:relative;
}

#header ul li{
	margin:0px;
	float:left;
	margin:0px 10px 0px 0px;
}

#header ul li a{
	display:block;
	color:#006699;
	font-size:11px;
	width:70px;
	border-bottom:4px solid #db8274;
}
#header ul li a:hover{color:#81C0DB;}


#header ul li a#contacts { border-bottom:4px solid #d59333;}
#header ul li a#downloads{ border-bottom:4px solid #7d8e96; }
#header ul li a#references{ border-bottom:4px solid #9eaf69;}
#header ul li a#approvals{ border-bottom:4px solid #db8274;}
#header ul li a#careers{ border-bottom:4px solid #01669a;}
#header ul li a#group-structure{ border-bottom:4px solid #9eaf68; 	width:83px;}
#header ul li a#location{ border-bottom:4px solid #9eaf68; 	width:83px;}

#header ul li a#customer-login{ 
	border-bottom:4px solid #C4923D;
	width:143px;
	position:absolute;
	right:0px;
}

#header #bread_crumb {
	position:absolute;
	top:65px;
	margin:0px;
	color:#006699;
}


/*
=Content
--------------------------------------------------------
*/

#content {	margin:35px 0px; position:relative;}

#content #strap_line {
	margin:0px;
	padding:0px;
	font-size:2.2em;
	font-weight:400;
	position:absolute;
	top: -40px;
	left:20px;
}

#content h1#strap_line { color: #666666; }


#content:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html>body #frame #content{
	display: inline-block; 
	width: 100%;
}

* html #frame #content{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/*
=Main Content
--------------------------------------------------------
*/

#main_content {	width:650px;	float:left;}

#main_content h1, #main_content h2, #main_content h3{	margin:15px 0px 0px;	padding:0px 5px;}

#main_content h1 {
 	color:#006699;
	margin:10px 0px ;
	font-size:1.8em;
	font-weight:normal;
}

#main_content h1 span{
	display:block;
	font-size:0.6em;
	color:#666666;
	margin-top:3px;
}

#main_content h2 {	font-size:1.5em; }
#main_content h3 {	font-size:1.2em; }

#main_content p{
	margin:0px 0px 10px;
	padding:5px;
	line-height:1.4em;	
	width:302px;
}

#main_content h2 a, #main_content h3 a { text-decoration:underline;}

#main_content h2 a {
	text-decoration:none;
	display:block;
	font-size:0.75em;
	padding:10px 5px 10px;
	background:#D6D7D7;
	margin-bottom:0px;
	width:302px;
}

#main_content .content_image {
	float:right;
	clear:right;
	display:inline;
	margin:10px 5px 20px 10px;
}

.back_button {
	display:block;
	border-top:2px solid #E5E5E5;
	padding-top:10px;
	margin:0px 20px 10px 0px;
	padding-left:5px;
	font-size:1.2em;
}

/* Forms---------------------------------------*/
form p label span {
	font-size:0.7em;
	color: #999999;    
	padding-left:10px;
	text-transform:uppercase;
}
form p label input, form p label textarea, form p label select {
	border:1px solid #BBBBBB;
	padding:5px 3px;
	margin-top:4px;
	width:370px;
	font-size:11px;
	display:block;
}
form#application_form {
	padding-top:10px;
	border-top:3px solid #E4E4E4;
	margin-right:40px;
}


/* Text---------------------------------------*/

#text {
	float:left;
	width:480px;
	margin-left:15px;
}

#text img{ display:block; }

#text  ul, #main_content #text  ol {	margin:15px 5px; 	width:250px;	padding:10px 25px; }

#text  li {	margin-bottom:5px;}

#main_content  .industry p,  #main_content .extended_text p  {	width:420px;}

.extended_text ul,  #main_content .extended_text ol {	width:380px!important;}

#main_content .grey h2, #main_content .grey  h3 {width:302px;}

#main_content .applications_page ul {	background:#9EC5D9;	list-style:square;}

/* Industries Nav---------------------------------------*/

#main_content #industries {
	margin:0px;
	padding:0px;
	height:129px;
	list-style:none;
}

#main_content #industries li{
	margin:0px 15px 0px  0px ;
	float:left;
}

#main_content #industries li.last{	margin:0px;}

#main_content #industries li a{
	display:block;
	position:relative;
	width:148px;
	height:119px;	
	background:#CCCCCC;
}

#main_content #industries li a img{display:block;}

#main_content #industries li a strong{
	display:block;
	width:138px;
	height:15px;
	padding:4px 5px 3px;
	background:#5F6062;
	position:absolute;
	z-index:100;
	bottom:0px;
	color:#FFF;
}

#main_content #industries li a:hover strong, #main_content #industries li a.current_page strong{	background:#008DCC;}

#main_content #industries li a.current_page img , #main_content #industries li a:hover img{ opacity:0.7;}


/* Industries Slim Nav---------------------------------------*/

#main_content #industries_slim {
	margin:10px 0px 0px;
	width:148px;
	float:left;
	clear:left;
	padding:0px;
	list-style:none;
}

#main_content #industries_slim  li{
	margin:0px 0px 5px ;
}

#main_content #industries_slim  li a{
	display:block;
	width:148px;
	background:#CCCCCC;
}

#main_content #industries_slim  li a img{ display:none;}

#main_content #industries_slim li a strong{
	display:block;
	width:138px;
	height:15px;
	padding:4px 5px 3px;
	background:#5F6062;
	bottom:0px;
	font-size:1.1em!important;
	color:#FFF;
}

#main_content #industries_slim li a:hover strong{	background:#008DCC;}


/* Division-----------------------------------------*/

#main_content #divisions {
	width:148px;
	clear:left;
	float:left;	
	margin:10px 0px 0px;
}


#main_content #divisions h3{
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#999999;
	margin-bottom:20px;
}

#main_content #divisions ul{
	margin:0px;	width:148px;
	padding:0px;
	list-style:none;
}


#main_content #divisions ul li {	margin:0px 0px 10px;}

#main_content #divisions ul li a{
	display:block;
	color:#7F7F7F;
	font-size:11px;
}

#main_content #divisions ul li a:hover{	color:#333333;}

#main_content #divisions ul li a strong{
	font-size:1.4em;
	display:block;
	margin-bottom:3px;
}


/* News Page -----------------------------------------*/

#main_content .news_item {
	margin:10px 15px 10px 0px;
	border-bottom:3px solid #F4F4F4;
}

#main_content .news_item h2 a{	text-decoration:none; 	font-size:1em;	padding:0px; background:none;}

#main_content .news_item h2 span{ 
	font-size:0.8em;
	font-weight:normal;
}

#main_content #divisions ul#archive li{
	border-bottom:1px solid #EEEEEE;
	padding-bottom:5px;
}


#main_content #text #newsletters {
	list-style:none;
	margin:20px 0px;
	padding:0px 5px;
}

#main_content #newsletters li {	margin-bottom:15px;}
#main_content #newsletters li a{ font-size:10px; display:block;}

#main_content #newsletters li a strong{ 
	font-size:1.4em; 
	display:block; 
	margin-bottom:4px;
}

#main_content #newsletters li a strong span{ font-size:0.7em; font-weight:normal;}


/* Events Page -----------------------------------------*/

#main_content #event_listing {
	margin-top:10px;
	border-top:3px solid #F4F4F4;
}

#main_content #event_listing .month {
	border-bottom:3px solid #F4F4F4;
	position:relative;
	margin:15px 5px 15px 0px;
}


#main_content #event_listing .month h2{
	font-size:1.3em;
	margin:0px;
	padding:0px;
	text-align:right;
	position:absolute;
	top:10px;
	right:10px;
	width:80px;
	color:#008DCC;
}

#main_content #event_listing .month h2 span{ 	font-weight:normal; font-size:0.8em; }


#main_content #event_listing .month .day {	padding:10px 0px;}
#main_content #event_listing .month .day h3{
	 font-size:1.1em; 
	 margin:0px 0px 5px -8px;
	color:#008DCC;
	font-weight:normal;

}

#main_content #event_listing .month .day p{margin-bottom:5px;}
#main_content #event_listing .month .day p a { display:block; font-size:0.9em; }
#main_content #event_listing .month .day p a strong{ 
	display:block;  
	font-size:1.4em;
	color:#666666;
	margin-bottom:3px;
}

#main_content #event_listing .month .day p a strong span {
	font-size:0.8em;
	font-weight:normal;
	padding-left:5px;
} 

#main_content #date {	margin:-10px 0px 0px;}


/* Careers Page -----------------------------------------*/


#main_content .job a {
	display:block;
	color: #666666;
}

#main_content .job a strong{
	font-size:1.3em;
	color:#006699;
}

#main_content .job a strong:hover{color: #09AFFF;}


#main_content .job a strong em{
	display:block;
	font-size:0.8em;
	margin-bottom:5px;
}

/* Downloads Page -----------------------------------------*/

#frame #content #main_content h2.download {
	margin:20px 0px 10px;
}

#frame #content #main_content p.download {
	margin:6px 0px;
}

#frame #content #main_content p.download a{
	font-size:1.32em;	
}

#frame #content #main_content p.download span {
	display:block;
	padding: 2px 0px 0px 28px ;
}

/*
=Secondary Content
--------------------------------------------------------
*/

#secondary_content {
	width:305px;
	float:right;
}


/* Applications-----------------------------------------*/

#secondary_content #applications{ 
	width:151px;
	float:left;
}

#secondary_content #applications ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#secondary_content #applications ul li {	margin:0px 0px 10px;}

#secondary_content #applications ul li a{
	display:block;
	font-size:11px;
	position:relative;
	height:79px;
}

#secondary_content #applications ul li a img{ display:block; }

#secondary_content #applications li a strong{
	display:block;
	width:55px;
	font-weight:normal;
	height:14px;
	color:#231f20;
	padding:10px 0px 0px 15px;
	position:absolute;
}
#secondary_content #applications li a:hover strong { color: #999999; }

/* Info Box (News/Events)-------------------------------------*/

#secondary_content .info_box {
	width:141px;
	float:right;
	display:inline;
	margin-bottom:15px;
	padding:4px 0px 0px;
	clear:right;
}


#secondary_content .info_box h3{
	margin:4px 6px;
	font-size:1.4em;
	font-weight:normal;
}

#secondary_content .info_box p {
	margin:10px 6px;
	font-size:0.9em;
	color:#333333;
}

#secondary_content .info_box p strong { margin-bottom:3px; }

#secondary_content .info_box p strong, #secondary_content .info_box p a{
	display:block;
	font-size:1.1em;
}

#secondary_content .info_box p a {
	color: #495e68;
	font-weight:bold;
	margin-top:3px;
}


#secondary_content .info_box p  span{font-size:0.9em;   color:#333333; font-weight:normal; }

#secondary_content .info_box p a:hover { color:#FFF; }

#secondary_content .info_box h3 a{ color:#333333; }

#secondary_content .info_box h3 a:hover{ color:#FFF; }
#secondary_content .info_box ul { margin:5px 0px; padding:0  5px; }
#secondary_content .info_box ul li { margin:5px 5px 5px 15px; padding:0; }
#secondary_content #latest_news { background:#b8c1c5; }

#secondary_content #latest_news #newsletter  {
	margin:20px 0px 0px;
	padding-top:15px;
	background:#FFF;
}
#secondary_content #latest_news #newsletter a{
	display:block;
	text-indent:-9000px;
	background:url(../images/layout/newsletter.jpg) no-repeat;
	height:69px;
	width:141px;
	overflow:hidden;

}

#secondary_content #latest_events {	background:#d59333; }

#secondary_content #latest_events p a{ color:#5a3d13; }

#secondary_content #latest_events p a:hover{ color:#FFF; }


/*
=Footer
--------------------------------------------------------
*/

#footer { clear:both; height:125px;}

#footer ul {
	list-style:none;
	margin:20px 0px 0px 162px;
	padding:5px;
	height:20px;
	border-top:3px solid #0092CF;
	width:640px;
	height:115px;
}

.industry ul {	background:url(../images/layout/footer_background.jpg) no-repeat 0px 5px; }

#footer ul li{
	margin:0px;
	float:left;
	margin:0px 40px 0px 0px;
}

#footer ul li a{
	display:block;
	color:#006699;
	font-size:11px;
}

#footer ul li a:hover{	color:#73bfdf;}


/*
=Misc
--------------------------------------------------------
*/


#frame #content a.pdf{	display:block; font-size:1.1em; background: url(../images/layout/pdf-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px ;}

#frame #content  a.doc{	display:block; font-size:1.1em; background: url(../images/layout/word-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px; }

#frame #content  a.xls{	display:block; font-size:1.1em; background: url(../images/layout/xls-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px ;}

#frame #content a.img {	display:block; font-size:1.1em; background: url(../images/layout/jpg-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px; }

#frame #content a.ppt {	display:block; font-size:1.1em; background: url(../images/layout/powerpoint-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px; }

#frame #content a.ppt span, #frame #content a.img span, #frame #content  a.xls span, #frame #content  a.doc span, #frame #content a.pdf span{
	display:block;
	font-size:0.9em;
	color:#999999;
}

.error-text, .error {
	color:#FF5930!important;
	font-weight:bold;
	position:relative;
}
