/*****************************************
	Morgan Bros CSS	by nwonline.co.uk
*****************************************/

body {
	background:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	margin: 0 auto}

.inputBlur, div.row input.inputBlur { color: #999; font-style: italic; }
.inputActive { color: #666; }

img.floatright { margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 5px; background: #fff;}

/*components*/
#page_wrap { width: 100%; margin: 0 auto; border-bottom: 1px solid #d0d0d0}
#page_wrap_inner { width: 940px; margin: 0 auto;}
#index_wrap {width:950px;  margin:0 auto; overflow: hidden;  padding: 10px 10px 0px 0px; }
#navbox {height:124px;width:970px;margin:0 auto;}

.top_bar { font-family:Verdana, Geneva, sans-serif; font-size:11px; height:31px; background-color:#03236e;}
.top_bar li {font-family:Verdana, Geneva, sans-serif; color:#FFF; float:left; margin-right:10px; padding-right:10px; margin-top:8px; border-right:1px solid #FFF;}
.top_bar p a {color:#FFF; font-size:11px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
.top_bar p a:hover {color:#FFF; font-size:11px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}

#header {width:940px;height:120px; background: #fff 0 0 no-repeat; margin: 0 auto; position: relative;}
#maincontent{width:950px;height:auto; float: left;padding:0; margin: 0px }
#leftcontent {width:685px;float:left;padding:0px 0px 26px 0px; margin-right: 10px}
#leftcontent-projectview {width:410px;float:left;padding:0px 0px 30px 0px; margin-right: 30px}
#rightcontent {width:255px;float:right;padding-top:0px;}
#rightcontent-projectview {width:500px;float:right;padding-top:0px}
#legalcontent {width:820px;height:auto;float:left;background: #fff;padding: 25px 40px}
#rightcol { float: right; width: 230px; padding: 0}
#fullcontent { width: 100% }
#splash { width: 950px; height: 361px; float: left; position: relative; margin: 0 0 10px; padding: 0; background: url('../images/site/slide_001.jpg') 0 0 no-repeat }
#leftcontent div.breadcrumb { list-style:none; font-size:11px; margin:10px 0px 0px 0px; display:block; height:25px;}
#leftcontent div.breadcrumb li { float:left; margin-left:3px; font-size:11px;}
#leftcontent div.breadcrumb li a { float:left; color:#F00; text-decoration:underline; margin-right:5px; font-size:11px; line-height:22px;}
#leftcontent-projectview div.breadcrumb { display:block; position:absolute;}
#leftcontent-projectview div.breadcrumb li{ list-style:none; font-size:11px; margin:5px 0px 0px 0px; border:none; float:left; line-height:25px;}
#leftcontent-projectview div.breadcrumb li a { float:left; color:#F00; text-decoration:underline; margin-right:5px; border:none; line-height:24px;}
.logo {	width:400px; float:left; }

.contact-index { margin-top:20px; }
.contact-index p { color:#FFF; margin:0px 0 0 20px; padding:0; }
.contact-index p a { color:#FFF; margin:0px 0 0 0px; padding:0; font-size:11px; text-decoration:underline; font-family:Verdana, Geneva, sans-serif;}
.contact-index p a:hover { color:#FFF; text-decoration:underline; font-family:Verdana, Geneva, sans-serif; font-size:11px;}

div.profile { background: #fff }
div#profile { background: none; width: 952px; height: 239px; float: left; position: relative; margin: 0; padding: 0; }

div.halfcontent { width: 470px; float: left }

table.contact td, th { font: 12px/18px Tahoma, Geneva, sans-serif; float: left; color: #666; padding: 2px 0 }
table.contact th { width: 90px; font-weight: bold }
table.contact td { width: 200px }
table.contact.padd { margin: 15px 0 0 }


.topborder { border-top: 1px solid #e8e8e8; }
#maincontent.topborder { padding: 20px 0 }

span#logo_wrap { width: 411px; height: 114px }
a.logo:hover { text-decoration: none }
a.logo { display: block; margin:20px 0px 0px 0px; }
/*footer*/
#footer { width: 950px; clear:both; padding: 0 10px; color: #fff; font: normal 11px 'verdana', Arial, sans-serif; position: relative; margin: 0 auto; height: 53px }
#footer a { color: #0bb4df; font-family: Tahoma, Geneva, sans-serif}
#footer a:hover { text-decoration: underline;}


#footer .foot { width: 960px; display: block; margin: 0; padding: 10px 0 15px 0;}
#footer .foot p { font: normal 11px/18px Tahoma, Geneva, sans-serif; margin: 0; padding: 0; color: #6a6a6a; text-align: right;}
#footer .foot p strong { font: bold 11px/18px Tahoma, Geneva, sans-serif; }

#footer .foot ul{ margin: 0; padding: 0; float: left; list-style:none; text-align: center;}
#footer .foot li { font: normal 11px/21px Tahoma, Geneva, sans-serif; display: inline; float: left; padding: 0 7px 0 7px; }
#footer .foot li a { color: #0bb4df;}
#footer .foot li a:hover{ color: #333; text-decoration: none}
#footer .foot li:first-child { padding: 0 7px 0 0 !important; border-left: none !important;} 
#footer div.footer-links li a:hover { text-decoration:underline; }
#footer div.footer-links li a { padding:0; float:left; color:#333; text-decoration:underline; margin-bottom:20px; margin-right:20px; height:40px;}
/*Typography*/
p {color: #3c3c3c; font: normal 11px Verdana, Geneva, sans-serif; margin: 5px 10px 10px 0; line-height:1.8em;}
a:link, a:visited {	text-decoration: none; font-weight: normal; color:#FFF; }
a:hover, a:active { text-decoration: underline; color:#fff;}
strong {color: #666; font: bold 12px/20px Tahoma, Geneva, sans-serif;}
em {color: #666; font: italic 12px/20px Tahoma, Geneva, sans-serif;}
span.grey { color: #666 }

/*headers*/
h1 { color: #03236e; font: normal 20px Verdana, Geneva, sans-serif; letter-spacing: 0; padding: 12px 0px 10px 0px; margin: 10px 0 15px; border-bottom:1px solid #cfcfcf;}
h2 { color: #03236e; font: normal 20px Verdana, Geneva, sans-serif; letter-spacing: 0; padding: 12px 0px 10px 0px; margin: 10px 0 15px; border-bottom:1px solid #cfcfcf;}
h3 { font: normal 12px/20px Verdana, Geneva, sans-serif; color: #03236e; padding: 10px 10px 0 0;}
h4 {  border-bottom: none; color: #FF0000; font-size: 16px; padding-bottom: 5px; font-weight:bold; margin-top:20px;}
.contact_title { color:#FFF; font-family:Verdana, Geneva, sans-serif; padding:20px 0px 17px 0px; margin:0px 20px 0px 20px; font-size:20px; border-bottom:1px solid #929292; }
.contact_details { padding:23px 0px 0px 20px; border:none;}
.contact_details li { font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:11px; border:none; margin-bottom:7px; line-height:1.3em;}
.yellow { color:#fff000; font-weight:bold; }
.red { color:#fa0102; font-weight:bold; width:150px; float:left;}
.detail { display:block; height:auto; line-height:1.1em; float:left; width:250px;}
.red_title { font-family:Verdana, Geneva, sans-serif; font-size:20px; color:#fa0102; font-weight:normal; margin-top:45px; padding:12px 0px 10px 5px; border-bottom:1px solid #cfcfcf;}


p a { color: #0bb4df; font: normal 12px Tahoma, Geneva, sans-serif; text-decoration: underline; }
p a:hover { color: #666; font: normal 12px Tahoma, Geneva, sans-serif; text-decoration: none;}
blockquote { font: normal 12px/19px Tahoma, Geneva, sans-serif; color: #666; font-style: italic; margin: 10px 40px 10px 40px; border-left: 2px solid #2873b2; padding: 5px 0 5px 10px;}

#leftcontent ul { list-style-type: disc; margin: 0px 0 }
#leftcontent ul li { color: #3C3C3C; font: normal 12px/24px Tahoma, Geneva, sans-serif; list-style:none; }
#leftcontent ul li a { color: #0bb4df; font: normal 12px Tahoma, Geneva, sans-serif; text-decoration: none; }
#leftcontent ul.project-services { margin-top:10px; }
#leftcontent ul.project-services li { color:#F00; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#000; height:auto; border-bottom:none; padding: 0px 6px 4px 0px; margin-left:10px;}
#leftcontent ul.project-services li  { color:#000; font-weight:bold; font-size:11px; background:url(../images/site/bullet.gif) no-repeat; padding: 4px 6px 4px 15px;}
#leftcontent ul.project-services h4 { border-bottom: none; color: #FF0000; font-size: 16px; padding-bottom: 10px; }
#leftcontent div.service-box { float:left; margin-right:40px;}
#leftcontent div.service-box span.project-type { color:#666666; font-weight:normal;}
#leftcontent div.service-boxend {  float:left; margin-right:0px;}
#leftcontent div.service-boxend span.project-type { color:#666666; font-weight:normal;}

#leftcontent ul.project-services-nolink { margin-top:10px; color:#3C3C3C;}
#leftcontent ul.project-services-nolink li { color:#3c3c3c; font-weight:normal; font-size:11px; background:url(../images/site/bullet.gif) no-repeat; padding: 0px 6px 4px 15px; height:auto; font-family:Verdana, Geneva, sans-serif;}

#leftcontent ul.lists { font-family:'Verdana', Geneva, sans-serif; font-size:11px; color:#3C3C3C; margin:10px 0 10px 30px;}
#leftcontent .lists li { height:auto; font-size:11px; list-style:disc; font-family:Verdana, Geneva, sans-serif;}

#leftcontent ol { list-style-type: decimal; margin: 15px 0 }
#leftcontent ol li { color: #666666; font: normal 12px/24px Tahoma, Geneva, sans-serif; list-style-position: inside; margin: 0 0 0 20px }
#rightcontent ul#boxes li { display: block; position: relative; border:none; text-decoration:none; }
#rightcontent ul#boxes li a.btn:hover { text-decoration: none }
#rightcontent ul#boxes li a.btn:active { background: #eaeced url('../images/site/bg_btn_active.png') 0 0 repeat-x; }

#rightcontent ul#boxes li#contact { width: 254px; height: 107px; }
#rightcontent ul#boxes li#contact a.btn { bottom: 10px; width: 125px  }
#leftcontent a.top:hover { color: #06f;}

.projects ul {  margin-left:5px;}
.projects li { border-bottom:1px solid #cfcfcf;font-family:Verdana, Geneva, sans-serif; width:255px; height:25px; margin-top:5px;}
.projects li a { color:#3c3c3c; font-size:15px; font-weight:bold; height:25px; margin-left:5px;}
.projects li a:hover {  text-decoration:none; height:25px; width:255px; color:#F00; }

.contact {	background:#03236e; height:357px; }
/*Navigation*/
.nav { width: 500px; float:right; margin-top:60px; font-family:Verdana, Geneva, sans-serif; }
#topmenu { float: right; font-family:Verdana, Geneva, sans-serif; margin: 0;padding: 0; text-align:top; }
#topmenu li {float: left; font-weight: bold; letter-spacing: 0px; font-size: 12px; list-style: none; border-right: 1px solid #d5d5d5; text-align:top; margin-top:10px; position:relative;}
#topmenu li a { display: block; padding: 0 10px;color: #1d1d1d; font: normal 12px/30px Verdana, Geneva, sans-serif; letter-spacing: 0; text-align:top; text-decoration: none; }
#topmenu li ul {list-style: none; position: absolute; visibility: hidden; overflow: hidden; top: 29px; left:0px; float: left;z-index: 100;width: 180px;background: #03236e !important;margin: 0 !important;text-align: left; z-index: 100 !important}
#topmenu li.hover ul,
#topmenu li:hover ul { visibility:visible;  z-index: 100 !important}
#topmenu li li {margin: 0 !important;padding:0 !important;text-align: left;height: 30px !important;float: left;clear: both;width:180px;font: bold 12px/30px sans-serif !important; background: none; 0 28px repeat-x; border:none;}
#topmenu li li:first-child { border: none !important;}
#topmenu li li a {font: bold 12px/30px Verdana, Geneva, sans-serif !important;width: 180px !important;color: #FFF;margin: 0;padding: 0 10px !important;text-decoration: none; }
#topmenu li li a:hover {color: #fff !important;text-decoration: underline !important; background:#F00; text-decoration:none;}


#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: #fd0000 !important; }	
#topmenu li a:hover{ color: #fd0000; text-decoration:none;}

/*---Jquery banner---*/

#home-gallery { float: left; width: 510px; margin-top:60px; }
#slideshow img { float: left; width: 500px; border: 1px solid #cecece; padding: 2px; height: 357px}
#thumbs { float: left; width: 510px; clear: both; margin: 5px 0;}
#thumbs li { float: left; display: inline; margin: 0 0px 3px 0px;}
#thumbs li:first-child { margin: 0;}
#thumbs li a { display: block; padding: 2px; border: 1px solid #cecece; margin-right:3px;}
#thumbs li a.activeSlide { border: 1px solid #c00;}


div#form { width: 620px; _width: 430px; background: #F8F8F8; margin: 10px 0 30px 0; padding: 10px 30px; border: 1px solid #dedede; float: left; font-weight:bold;}
div#form form { margin: 10px 0 0; }
div#form div.row { float: left; width: 580px; margin: 0 0 4px 0; position: relative;}
div#form div.row .label { float: left; width: 150px; font: normal 11px/26px Verdana, Geneva, sans-serif; color:#3C3C3C; font-weight:bold;}
div#form div.row .text, div#form div.row .textarea, div#form div.row .select  { float: left; width: 360px; padding: 4px; font: normal 12px Verdana, Geneva, sans-serif; color: #666; background: #fff; border: 1px solid #ccc;}

div#form div.row .select { width: 210px  }
div#form div.row .text:focus, div#form div.row .textarea:focus { background:#f7e7e7;}

div#form div.row .submit { position: relative; left: 148px; font: normal 12px Verdana, Geneva, sans-serif; color: #333; padding: 4px 7px;}

input.error { border: 1px dotted #C00 !important; background: #FFF2F2;}

label.error {
	font: bold 11px/18px 'verdana', Arial, sans-serif;
	position:absolute;
	top: -18px; left: 320px;
	min-width: 200px;
	max-width: 200px;
	padding:3px 10px;
	margin:0;
	color:#900;
	background:#FCC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  	filter: alpha(opacity=80);
  	-moz-opacity: 0.8;
  	-khtml-opacity: 0.8;
  	opacity: 0.8;}

label.error:before {
	content:"\00a0";
	display:block;
	position:absolute;
	z-index: 0;
	bottom:-10px;
	left:20px;
	width:0;
	height:0;
	border-width:5px 5px;
	border-style:solid;
	border-color:#FCC transparent transparent;}


span.left { width: 100px; float: left }
span.right { width: 150px; float: left; text-align: left }
.contact_info {	color:#FFF; float:right; margin:0px; font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:5px 0px 0px 30px;}


#splash { width: 950px; height: 361px; float: left; position: relative; margin: 0 0 10px; padding: 0; background: url('../images/site/roof.jpg') 0 0 no-repeat }
div#splash .anythingSlider { float: left; width: 950px; height: 361px; position: relative; margin: 0}
div#splash .anythingSlider .wrapper { width: 950px; height: 361px; overflow: hidden; margin: 0; position: absolute; top: 0; left: 0}
div#splash .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0}
div#splash .anythingSlider .wrapper ul div.banner-font p { color:#FFF; position:absolute; font-family:Arial; font-weight:bold; font-size:22px; bottom:10px; left:20px;}
div#splash .anythingSlider ul li { display: block; float: left; padding: 0; height: 361px; width: 950px; margin: 0; padding: 0;}
div#splash .anythingSlider .arrow { display: none}
div#splash #thumbNav { position: absolute; top: 165px; text-align: center; left: 20px; }
div#splash #thumbNav a { color: black; font: bold 12px/18px sans-serif; display: inline-block; padding: 1px 7px; height: 18px; margin: 0 5px 0 0; background: #fff; border: 1px solid #d7d7d7; text-align: center; color: #333; text-decoration: none;}
div#splash #thumbNav a:hover { background-image: none; border: 1px solid #ccc}

div#splash .anythingSlider ul li#slide_001 { background: url('../img/slide_001.html') right no-repeat; }
div#splash .anythingSlider ul li#slide_002 { background: url('../img/slide_002.html') right no-repeat; }
div#splash .anythingSlider ul li#slide_003 { background: url('../img/slide_003.html') right no-repeat; }
div#splash .anythingSlider ul li#slide_004 { background: url('../img/slide_004.html') right no-repeat; }
div#splash .anythingSlider ul li#slide_006 { background: url('../img/slide_006.html') right no-repeat; }


div#splash .anythingSlider ul li h2 { color: #666; font: bold 22px/32px 'Helvetica', Arial, sans-serif; letter-spacing: -1px;}


/*----PROJECTS PAGE----*/
.project-view { margin-top:10px;}
.project-view ul.projects-list h4 { color:#F00; font-size:16px; border-bottom:none; padding-bottom:5px; font-weight:bold; margin-top:40px;}
ul.projects-list li div.image_wrap { float:left; width:170px margin:0px; padding:0px; }
ul.projects-list li { list-style:none;padding:20px 0px 20px 0px;}
ul.projects-list li.no-line { list-style:none; border-bottom:none; padding:20px 0px 20px 0px; margin-bottom:30px;}
ul.projects-list li h3 { color:#fd0001; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding:0px 0px 3px 0px; border-bottom:1px solid #cfcfcf; margin:0px 0px 0px 180px;}
#leftcontent ul.projects-list div.text_wrap h3 a { color:#fd0001; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding:0px 0px 3px 0px; border-bottom:none;}
#leftcontent ul.projects-list div.text_wrap h3 a:hover { text-decoration:underline; color:#fd0001; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding:0px 0px 3px 0px; border-bottom:none;}
ul.projects-list div.text_wrap h3 span.project-type { color:#666; font-size:11px; font-weight:normal;}
ul.projects-list li p { font-size:11px; margin-bottom:15px; }
.project_img { margin-right:10px; }

.main_banner_inner {height:210px; }

/*--PROJECT VIEW PAGE ----*/

.projectview_title { border-bottom:none; margin-top:45px;}
.project-img { padding:30px 10px 10px 10px; }
#leftcontent-projectview ul { color:#3C3C3C; font-family:Verdana, Geneva, sans-serif; font-size:11px; border-bottom:none; margin-bottom:20px;}
#leftcontent-projectview li { padding:6px 6px 6px 0px; border-top:1px solid #e3e3e3; min-height:25px;}
#leftcontent-projectview ul.points  { border-bottom:none; border-top:none; margin-left:30px;}
#leftcontent-projectview .points li { border-top:none; height:auto; margin-top:3px; list-style:disc; line-height:1.4em;}
.quote { width:400px; padding:20px 20px 20px 15px;}
.ref { color:#fa0102; font-style:italic; font-size:13px; line-height:1.5em;}
.speech1 { width:20px; float:left; height:150px;}
.speech2 { padding-left:2px; }
.small-image { padding-left:10px; }
#leftcontent div.contact-info { margin-top:20px; }
#leftcontent div.contact-info ul.contact-details {  color:#3C3C3C; margin:0px; }
#leftcontent div.contact-info .contact-details li { color:#3c3c3c; font-size:11px; font-family:Verdana, Geneva, sans-serif; height:auto;}
#leftcontent div.contact-info .contact-details li a { color:#F00; font-size:11px; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}