/*
-------------------------------------------------------------------
Portconsult
Main Stylesheet
Vesess - http://vesess.com
-------------------------------------------------------------------
*/

/* Base styles 
------------------------------------------------------------------- */
body { font: 75%/1.5 "lucida grande","lucida sans unicode","lucida sans",verdana,sans-serif; color: #FFF; background-color: #222D2D; }

h1 { font-size: 150%; font-weight: bold; }
h2 { font-size: 125%; font-weight: bold; color: #57A3E8; }
h3 { font-size: 110%; font-weight: bold; margin-bottom: 0; color: #CCC; }
h4 { font-size: 100%; }
h5 { font-size: 85%; font-weight: normal; text-transform: uppercase; }
h6 { font-size: 85%; font-weight: normal; font-style: italic; }

a, a:link { color: #57A3E8; }
a:visited { color: #CA979D; }
a:hover { color: #57A3E8; text-decoration: none; }
a img { border: 0; }

acronym, abbr { border-bottom: #000 1px dotted; }
acronym:hover, abbr:hover { cursor: help; }
code, kbd { font-size: 120%; }
hr { margin: 10px 0; border: #CCC 1px solid; }

.hide { display: none; } 
.inline { display: inline; }
.nomargin { margin: 0 !important; }
.clear { clear: both; }
div.clear { height: 5px; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.floatleft { float: left; }
.floatright { float: right; }
.capitalize { text-transform: capitalize; }
.add { padding: 10px; }

div#wrapper { margin: 0 auto; width: 720px; color: #FFF; }
	
	div#header { position: relative; height: 100px; background: url(../images/header_bk.png) no-repeat left bottom; }
		div#header h1 { margin: 0; display: none; }
		div#header div#logo { position: absolute; bottom: 17px; left: 45px; }
		p#languages { position: absolute; top: -6px; right: 30px; font-size: 85%; color: #57A3E8; }
		p#languages a { color: #FFF; text-decoration: none; }
		p#languages a:hover { text-decoration: underline; }		
		p#contact_us { position: absolute; bottom: 47px; right: 30px; font-size: 85%; line-height: 100%; }
		p#contact_us a, div#header p#contact_us a:visited { color: #FFF; }
		p#contact_us strong { margin-left: 10px; color: #57A3E8; }
		ul#main_menu { margin: 0; padding: 0; float: right; position: absolute; bottom: 10px; right: 25px; list-style: none; }
			ul#main_menu li { margin: 0 20px 0 0; padding: 0; float: left; line-height: 40px; }
			ul#main_menu li a { text-decoration: none; display: block; color: #332063; }
			ul#main_menu li#main_menuactive { background: url(../images/menu_bot_bk.png) no-repeat right center; }
			ul#main_menu li#main_menuactive a { padding: 0 8px; background: url(../images/menu_top_bk.png) no-repeat left center; }
			ul#main_menu li#main_menuactive a:hover { color: #FFF; }
			ul#main_menu li a:hover { color: #57A3E8; }
			ul#main_menu li a.current, ul#menu li a.current:hover { color: #393; }

	div#content { width: 100%; float: left; background: url(../images/content_bk.png) repeat-y top left; }
		div#content p#intro {}

		
div#main { margin: 10px 0 0 30px; padding-right: 20px; width: 400px; float: left; min-height: 350px; }

		div#main h1 { margin: 0; color: #57A3E8; }
			div#main h1 a { color: #FF9; text-decoration: none; }
			div#main h1 a:hover { color: #FFF; }
		body#home div#main h2 { margin: 0; line-height: 100%; color: #57A3E8; }		
		div#main h2 a { color: #57A3E8; text-decoration: none; }
		div#main h2 a:hover, div#main h3 a:hover { text-decoration: underline; }		
		div#main h4 { color: #57A3E8; }
		div#main p.img { margin: 0.2em 1em 5px 0; float: left; }
		div#main p.img img { border: 5px solid #CCC; }
		body#home div#main img { margin-right: 0; border: none; float: none; }
		div#main blockquote { margin: 1em 3em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 2; }
		div#main ul, div#main ol { margin-left: 20px; }
		div#main dt { font-weight: bold; color: #393; }

		div#intro { position: relative; margin: 20px 0; padding: 20px; color: #333; }
			p#intro { margin: 0 0 20px 0; line-height: 100%; }
			p.read_more { margin: 0 0 10x 0; font-size:85%; line-height: 100%; }
			p.read_more a { text-transform: uppercase; color: #CCC; }
		p.download { padding-left: 20px; background: url(../images/download_bk.png) no-repeat left center; font-size: 85%; }
		p.download a { color: #FFF; }
		p.download a:hover { color: #57A3E8; }
		div#main p.date { margin: 0; color: #999; font-size: 80%; }		
		div#main h2.news_title { margin-bottom: 0; color: #57A3E8; }
		div#main h2.news_title a { color: #57A3E8; text-decoration: none; }
		div#main h2.news_title a:hover { text-decoration: underline; }		
		p.meta { margin-top: 0; font-size: 80%; color: #E1E1E1;  }
		p.more { margin-bottom: 20px; font-size: 80%; color: #57A3E8;  }
		p.file { padding-left: 20px; background: url(../images/file.png) no-repeat 0 3px; color: #CCC; }
		p.file a { color: #CCC; }
		
		p.banner { text-align: center; }
		code { font:110% Monaco,"Courier New",Courier,Monospace; }
		p.codeblock, pre.codeblock, div.codeblock { background:#ddd; padding:.125in; font: 90%/1.3em Monaco,Monospace; color: #333; }
		p.codeblock code, pre.codeblock code, div.codeblock code { font-size:90%; color: #333; }

		
div#sub { margin-right: 30px; width: 240px; float: right; }
	div.sub_content { border-top: 1px solid #344550; } 
	div#sub_menu { background: url(../images/sub_menu_bot_bk.png) no-repeat left bottom; }
	div#sub_menu ul { margin: 10px 0 0 0; padding: 5px 10px; list-style: none; background: url(../images/sub_menu_top_bk.png) no-repeat left top; }
	div.sub_content p.aligncenter { margin: 10px 0 0 0; padding: 5px 10px; list-style: none; background: url(../images/sub_menu_top_bk.png) no-repeat left top; }
		div#sub_menu ul li { margin: 0; padding: 0; line-height: 25px; color: #FFF; background: url(../images/bullet.png) no-repeat left 9px; padding-left: 15px; }
			div#sub_menu ul a:hover { color: #57A3E8; }
			
	div#content div#sub h2 { margin: 0; padding: 10px 0 5px 0; font-size: 130%; font-weight: normal; color: #CCC; border-bottom: 1px solid #1E272D; }
		p.services { margin: 0; padding: 5px 20px 10px 25px; line-height: 100%; }
		p.services a { text-transform: uppercase; font-size: 85%; color: #CCC; }
		p.date { margin: 10px 0 5px 0; font-size: 80%; text-transform: uppercase; color: #57A3E8; line-height: 100%; }
		div#sub h3 { margin: 0 0 20px 0; font-size: 100%; font-weight: normal; }
		div#sub h3 a { color: #C5DEF8; }
	
	p#feed a { display: block; padding-left: 40px; line-height: 28px; background: url(../images/feedicon.png) no-repeat left center; }
		
div#footer { margin-bottom: 20px; width: 100%; float: left; padding-top: 20px; background: url(../images/footer_bk.png) no-repeat left top; }
	p#address { margin: 0 0 0 30px; width: 470px; float: left; }
	p#address a { color: #FFF; text-decoration: none; }
	p#address a:hover { text-decoration: underline; }	
	p#vesess { margin: 0 30px 0 0; width: 190px; float: right; text-align: right; }
	p#vesess a { color: #374848; }
	
/* Form styles */
div.form-container { }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FFF 1px solid; background-color: #E9E9E9; }
div.errors p { margin: 0; color: #333; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 90px; font-size: 90%; color: #333; }
div.form-container form fieldset { }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 70px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 90px; }

input { width: 220px; }
div.buttonrow input { width: 75px; }