/* Reset All CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Basic Global */
body {margin:0; font:80% Arial, Helvetica, sans-serif;  color:#fff; background:#010101 url(/images/port_bg.jpg) fixed center top;}
a, object { outline:none;}
a {color:#fff; text-decoration:underline;}
a:hover { text-decoration:none;}
img { border:none;}
strong { font-weight:bold;}

/* Headings */
h1, h2, h3, h4, h5, h6{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 { color:#fff; font-size:2em; font-weight:normal;}
h2 { color:#fff; font-size:1.6em; font-weight:normal;}
h3 {font-size:1.4em; font-weight:normal;}
h4 {font-size:1.2em; font-weight:bold;}
h5, h6 {font-size:1.1em; font-weight:bold;}

big { font-size:1.3em;}

/* Tables */
table { margin:0;}
td { vertical-align:top;}

/* Global Classes */
.clearer { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}
.textalign_center { text-align:center;}
.textalign_left { text-align:left;}
.textalign_right { text-align:right;}

/* Main Containers */
div#portBar { width:100%; height:7px; background:url(/images/port_bar.jpg) repeat-x; position:absolute; top:83px; left:0;}
div#pageContainer {margin:0 auto; width:1000px; position:relative;}

div#headerContainer #navigation #navigationDropdown { position:absolute; top:72px; right:-20px; width:750px; text-align:left; z-index:800; display:none;}
div#headerContainer #navigation #navigationDropdown .lip{ width:80px; height:14px; background:#000;border-right:6px solid #1F1F1F; border-left:6px solid #1F1F1F;  position:absolute; top:3px; right:406px;}
div#headerContainer #navigation #navigationDropdown .dropdown{ background:#000; margin:11px 0 0 0; background:#000;border:6px solid #1F1F1F; padding:30px 30px 20px 30px; overflow:hidden; clear:both;}
div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn { width:48%;}

div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn span.icon001, span.icon002, span.icon003, span.icon004, span.icon005, span.icon006 { float:left; margin:0 15px 0 0; width:99px; height:97px;}
div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn span.icon001 { background:url(../images/dropdown_001.png) no-repeat 0 0;}
div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn span.icon002 { background:url(../images/dropdown_002.png) no-repeat 0 0;}
div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn span.icon003 { background:url(../images/dropdown_003.png) no-repeat 0 0;}
div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn span.icon004 { background:url(../images/dropdown_004.png) no-repeat 0 0;}
div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn span.icon005 { background:url(../images/dropdown_005.png) no-repeat 0 0;}
div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn span.icon006 { background:url(../images/dropdown_006.png) no-repeat 0 0;}

div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn span.title{ color:#fff;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1.4em;font-weight:normal; display:block;}
div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn span.desc {}
div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn a{ clear:both; float:left; padding:5px; margin:0 0 20px 0; text-decoration:none; color:#ccc; font-weight:normal; border-bottom:4px solid #000;}
div#headerContainer #navigation #navigationDropdown .dropdown .hoverColumn a:hover { color:#fff; border:none; margin:0 0 24px 0; background:#1f1f1f;}

div#headerContainer #navigation #navigationDropdown.nav, div#headerContainer #navigation #navigationDropdown.hov {display:block;}


/* Header Stuff */
div#headerContainer { height:90px; padding:0 20px 0 0; position:relative; z-index:10000; }
div#headerContainer .logo { width:275px; height:80px; float:left;}

/*div#headerContainer .search { width:263px; height:24px; float:right; background:url(/images/searchinput.jpg) no-repeat 0 -24px; margin:14px 0 21px 0;}
div#headerContainer .search:hover { background:url(/images/searchinput.jpg) no-repeat 0 0;}
*/
div#headerContainer .search {float:right; width:350px; height:24px; margin:14px 0 21px 0;}
div#headerContainer .search form{float:left; padding:0; margin:0; width:262px;}

div#headerContainer .search input.searchText {background:#393939 none repeat scroll 0 0;border-color:#050505 #565656 #565656 #050505;border-style:solid;border-width:1px; color:#fff; width:214px; margin:2px 0 3px 5px; padding:2px 4px}
div#headerContainer .search input.searchBtn {  background:url(/images/port_searchbtn.jpg) no-repeat 0 0; width:28px; height:24px; border:none; vertical-align:top; cursor:pointer;}

div#headerContainer #navigation { float:right; width:700px;}
div#headerContainer #navigation ul { margin:0; padding:0; list-style:none; text-align:right;}
div#headerContainer #navigation ul li {display:inline;}
div#headerContainer #navigation ul li a{display:inline; color:#fff; text-decoration:none; font-weight:bold; margin:0 0 0 36px; position:relative;}
div#headerContainer #navigation ul li a:hover {/*background:url(/images/port_navon.png) no-repeat center bottom;*/ border-bottom:2px dotted #ff9933; padding:0 0 0 0;}
div#headerContainer #navigation ul li a.on { color:#ff9930; background:url(/images/port_navon.png) no-repeat center bottom; padding:0 0 8px 0;}
div#headerContainer #navigation ul li a:hover.on { border:none; padding:0 0 8px 0;}
div#headerContainer #telephone{position:absolute; width:170px; left:540px; top:15px; font-family:'Trebuchet MS'; font-size:14pt;}

/* Headings Stuff */
div#contentContainer .headingsContainer { padding:0 20px;}
div#contentContainer .headingsContainer p { padding:8px 0 0 0}
div#contentContainer .headingsContainer h1 {line-height:20px;}
div#contentContainer .headingsContainer h2 {line-height:15px;}
div#contentContainer .headingsContainer .titleArea { width:640px;}
div#contentContainer .headingsContainer .otherArea { width:300px;}

div#contentContainer .headingsContainer .otherArea .quoteimage { width:77px; height:73px; float:left; background:url(/images/port_quote.png) no-repeat;}
div#contentContainer .headingsContainer .otherArea .quoteCopy { float:right; width:210px;}
div#contentContainer .headingsContainer .otherArea .quoteCopy strong { color:#ff9930;}

div#filterPortfolio { margin:20px 0 0 0; overflow:hidden; height:40px;}
div#filterPortfolio li{ line-height:28px; text-align:center; float:left; font-weight:bold; margin:0 4px 0 0;}
div#filterPortfolio li a{ background:#343434; color:#fff; font-weight:normal; text-transform:uppercase; font-size:0.8em; text-decoration:none; padding:0 10px; min-width:10px; height:28px; float:left;}
div#filterPortfolio li a:hover {background:#ff9933; height:28px;}
div#filterPortfolio li a.on { background:url(/images/port_filtertabs.gif) no-repeat center top; height:33px; color:#fff;}
div#filterPortfolio li a:hover.on { background:url(/images/port_filtertabs.gif) no-repeat center top; height:33px; color:#fff;}

/* Content Stuff */
div#contentContainer { position:relative; background:url(/images/port_containerbg.png) repeat; overflow:hidden; width:1000px; margin:0 auto; clear:both;}
div#contentContainer .dividerShort, div#contentContainer .dividerHeavy  { clear:both; margin:0 auto; width:1000px;}
div#contentContainer .dividerShort { height:20px;}
div#contentContainer .dividerHeavy { height:30px;}

div#contentContainer .vertDividerShort, div#contentContainer .vertDividerHeavy {float:left; min-height:250px;}
div#contentContainer .vertDividerShort { width:20px;}
div#contentContainer .vertDividerHeavy { width:30px;}

/* Portfolio Stuff */
div.portfolioEntry { clear:both; margin:0 0 10px 0; padding:0 20px; overflow:hidden; position:relative;}

div.portfolioEntry .iconScrolldown { width:7px; height:7px; position:absolute; right:6px; top:52px;}
div.portfolioEntry .iconScrolldown a{ width:7px; height:7px; display:block; text-indent:-99999px; background:url(/images/icon_scroll.gif) no-repeat 0 0;}

div.portfolioEntry .portfolioImage{ float:left; width:600px;}
div.portfolioEntry .portfolioImage div.imageBorder{ border:6px solid #343434; padding:3px;}
div.portfolioEntry .portfolioImage div.image{border:0; padding:0;overflow:hidden;display:relative;}
div.portfolioEntry div.image span.preloader {background:#000000 url(/images/preloader.gif) no-repeat center center;display:block;top:145px;left:300px;height:41px;width:41px;position:absolute;display:none;opacity:0.6;filter:alpha(opacity=60);-moz-border-radius:5px;-webkit-border-radius:5px;}

div.portfolioEntry .portfolioTabs { float:left; width:30px;}
div.portfolioEntry .portfolioTabs li{ line-height:30px; text-align:center; }
div.portfolioEntry .portfolioTabs li a{ background:#343434; color:#fff; margin:0 0 1px 0; text-decoration:none; width:30px; height:30px; float:left; }
div.portfolioEntry .portfolioTabs li a:hover, div.portfolioEntry .portfolioTabs li a.on { background:#ff9930; color:#fff;}

div.portfolioEntry .portfolioContent { width:300px; float:right;}
div.portfolioEntry .portfolioContent .siteTitle{ background:url(/images/port_titlebar.png) no-repeat bottom left; padding:0 0 15px 0;}
div.portfolioEntry .portfolioContent .siteTitle h2{ color:#fff;}
div.portfolioEntry .portfolioContent .siteTitle p{ color:#ebebeb; font-weight:bold;}
div.portfolioEntry .portfolioContent .siteTitle p a{ text-decoration:none;}
div.portfolioEntry .portfolioContent .siteTitle p a:hover{ text-decoration:underline;}
div.portfolioEntry .portfolioContent .copy {padding:0px 0 0 0; line-height:17px;}
div.portfolioEntry .portfolioContent .copy p{margin:10px 0 10px 0;}

div.portfolioEntry .portfolioContent .portIcons {position:absolute; bottom:0;}
div.portfolioEntry .portfolioContent .portIcons li{ float:left; margin:0 10px 0 0; font-size:0.8em; text-transform:uppercase}
div.portfolioEntry .portfolioContent .portIcons li a{ text-decoration:none; float:left; margin:0; line-height:28px; height:28px; color:#ccc;}
div.portfolioEntry .portfolioContent .portIcons li a.quote{ text-decoration:none; width:92px; padding:0 0 0 32px; background:url(/images/port_iconquote.jpg) no-repeat 0 0;}
div.portfolioEntry .portfolioContent .portIcons li a.friend{ text-decoration:none; width:108px; padding:0 0 0 32px; background:url(/images/port_iconfriend.jpg) no-repeat 0 0;}
div.portfolioEntry .portfolioContent .portIcons li a:hover.quote { background:url(/images/port_iconquote.jpg) no-repeat 0 -28px;}
div.portfolioEntry .portfolioContent .portIcons li a:hover.friend { background:url(/images/port_iconfriend.jpg) no-repeat 0 -28px;}
div.portfolioEntry .portfolioContent .portIcons li a:hover{ color:#ff9930;}

/* Footer Stuff */
div#footer { font-size:12px; color:#fff; background:url(/images/port_containerbg.png) repeat top center; width:100%; height:209px; padding:15px 0 20px 0; margin:20px 0 0 0; overflow:hidden; clear:both;}
div#footer .footerContainer { width:960px; margin:0 auto; margin-top:15px;}
div#footer .footerContainer .vertDividerHeavy {float:left; min-height:150px; width:30px;}

div#footer .footerContainer .block { width:300px;}
div#footer .footerContainer .block h3{ font-size:2.2em; color:#ff9934; margin:0; padding:0 0 10px 0;}
div#footer .footerContainer .block ul li.icons { float:left; margin:28px 8px 0 0;}



form#Newsletter { margin:15px 0 0 0}
form#Newsletter input.newsInput{ background:#393939; border-top:1px solid #050505; border-left:1px solid #050505; border-bottom:1px solid #565656; border-right:1px solid #565656; padding:6px 6px 5px 6px; margin:0 3px 0 0; color:#ccc; width:160px;}
form#Newsletter input.newsSubmit{width:95px; height:28px; text-align:left; border:none; cursor:pointer; vertical-align:top; padding:0 0 4px 28px; margin:0; font-weight:normal; background:url(/images/btn_formsmall.jpg) no-repeat 0 0; color:#fff;}
form#Newsletter input:hover.newsSubmit { background:url(/images/btn_formsmall.jpg) no-repeat 0 -28px;}

div#footer .footerContainer .notice { float:left; width:600px; margin:20px 0 0 0;}
div#footer .footerContainer .sitesServed { float:right; width:300px; margin:14px 0 0 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.8em;}
div#footer .footerContainer .sitesServed span{color:#fb9c32;}

/*div#footer { font-size:11px; color:#fff; background:url(/images/port_footerbg.png) repeat-x top center; width:100%; padding:15px 0 20px 0; margin:20px 0 0 0; overflow:hidden; clear:both;}
div#footer .footerContainer { width:960px; margin:0 auto;}

div#footer a.twitter{ width:210px; height:50px; background:url(/images/port_twitterlink.png) no-repeat 0 0; display:block; text-indent:-99999px;}
div#footer a:hover.twitter{ background:url(/images/port_twitterlink.png) no-repeat 0 -50px; }*/

/* Pagination */
div.pagination {width:620px;height:34px; margin:0 0 20px 0;}
div.pagination ul {margin:0 0; float:right}
div.pagination ul li {background:#343434 none repeat scroll 0 0;color:#FFFFFF;float:left;height:26px;margin:0 0 1px;list-style:none;width:30px;display:block;margin:0 1px 0 0;line-height:26px;text-align:center;}
div.pagination ul li a {background:#343434 none repeat scroll 0 0;color:#FFFFFF;float:left;height:26px;margin:0 0 1px;list-style:none;width:30px;display:block;margin:0 1px 0 0;text-decoration:none;}
div.pagination ul li a {background:#343434 none repeat scroll 0 0;color:#FFFFFF;float:left;height:26px;margin:0 0 1px;list-style:none;width:30px;display:block;margin:0 1px 0 0;text-decoration:none;}
div.pagination ul li a:hover { background:#ff9930; color:#fff;}
div.pagination ul li.current { background:#ff9930; color:#fff;}
div.pagination ul li.disabled {color:#7f7f7f; display:none;}

/* Top Filter */
div#top_filters { width:570px; padding:5px; margin:0 0 0 20px; clear:both; background:url(/images/port_containerbg.png) repeat; overflow:hidden; height:23px;}

ul#sectors { margin:0; padding:0; float:left; width:240px; text-transform:uppercase; font-size:0.8em;}
ul#sectors li{}
ul#sectors li.title {background:#000 url(/images/port_filterbg.jpg) repeat-x; line-height:23px; padding:0;color:#fff; }
ul#sectors li.title a{color:#fff; position:relative; padding:0 0 5px 12px; height:23px;}
ul#sectors li.title a span{ width:14px; height:13px; background:url(/images/port_sectorarrow.jpg) no-repeat; display:block; position:absolute; right:5px; top:5px; overflow:hidden;}
ul#sectors li a{text-decoration:none; display:block;}
ul#sectors li ul { display:none;}
ul#sectors li:hover ul { display:block; position:absolute; z-index:500; }
ul#sectors li:hover ul li { padding:0; margin:0; text-indent:12px; overflow:hidden; line-height:normal; height:23px;}
ul#sectors li:hover ul li a{ display:block; width:240px;background:url(/images/port_sectordropdown.png) repeat-y; padding:0; margin:0; color:#fff; }
ul#sectors li:hover ul li a:hover{color:#ff9930;}
ul#sectors li.end { width:240px; height:4px; overflow:hidden; padding:0; margin:0; line-height:normal; background:url(/images/port_sectordropdownbg.png) no-repeat;} 

ul#sectors li a:hover{ color:#fff;}

ul#page_size { margin:0; padding:0 0 0 10px; float:right; background:url(/images/port_filterbg.jpg) repeat-x;overflow:hidden;}
ul#page_size li{ list-style:none; float:left; font-size:0.9em;}
ul#page_size li.title{ list-style:none; float:left; font-size:0.8em;line-height:22px;}
ul#page_size li a{ padding:3px 8px; float:left; color:#dddddd; text-decoration:none; border-right:1px solid #242424;}
ul#page_size li a.on{ color:#ff9930;}
ul#page_size li a:hover{ color:#ff9930;}

/* Notice Display Boxes */
div.info-notice {display:block; color:#6286ac; margin:10px 0; padding:15px; background:#e6edff; border:1px solid #a4d0ff;}
div.info-notice p{ padding:0; margin:0; background:url(../images/icon_info.png) no-repeat top left; padding:2px 0 2px 0;}
div.info-notice strong{color:#6286ac;}

div.info-error {display:block; color:#cc0000; margin:10px 0; padding:15px; background:#ffe6e6; border:1px solid #ffacac;}
div.info-error p{ padding:0; margin:0; background:url(../images/icon_error.png) no-repeat top left; padding:2px 0 2px 0}
div.info-error strong{color:#cc0000;}

div.info-warning {display:block; color:#747242; margin:10px 0; padding:15px; background:#fffee6; border:1px solid #ffea5e;}
div.info-warning p{ padding:0; margin:0; background:url(../images/icon_warning.png) no-repeat top left; padding:2px 0 2px 0}
div.info-warning strong{color:#747242;}

div.info-success {display:block; color:#6DBF2F; margin:10px 0; padding:15px; background:#f1ffe7; border:1px solid #6DBF2F;}
div.info-success p{ padding:0; margin:0; background:url(../images/icon_success.png) no-repeat top left; padding:2px 0 2px 0}
div.info-success strong{color:#6DBF2F;}

/* Panel Tab/button */
div#headerContainer .search .tab {float:right; margin:5px 0 0 0;}
div#headerContainer .search .tab ul.login {font-weight:normal; font-size:90%; text-align:center;}
div#headerContainer .search .tab ul.login li {text-align: left; float:left; display:block;}
div#headerContainer .search .tab ul.login li a {color: #fff; text-decoration:none; padding:0; margin:15px 0 0 0; text-indent:0;}
div#headerContainer .search .tab ul.login li a:hover { text-decoration:none; border-bottom:2px dotted #ff9933;}

/*div#headerContainer .search .tab {float:right;}
div#headerContainer .search .tab ul.login {height:25px; line-height:42px; color:white; font-size:95%; text-align:center;}
div#headerContainer .search .tab ul.login li {text-align: left;padding: 0 0;display: block; float:left;height:24px; width:104px;}
div#headerContainer .search .tab ul.login li a {color: #fff; text-decoration:none; text-indent:24px; background: url(../images/login/login_btn_port.jpg) no-repeat 0 0;}
div#headerContainer .search .tab ul.login li a:hover { text-decoration:underline; color:#FF9933; background: url(../images/login/login_btn_port.jpg) no-repeat 0 -24px;}
div#headerContainer .search .tab .sep {color:#414141}
div#headerContainer .search .tab a.open {height:25px;line-height:24px !important; padding-left:5px!important;cursor: pointer;display: block; position: relative;top:0;}
*/
/* sliding panel */
#toppanel {position: absolute;   /*Panel will overlap  content */ /*position: relative;*/   /*Panel will "push" the content down */top:-6px;width: 100%; z-index:999999;text-align: center;margin-left: auto;margin-right: auto; border-bottom:6px solid #4c4c4c;}

#panel {width: 100%;height: 270px; color:#fff; background:#565656 url(../images/login/login_bg.jpg) repeat-x;overflow: hidden;position: relative;z-index: 3;display: none;}
#panel h2{color:#FF9934;font-size:1.6em;margin:0;padding:10px 0 5px 0;}
#panel p {margin: 5px 0;padding: 0;}
#panel a {text-decoration:underline;}
#panel a:hover {text-decoration:none;}
#panel .content {width: 960px;margin: 0 auto;padding-top: 15px;text-align: left;position: relative;}
#toppanel a.close{ position:absolute; width:93px; text-indent:12px; float:left; text-align:left; height:25px; display:none; background:url(../images/login/close.png) repeat-x; right:38px; bottom:-25px; color:#fff; line-height:26px; font-size:11px; text-decoration:none; padding:0;}

#panel .content .left {width: 250px;float: left;padding: 0 30px;border-left: 1px solid #6c6c6c; margin:15px 0}
#panel .content .right {border-right: 1px solid #6c6c6c;}
#panel .content form {margin: 0 0 10px 0;}
#panel .content label {float: left;padding:8px 0;clear: both;width: 280px;display: block;}
#panel .content input.field {background:#393939; border-top:1px solid #050505; border-left:1px solid #050505; border-bottom:1px solid #565656; border-right:1px solid #565656; padding:5px; color:#ccc; width:200px;}
#panel .content input:focus.field {background: #545454;}

#panel .content input.bt_login {width:95px; height:28px; text-align:left; display:block;float:left;clear:left; border:none; cursor:pointer; vertical-align:top; padding:0 0 4px 28px; margin:10px 0 0 0; font-weight:normal; background:url(/images/btn_formsmall.jpg) no-repeat 0 0; color:#fff;}
#panel .content input:hover.bt_login { background:url(/images/btn_formsmall.jpg) no-repeat 0 -28px;}