/*****************************************
	Morgan Bros CSS	by nwonline.co.uk
*****************************************/
html {overflow-y: scroll;}
body { background: #000 url('../images/site/bg-body.jpg') 0 0 repeat-x;	font-family: "Arial", Gadget, sans-serif; margin: 0}

#header span {
	height: 210px;
	width: 600px;
	display: block;
	float: right;
	position: relative;
	background: transparent;}

#navbox { height:210px; width:100%; margin:0 auto;}
#navbox1 { height:210px; width:100%; margin:0 auto;}

div#mb_picasa {
	float: left;
	width: 610px;
	font: normal 12px/20px sans-serif; 
	color: #999;
	padding: 10px 0;}

div#mb_picasa a { color: #ccc; font: bold 12px/20px sans-serif; text-decoration: none;}

div#mb_picasa img { width: 150px; margin: 0 5px 0 0; padding: 1px; background: #01000; border: 1px solid #000;}
div#mb_picasa img:hover { border: 1px solid #ccc;}
div#mb_picasa img#picture { width: 600px; border: none !important;}
div#mb_picasa img#picture:hover { border: none;}

div#mb_picasa a.standard img { width: auto; border: none !important}
div#mb_picasa a.standard img:hover { border: none !important;}

div#mb_picasa div.breadcrumb {  float: left; width: 628px; font: normal 12px/22px sans-serif; padding: 0 0 10px 0; clear: both;}
div#mb_picasa div.breadcrumb a:hover { color: #09C;}

div#mb_picasa table { clear: both;}

/*components*/
#index-wrapper {width:981px;height:auto;margin:0 auto}
#header {width:981px;height:210px;background:url('../images/site/HEADER.jpg') 0 0 no-repeat; margin: 0 auto; overflow: hidden;}
#maincontent{width:979px;height:auto;background:#011;float: left; border-left: 1px solid #333b47; border-right: 1px solid #333b47;}
#leftcontent {width:610px;float:left;padding:10px 10px 0 20px;}
#rightcontent {width:725px;float:right;padding:15px 15px 0 15px;}
#legalcontent {width:919px;height:auto;float:left;background: #011;padding:10px 30px}
#rightcol { float: right; width: 310px; padding: 0; margin: 0;}

/*footer*/
#footer{ width: 100%; height: 60px; background: url('../images/site/foot-bg.jpg') repeat-x;	border-top: 1px solid #90a8bb; clear:both; padding: 5px 0; color: #6b8db3; font: bold 12px sans-serif;}
#footer a { color: #90a8bb;font: bold 12px sans-serif;}
#footer a:hover { text-decoration: underline;}
#footer .footer_gen_links-left { float: left;padding: 10px;}
#footer .footer_gen_links-right { float: right;padding: 10px;}
#footer #foot_sub_wrap { width: 960px; padding: 0;	float: left; margin: 0;}
#footer .footer { font: normal 11px/21px sans-serif;}
#footer .footer a { font: bold 11px/21px sans-serif; color: #90a8bb;}
#footer .footer a:hover { font: bold 11px/21px sans-serif; color: #06C;}
#footer #foot_sub_left { width: 365px; float: left;	margin: 0; padding: 0 0 0 15px;	text-align: left;}
#footer #foot_sub_right { width: 365px;	float: right; margin: 0; padding: 34px 15px 0 0; text-align: right;}
#footer #foot_sub_right p { font: normal 12px sans-serif; margin: 0; padding: 0; color: #90a8bb; text-align: right;}
#footer #foot_sub_mid { width: 190px; float: left; margin: 0; padding: 0; text-align: center;}
#footer .foot_sec {	width: 20%;	float: left; padding: 10px 15px; margin: 0;}
#footer .foot_sec h4 { font: bold 12px/21px sans-serif; color: #90a8bb; padding: 0 0 0 10px; margin: 0;}

#footer .foot_sec ul{ margin: 0; padding: 0 10px 0; float: left; width: 920px; list-style:none; text-align: center;}
#footer .foot_sec li { font: bold 11px/21px sans-serif; display: inline-block; float: left; padding: 0 7px 0 7px; width: auto; border-left: 1px dotted #999;}
#footer .foot_sec li a { list-style-type: none; font: bold 12px/21px sans-serif; color: #90a8bb !important;}
#footer .foot_sec li a:hover{ list-style-type: none; margin: 0; font: bold 12px/21px sans-serif; color: #ccc !important;}
#footer .foot_sec li:first-child { padding: 0 7px 0 0 !important; border-left: none !important;} 

