@charset "UTF-8";
/* CSS Document for SEC Building Construction */

/* (c) 2013 Pragmatic Design Ltd - www.pragmaticdesign.co.uk */

/* Reset */

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, #logos ul, #logos li fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}


body {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:16px; line-height:24px;background:url(../images/bg.jpg) repeat; padding:0; margin:0;}
strong {font-weight:bold;}
small {font-size:12px; line-height:normal;}

h1, h2, h3, h4, h5, h6 {color:#20295d;}

img {border:0;}

.wrap {width:920px; margin:auto; overflow:hidden;}

.clear {clear:both;}
.clear20 {clear:both; height:20px;}
.divider {clear:both; height:2px; background-color:#f69220; margin:20px 0;}

.third {width:306px; float:left; }
.third p {padding:0; margin:0;}
.nodecoration a {text-decoration:none; color:#333; line-height:normal;}

#masthead, #nav, #greybg {width:100%;}
#masthead {height:90px; background-color:#fff; overflow:hidden;}
#masthead .logo {float:left; padding-top:10px;}
#masthead .contact {float:right; font-size:18px; font-weight:bold; color:#20295d;}
#masthead .contact a {text-decoration:none; color:#20295d;}

/** Nav **/

#nav {height:82px; background-color:#20295d;}
#nav ul, #nav li {padding:0; margin:0;}
#nav li {float:left; list-style:none; height:92px; display:block; font-size:14px; background:url(../images/nav-spacer.png) right no-repeat;}
#nav li:last-child {background:none;}
#nav li a {text-decoration:none; color:#fff; height:92px; display:block;padding:20px 15px 50px 15px;}
#nav li a:hover, #nav li a.current  {background:#f69220;padding:20px 15px 50px 15px;}


#main {width:100%;position:absolute; top:152px;}
#main .wrap {background-color:#fff; padding:20px;-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.5);-moz-box-shadow:0px 0px 15px rgba(50, 50, 50, 0.5);box-shadow:0px 0px 15px rgba(50, 50, 50, 0.5);}

#greybg { height:100%;}


/** Nivo **/
#banner {width:920px; height:450px;}
.nivoSlider {position:relative;background:url(../images/loading.gif) no-repeat 50% 50%;}
.nivoSlider img {position:absolute;top:0px;left:0px;display:none;}
.nivoSlider a {border:0;display:block;}
.nivo-main-image {display: block !important;position: relative !important; width: 100% !important;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; filter:alpha(opacity=0);opacity:0;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img { display:block; }
.nivo-caption {position:absolute;left:10px;top:10px;color:#fff;width:100%;z-index:8;padding: 5px 10px;overflow: hidden;display: none;font-size:44px; width:550px; line-height:normal; font-weight:bold; text-shadow:1px 1px 2px #000;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px; display:none !important;}
.nivo-nextNav {right:0px; display:none !important;}
.nivo-controlNav {text-align:center;padding: 15px 0;}
.nivo-controlNav a {cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

/** Inner Banner **/

#inner-banner {width:595px; height:150px; overflow:hidden; background-color:#20295d !important;}
#inner-banner h1 {position:relative; left:20px; top:80px; color:#fff;text-shadow:1px 1px 2px #000;}

/** Featured **/
#featured li, ul#featured  {padding:0; margin:0;}
#featured li {width:215px; height: 170px; list-style:none; float:left; background-color:#20295d; margin:20px 20px 0 0;overflow:hidden;}
#featured li:nth-child(4n+0) {margin-right:0 !important;}
#featured li .imgbox {width:215px; height:130px; overflow:hidden; }
#featured li img {max-width:215px; max-height:auto;}
#featured li .imgtxt {padding:5px 0px 5px 5px; color:#fff; margin:none; font-size:18px;}
#featured li a {display:block; color:#fff; text-decoration:none;}


#prime {width:595px; float:left;}
#prime li {margin-bottom:15px;}
#side {width:300px; float:left; margin-left:20px;}
#side p {margin-top:0;}
#side .listheading {clear:both; font-size:18px; font-weight:bold; color:#20295d; cursor:pointer; margin-top:10px;}
#side .listcontent {}
#side img {margin-bottom:10px; border:1px #000 solid;}


/** Contact us **/

.staffphoto {float:left;}
.staffdetails {line-height:12px; float:left; padding-left:15px;}
.staffdetails img {margin-right:5px;}

/** Logos **/

ul#logos {padding:0; margin:0;}
#logos li {list-style:none; float:left; margin:10px 30px 0 0; height:61px;}

#pd, #pd a {text-shadow: 0px 0px 3px #000;color: #fff; text-decoration:none; text-align:center; margin:10px;}
#pd a:hover {text-shadow: 0px 0px 2px #75c8ff;color:#09F;}

/** Table **/

td {vertical-align:top;}
td h1, td h2, td h3, td h4, td h5, td h6, td p {margin:0 0 5px 5px;}

/* LINK ICONS */

a[href$=".pdf"], a[href$=".PDF"], a.pdf {padding: 2px;padding-left: 20px;background: url(../images/icons/page_white_acrobat.png) no-repeat left center;}
a[href$=".doc"], a[href$=".DOC"], a.doc {padding: 2px;padding-left: 20px;background: url(../images/icons/page_word.png) no-repeat left center;}
a[href$=".xls"], a[href$=".XLS"], a.xls {padding: 2px;padding-left: 20px;background: url(../images/icons/page_excel.png) no-repeat left center;}
a[href$=".gz"], a[href$=".GZ"], a[href$=".gzip"], a[href$=".GZIP"], a[href$=".zip"], a[href$=".ZIP"], a.archive {padding: 2px;padding-left: 20px;background: url(../images/icons/page_white_zip.png) no-repeat left center;}
a[href$=".exe"], a[href$=".EXE"], a.application {padding: 2px;padding-left: 20px;background: url(../images/icons/application.png) no-repeat left center;}

/* WYSIWYG EDITOR ALIGNMENT CLASSES */

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

/* IMAGES */

img {border: none;}
img.right {float: right;margin-left: 20px;}
img.left {float: left;}
img.leftAlone {float: left;margin-right: 100%;}
img.center {float: none;margin-left: auto;margin-right: auto;display: block;}

/* FORMS */

fieldset {border: 0;}

input.action {padding: 2px;}
input.action:hover,input.action:focus {cursor: pointer;}

form ul {list-style: none;}
.middleColumn {display: block;margin: 15px 10px 10px 0;background: #E9E9E9;padding: 4px;width: 420px;clear: left;}
	
div.tab .field .middleColumn {clear: none !important;margin: 0 !important;width: auto;}
	
.middleColumn .middleColumn {margin-left: 0;margin-right: 0;padding: 0;}
.middleColumn .message {margin: 0;}

input.text, textarea, select {padding: 6px;border: 4px solid #f69220;color: #000;width: 400px;font-size: 20px;}

textarea {}
input:focus span, textarea:focus span {border: 3px solid #000;}

form .date input.month, form .date input.day, form .date input.year {width: auto;}
form .datetime .clear {clear: both;}
form .datetime .date,form .datetime .time {float: left;clear: none;width: auto;}
form .datetime .middleColumn .middleColumn {width: auto;}
form .datetime .date input,form .datetime .time input {width: auto;}

select {width: auto;}

.typography label {display: block;margin: 10px 0 -10px 0;color: #777;}

label.right {display:inline;}

ul.optionset {margin: 0;overflow: hidden;}
ul.optionset li {margin: 6px 0;clear: both;}
ul.optionset li input {float: left;margin: 0 6px;}
ul.optionset li label {margin: 0;}