/* 
    Document   : base
    Created on : Dec 24, 2009, 11:08:18 AM
    Author     : andrewmccarron
    Description:
    Base CSS styles
    Version	   : 2.0 7th July 2011
*/

/* Eric Meyer's Reset Reloaded */
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,b, u, i, center,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-size: 100%;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}
/*Clearfix*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}* html .clearfix {height: 1%;}*:first-child+html .clearfix {min-height: 1px;}
p{margin:1em 0;}
.cookiebar{width:100%;position:fixed;bottom:0;height:44px;background:#000 url(/images/cookiebar.png) repeat-x;color:#fff;line-height: 25px;}
.cookiebar p{margin-left:20px;margin-right:20px;margin-top:0.8em;}
.cookiebar a{vertical-align: middle;}
a.cookiebutton{background-color: #00B3DF; padding:0 10px; color:#fff; margin-left:20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;float:right;}
a.cookiebutton:hover{background-color:#87c53e;}
.cookiemoreinfo{float:right;}
/*End standard*/

body{font-family: sans-serif;font-size: 13px;margin: 0;color:#606060;line-height:1.3em;width:100%;}

body.mceContentBody {background: #FFF !important;background-image:none !important;}
body.mceContentBody li{list-style-type: disc; list-style-position: inside;}
.mceEditor{z-index: 20;position: relative;}

h1, h2, h3, h4, h5{	color:#0092d2;}

h1{font-size: 160%;}
h2{font-size: 150%;}
h3{font-size: 140%;}
h4{font-size: 130%;}
h5{font-size: 120%;}

.blue{color:#0092d2;}
.smallprint{font-size: 10px;}

a{color:#2A4366;text-decoration: none;}

ul{margin: 10px 0;padding:0 0 0 10px;}

#outer{width:960px;margin:0 auto;}
#inner{width: 960px;}
#header{width:960px; padding-top:30px;height:145px;}

.search{float:right; position: relative;top:20px; color:#808080;font-family: 'Lato', sans-serif;}
.search .searchbox{border:0;background: transparent url(/images/textinput-trans.png) no-repeat; width:122px; height:23px;margin:0 0 0 5px;padding:0 0 0 5px;color:#808080;font-family: 'Lato', sans-serif;}
.search .searchsubmit{border:0;background: transparent url(/images/search_submit-trans.png) no-repeat; width:23px; height:23px; text-indent: -3000px;margin:0;padding:0;cursor: pointer;}

#menu{width:800px;height:40px; margin-top:-40px; font-family: 'Lato', sans-serif; font-size:16px;position:relative;bottom:0;left:150px;}
#menu ul{width:100%; height: 40px;margin:0;padding:0;}
#menu li{display:inline;line-height:40px;width:6em;float:left; text-align:right; }
#menu a {color:#808080;text-decoration: none;display: block;width:6em;text-align: center;}
#menu a:hover{}

#nav1 li ul {position: absolute;width: 9em;left: -999em;}
#nav1 li ul li{background-color: #1E1E1E}
#nav1 li:hover ul, #nav li.sfhover ul {left: auto;}
#nav1 li ul ul {margin: -1em 0 0 9em; background-color: #1E1E1E;}
#nav1, #nav1 ul {padding: 0;margin: 0;list-style: none; line-height: 1;}
#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {left: -999em;margin-top: -40px; background-color: #1E1E1E;}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {left: auto;}

#slideshow1{width:960px; height:250px;overflow: hidden;}
#slideshow1 div.nivo-caption,#slideshow2 div.nivo-caption{background-color: transparent;}
#slideshow2{width:960px; height:400px;overflow: hidden;}

#contentarea{background:#f2f2f2;width:960px; line-height:1.5em;}
#contentarea h1, #contentarea h2, #contentarea h3, #contentarea h4{border-top:2px #0092d2 dashed;border-bottom:2px #0092d2 dashed;padding:10px 0;font-family: 'Lato', sans-serif; font-weight: normal;margin:3px 0 10px 0;} 
#contentarea h1{color:#0092d2;}
#footer{width:960px;min-height:200px;background-color:#ccc;float:left;padding-bottom:44px;}
hr.foot{color:#fff;height:0; border-bottom: 2px #FFF dashed; border-top:0; border-left:0;border-right:0;}

.column1 {width: 680px;float:left;margin:20px 10px;padding:5px 10px}
.column1.home{width: 460px;float:left;margin:20px 10px;padding:0;}
.column2 {width: 220px;float:left;margin:20px 10px;padding: 5px 0}
.column3 {width: 200px;float:left;margin:20px 10px;padding:5px 10px;}
.column1,.column2{background-color:#fff;}
.column3.home{background-color:#0092d2; color:#fff;}
.columnfull{background-color:#f2f2f2;float:left;width: 100%;}

#contentarea .column3 h1 a{color:#fff;}
#contentarea .column3 h1 {border-top:2px dashed #fff;border-bottom:2px dashed #fff;}
#contentarea .column2 h1 a{color:#0092d2;}
#contentarea ul{padding-left:30px;}
#contentarea li{list-style-type: disc; list-style-position: outside;}
.column1 p{margin:10px 0;}
#maincontent{background-color: #fff; padding:5px 10px 10px 10px;}
.columnfull #maincontent{margin:20px;}
.columnfull #maincontent h1 {padding: 10px 0 ;}

.news_snippet_heading img{float:right;}
h2.news_snippet_heading{font-size:125%;margin-bottom: 5px;border-bottom: 1px solid #2F3541;}
.news_snippet_dl{padding: 0 10px;}
.news_snippet_dl a{color:#4d4d4d;}
.news_snippet_dl dt{font-weight:bold;}
.news_snippet_dl dd{margin-bottom: 10px;padding-bottom: 5px;}
.news_snippet_dl dd p {margin:0.5em 0;}
.news_snippet_dl dd a.readmore, div.post_snippet a{vertical-align: top;}


.newssummary, .eventsummary{float:left;width:100%;padding:10px 0;}
.newssummary.on, .eventsummary.on, .blog.rowon{background-color:#F7F7F7}
.newsdate, .eventdate{background:transparent url(../images/cal.png) no-repeat; width:46px; height:46px;display:block;float:left;text-align:center;font-size:0.8em; line-height:1.5em;padding-top:3px;}
.storysummary{float:left;width:620px;padding-left: 10px;}
.newssummary .headline, .storysummary .headline{font-size:1.2em;}
.news-date{margin:1em 0;font-style: italic; font-size:0.9em;}

.blog{padding:10px 0; }
.blog_date{font-size:0.9em; font-style:italic;}
#contentarea .blog h2,#contentarea .blog h2 a{border-top:0; color:#0092d2;}
.blog_body{padding: 0 10px;}

/* portfolio */
.list_carousel {margin: 0; width: 100%;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li {font-size: 40px;color: #999;text-align: center;border: 1px solid #000;width: 150px;height: 150px;padding: 0;margin: 6px;display: block;float: left;}

.nivo-controlNav{position:relative; bottom:-520px; text-align: center;float:left;}
a.nivo-control{float:left;width: 10px; padding:3px 5px; border:1px solid #000;}

/*Expanding section styling*/
.expanding .head{font-size:1.1em; padding:5px 0; cursor: pointer;background-color: #2F3541; color:#fff;margin:5px 0;text-indent:10px}
.expanding .head{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.expanding .body{border:1px solid #2F3541; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:10px;}

.theteampic {float:left;}
.theteambio{clear:both}

div.blog_snippet{padding:0;}
div.blog_snippet a:link, div.blog_snippet a:visited{color:#fff; font-weight:bold;}
div.post_snippet{margin-bottom:20px;}
div.post_title{margin-bottom:5px;}


div.transparentbar{float:left;position: relative;z-index:88;zoom: 1; filter: alpha(opacity=50); opacity: 0.5; width:100%;margin:0;padding:0;background:#000;height: 30px;}
div.submenu8 {float:left;position:relative;top:-30px;left:0px;bottom:0px;color:#fff; width:100%;z-index:89;height:30px;}
div.submenu8 ul{height: 30px;margin:0;}
div.submenu8 li{float:left;margin: 0 20px;line-height: 30px;}
div.submenu8 a{color:#fff;}

#slides{width:960px;height:550px;}
.slides_container{width:960px;height:550px;overflow: hidden;}
.slides_container div {width:960px; height:550px; display:block; }
#slides .next, #slides .prev {position: relative;top: 107px;left: -39px;width: 24px;height: 43px;display: block;z-index: 101;}
span.frame{width:220px;float:left;margin:10px;height:200; overflow: hidden;}
span.project, span.client, span.tags{float:left;clear: both;}
span.project{font-weight: bold;}
span.client{font-size:12px;}
span.tags{font-size:10px;}

#slides{position:relative;}
#slides a.prev{position: absolute;top: 250px;left: -24px;width: 24px;height: 43px;display: block;z-index: 101;}
#slides a.next{position: absolute;top: 250px;left: 960px;height: 43px;display: block;z-index: 101;}
#slides a.next img{float:right;}
#slides .pagination{display:none;}

#pf_text{margin: 20px 0; background:#fff; padding:10px;}

/*Snippets*/
#snippet_9{float:left; width: 310px; margin-left:10px;}
#mainmenunav10{float:left; width:200px; margin-left: 10px;}
#nav10 ul, #snippet_11 ul, #snippet_12 ul{padding-left:0;}
#nav10 li, #snippet_11 li, #snippet_12 li{line-height:2em;}
#nav10 a:link,#nav10 a:visited, #snippet_11 a:link,#snippet_11 a:visited, #snippet_12 a:link,#snippet_12 a:visited{color:#606060;}
#snippet_11, #snippet_12 {float:left;margin-left:10px;width: 200px;}
#snippet_12 img{float:right;}


#meetteam{width:960px;height:400px;}
#meetteam{position:relative;}
#meetteam a.prev{position: absolute;top: 175px;left: -24px;width: 24px;height: 43px;display: block;z-index: 101;}
#meetteam a.next{position: absolute;top: 175px;left: 960px;height: 43px;display: block;z-index: 101;}
#meetteam a.next img{float:right;}
#meetteam .pagination{display:none;}
#meetteam .next, #meetteam .prev {position: relative;top: 107px;left: -39px;width: 24px;height: 43px;display: block;z-index: 101;}
span.theteampic{float: left;margin-left: 15px;margin-top: 10px;}

/*#pf_slider_container a img{margin-left:14px;margin-top:10px;}*/
#portfolioslider{width:960px;height:200px;position: relative;margin-top:10px;}

#portfolioslider a.prev{position: absolute;top: 80px;left: -24px;width: 24px;height: 43px;display: block;z-index: 101;}
#portfolioslider a.next{position: absolute;top: 80px;left: 960px;height: 43px;display: block;z-index: 101;}
#portfolioslider a.next img{float:right;}
#portfolioslider .pagination{display:none;}
#portfolioslider .next, #portfolioslider .prev {position: relative;top: 107px;left: -39px;width: 24px;height: 43px;display: block;z-index: 101;}
#portfolioslider .slides_container{height:200px;}

.frame .project{margin-top:10px;}
#portfolioslider .slides_container{border-top:2px dashed #0092d2;border-bottom:2px dashed #0092d2;}

#maincontent table td{padding:5px}
blockquote{background-color: #0092d2;padding:10px;color:#fff;margin:10px; float:right; width:400px;}
.portfolio .project{margin:10px 0;font-size:1.1em;}
.portfolio .tags{font-size:0.8em;}

#searchresults dl{padding:10px;}
#searchresults dt{font-size: 1.3em;border-top:1px dashed #0092d2; padding:10px 0;}
#searchresults dd{padding:10px 0;}

.rightalign{float:right;margin:10px;clear:right;text-align:center;}