/*Typography*/
p { color: #999; font: normal 12px/20px sans-serif}
a:link, a:visited {	text-decoration: none}
a:hover, a:active { text-decoration: underline}

#leftcontent p a { color: #fff; font: bold 12px sans-serif; text-decoration: underline}
#leftcontent p a:hover { color: #999; font: bold 12px sans-serif; text-decoration: none}
#legalcontent p a { color: #fff; font: bold 12px sans-serif; text-decoration: underline}
#legalcontent p a:hover { color: #999; font: bold 12px sans-serif; text-decoration: none}

#leftcontent blockquote { font: normal 12px/19px sans-serif; color: #666; font-style: italic; margin: 10px 40px 10px 40px; border-left: 2px solid #2873b2; padding: 5px 0 5px 10px;}

#leftcontent ul { clear: both; padding: 10px 0; width: 590px; list-style-type: disc !important; list-style: disc !important; margin: 0;}
#leftcontent ol { clear: both; padding: 10px 0; width: 590px; list-style-type: decimal !important; list-style: decimal !important; margin: 0;}
#leftcontent ul li { font: normal 12px/19px sans-serif; color: #777; list-style-type: disc !important; list-style: disc !important; margin: 0 0 0 30px}
#leftcontent ol li { font: normal 12px/19px sans-serif; color: #777; list-style-type: decimal !important; list-style: decimal !important; margin: 0 0 0 30px}

#legalcontent ul { clear: both; padding: 10px 0; width: 590px; list-style-type: disc !important; list-style: disc !important; margin: 0;}
#legalcontent ol { clear: both; padding: 10px 0; width: 590px; list-style-type: decimal !important; list-style: decimal !important; margin: 0;}
#legalcontent ul li { font: normal 12px/19px sans-serif; color: #777; list-style-type: disc !important; list-style: disc !important; margin: 0 0 0 30px}
#legalcontent ol li { font: normal 12px/19px sans-serif; color: #777; list-style-type: decimal !important; list-style: decimal !important; margin: 0 0 0 30px}

#leftcontent address { font: normal 12px/19px sans-serif; color: #777; font-style: italic;}
#leftcontent abbr { cursor:help; background: url('../images/site/dotted.jpg') 0 bottom repeat-x; font: bold 12px/19px sans-serif;}

#legalcontent address { font: normal 12px/19px sans-serif; color: #777; font-style: italic;}
#legalcontent abbr { cursor:help; background: url('../images/site/dotted.jpg') 0 bottom repeat-x; font: bold 12px/19px sans-serif;}

#leftcontent ul#clients { float: left; position: relative; width: 580px; padding: 10px 10px 15px 10px; margin: 0;list-style-type: none; list-style: none; -moz-column-width: 250px; -webkit-column-width: 250px; -moz-column-gap: 10px; -webkit-column-gap: 10px; color: #ccc;}
#leftcontent ul#clients li { margin: 0; padding: 0; list-style-type: none; list-style: none; color: #999;}

/*Gallery*/
#leftcontent .gallery { float: left; list-style-type: none !important; list-style: none !important; width: 620px; padding: 0 0 10px 0; margin: 0;}
#leftcontent .gallery li { width: 126px; height: 106px; float: left; border: 1px solid #ccc; padding: 1px; background: #011; margin: 0 0 0 27px; list-style-type: none !important; list-style: none !important;}
#leftcontent .gallery li:first-child { margin: 0;}

/*Contact Forms*/
#contact-form_dup { width: 580px; padding: 15px 10px 10px 10px; float: left; margin: 10px 0; background: #011;  overflow: hidden;}

#contact-form_dup span { float: right; width: 250px; height: 250px; border: 1px solid #666; padding: 2px; margin: 15px 0 0 0}
#contact-form_dup form { float: left; width: 270px; margin: 0; }
#contact-form_dup label { float: left; clear: both; font: normal 12px/26px sans-serif; color: #ccc;padding: 5px 0 0 0;}
#contact-form_dup label.full { width: 440px;}
#contact-form_dup input { float: left; clear: both; font: bold 12px/26px sans-serif; color: #fff; width: 260px; margin: 2px 0; padding: 2px 4px; background: #1a578c url('../images/site/nav_hover.jpg') 0 -3px repeat-x; border: none; cursor: pointer; -webkit-border-radius: 5px;}

#contact-form_dup input[type=text] { float: left; font: normal 12px/21px sans-serif; color: #666; width: 260px; margin: 2px 0; padding: 2px 4px; background: #011; border: 1px solid #666; -webkit-border-radius: 0; cursor: text}
#contact-form_dup #submit { width: 90px; float: right; margin: 0; clear: both;} 
#contact-form_dup textarea { font: normal 12px/18px sans-serif; color: #666; padding: 4px; float: left; clear: both; width: 260px; height: 110px; margin: 0;background: #011; border: 1px solid #666;}	
#contact-form_dup select { font: normal 12px/23px sans-serif; color: #666; height: 23px; float: right; width: 272px; margin: 0;background: #011; border: 1px solid #666;}
#contact-form_dup small { font: normal 11px/34px sans-serif; color: #666;}
#contact-form_dup em { font-style: italic;}

/*headers*/
h1 { color: #fff; font: bold 22px/25px "Helvetica", Arial, sans-serif; letter-spacing: -1px; padding: 0; margin: 0; }
h2 { font: normal 12px/20px sans-serif; color: #fff; padding: 5px 10px 0 0;}
h4 { font: bold 12px/20px sans-serif; color: #2873b2;}
#leftcontent h2 {font: bold 12px sans-serif; color: #2873b2; padding: 5px 10px 0 0;}

/*Navigation*/
.navigation-wrapper { width: 979px; height: 48px; background: #011; float: left; font-family: Arial, Helvetica, sans-serif;border-left: 1px solid #2c3340; border-right: 1px solid #2c3340;}
#topmenu { width: 964px; float: left;font-family: Arial, Helvetica, sans-serif;margin: 0 0 14px 0;padding: 0 0 0 15px;background: #c7c7c7 url('../images/site/nav_bg.jpg') 0 0 repeat-x;}
#topmenu li {float: left;position: relative;height: 48px; font-weight: bold; letter-spacing: 0px; font-size: 12px;list-style: none;	}
#topmenu li a { display: block; padding: 0 15px;color: #F1F1F1; font: bold 12px/48px sans-serif;text-decoration: none;}
#topmenu li a.selected{ color: #fff !important; background: #3a3a3a url('../images/site/nav_hover.jpg') 0 0 repeat-x;}
#nav_001 .nav_001, #nav_002 .nav_002, #nav_003 .nav_003, #nav_004 .nav_004, #nav_005 .nav_005, #nav_006 .nav_006, #nav_007 .nav_007, #nav_008 .nav_008 { color: #fff !important; background: #3a3a3a url('../images/site/nav_hover.jpg') 0 0 repeat-x;}	
#topmenu li a:hover{ color: #00c6ff;}
#topmenu li ul {list-style: none;position: absolute;visibility: hidden;overflow: hidden;top: 47px;left: 0;float: left;z-index: 100;padding: 5px 10px 15px 10px;width: 220px;background: #002650 url('../images/site/nav_li_ul.jpg') 0 0 repeat-x !important;margin: 0 !important;text-align: left; z-index: 10 !important}
#topmenu li.hover ul,
#topmenu li:hover ul { visibility:visible;  z-index: 10 !important}
#topmenu li li {margin: 0 !important;padding:0 !important;text-align: left;height: 30px !important;float: left;clear: both;width: 220px;font: bold 12px/30px sans-serif !important; background: url('../images/site/png_dn.png') 0 28px repeat-x;}
#topmenu li li:first-child { border: none !important;}
#topmenu li li a {font: bold 12px/30px sans-serif !important;width: 220px !important;color: #FFF;margin: 0;padding: 0 10px !important;text-decoration: none;}
#topmenu li li a:hover {color: #fff !important;text-decoration: underline !important;}

/*contact fields*/
.contactfield {	border: #999 1px solid; font: normal 12px/20px sans-serif; width: 194px; padding: 2px}	
.contactlabel { clear: left; padding: 2px; display: inline; float: left; margin: 0 10px 10px 0; width: 150px; color: #033; font: normal 12px/20px sans-serif}
.contactfieldwrap {	margin-bottom: 5px}

/*right col*/
.right-col-box-wrapper-1 { width: 320px; height: 125px; padding: 0;	margin: 0 0 10px 0;	float: left; background: url('../images/site/north-west.jpg') no-repeat; border: 1px solid #CCC;}
.right-col-box-container-1 { width: 200px; height: 55px; padding: 60px 10px 10px 10px; margin: 0; float: left;}

/*left col nav*/
#leftcol_short { float: left; width: 212px; padding: 20px 0 20px 10px;}
#leftcol_short ul { list-style-type: none; font: bold 12px/24px sans-serif;}
#leftcol_short li { float: left; position: relative; clear: both; display: block; width: 212px;}
#leftcol_short li a { border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding: 0 0 0 30px; display: block; background: #eee url('../images/site/chevron.jpg') 10px 8px no-repeat; color: #666;}
#leftcol_short li a:hover{ background: #fff url('../images/site/chevron.jpg') 10px 8px no-repeat; color: #2171af;}
#leftcol_short li#bot { background: url('../images/site/left_nav_bot.jpg') 0 0 no-repeat; height: 12px;}
#leftcol_short li#top { background: url('../images/site/left_nav_top.jpg') 0 0 no-repeat; height: 35px;}
#leftcol_short li#top { font: bold 12px/35px sans-serif; color: #29588c; padding: 0 0 0 10px; border-bottom: 1px solid #ccc; width: 202px;}

/*Fader*/
#rightcol .anythingFader.static { width: 310px; height: auto; overflow: hidden;}
#rightcol .anythingFader { width: 310px; height: 505px; overflow: hidden;}
#rightcol .anythingFader .wrapper { width: 310px; overflow: auto; height: 505px; margin: 0;}
#rightcol .anythingFader .wrapper ul { width: 9999px; list-style: none; background: #011; margin: 0;}
#rightcol .anythingFader ul li { display: block; float: left; padding: 0; height: 342px; width: 505px; margin: 0; padding: 0; background: transparent; border: none;}

.anythingFader .arrow { display: none}
#thumbNav { display: none }
#start-stop { display: none}

/*Fader Prevents*/
#rightcol .anythingFader .wrapper ul ul { margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#rightcol .anythingFader .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }