﻿@import url('AspNetControls.css');
@charset "utf-8";
/* CSS RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

body{color: #676767;font-family: Verdana;font-size:62.5%; position: relative; margin: 0px; padding: 0px;
	background-color: #f2f2f2;background: url(../Images/HeaderHTile1.png) repeat-x;}

/* ------------- Global Link Properties ------------- */
a:link{color: #0191ce;text-decoration: underline;}
a:visited{color: #89c655;text-decoration: none;}
a:hover{color: #666666;text-decoration: underline;}

.headerArrow a:link{color: #676767; text-decoration: none; font-size: .7em; font-weight: normal;}
.headerArrow a:visited{color: #89c655; text-decoration: none; font-size: .7em; font-weight: normal;}
.headerArrow a:hover{color: #0191ce; text-decoration: underline; font-size: .7em; font-weight: normal;}

/* ------------- Global Heading Properties ------------- */
h1{color: #072841; margin: 0px 0px 6px 0px; padding: 4px 6px 3px 0px; font-size: 1.3em; border-bottom: 1px solid #bb3309; position: relative;}
h1 span{color: #bb3309;}
h2{margin: 10px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; color: #015670; position: relative; font-variant: small-caps;}
h3{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size: 1.3em; color: #0480b5; position: relative; text-transform: uppercase;}

/* ---- Page Title Headings---- */
.blue{color: #676767; margin: 0px 0px 8px 0px; padding: 4px 6px 0px 0px; font-size: 1.3em; border-bottom: 1px solid #0191ce;}
.green{color: #676767; margin: 0px 0px 8px 0px; padding: 4px 6px 0px 0px; font-size: 1.3em; border-bottom: 1px solid #89c655;}
.pink{color: #676767; margin: 0px 0px 8px 0px; padding: 4px 6px 0px 0px; font-size: 1.3em; border-bottom: 1px solid #dd519c;}
.orange{color: #676767; margin: 0px 0px 8px 0px; padding: 4px 6px 0px 0px; font-size: 1.3em; border-bottom: 1px solid #ff6000;}
.purple{color: #676767; margin: 0px 0px 8px 0px; padding: 4px 6px 0px 0px; font-size: 1.3em; border-bottom: 1px solid #660099;}
.headerArrow{position: absolute; top: 0px; right: 0px;}

#container{position: relative;  margin: 0px auto 20px auto; padding: 0px 0px 20px 0px; width: 959px;}
#header{position: relative; height: 73px; z-index: 1;}
#headerLogo{position: absolute; top:0px; left: 0px;}

#headerNavigation{position:absolute; top:0px; right: 0px;}
#headerNavigation ul{list-style-type: none; margin: 1px 0px 0px 0px; padding: 0px;}
#headerNavigation li{float: right; margin: 0px; padding: 0px;}
#headerNavigation li a{display: block; font-size: 1em; color: #FFFFFF;text-decoration: none; padding: 27px 15px 0px 15px; height: 45px;}
#headerNavigation li a:visited{color: #89c655;text-decoration: none;}
#headerNavigation li a:hover{text-decoration: none; background-color: #f2f2f2; color: #676767; border-bottom: 4px solid #0191ce;}

#headerNavigation li a.current{text-decoration: none; background-color: #f2f2f2; color: #0191ce; border-bottom: 4px solid #89c655;}

#footerContainer{position: relative; left:0px; right: 0px; background: #011b28; border-top: 4px solid #0191ce;}
#footerContent{position: relative; margin: 0px auto; width: 960px;}
.footerColumn{float: left; width: 228px; margin: 0px 6px 0px 6px; color: #CCCCCC;
              font-size: 1.1em; line-height: 1.4em; padding: 10px 0px 14px 0px;}

.splashGraphic{position: relative; float: left; width: 510px; margin: 0px 20px 0px 0px;}
.rightColumn{font-size: 1.2em; line-height: 1.5em; position: relative; float: left; width: 415px; margin: 45px 0px 0px 0px; text-align: justify;}
.wideColumnTop{font-size: 1.2em; line-height: 1.5em; width: 945px; position: relative; float: left; margin: 45px 0px 0px 0px; text-align: justify;}
.wideColumn{font-size: 1.2em; line-height: 1.5em; width: 945px; position: relative; float: left; margin: 0px 0px 0px 0px; text-align: justify;}
.fiftyFifty{float: left; position: relative; font-size: 1.1em; line-height: 1.4em; width: 370px; margin: 0px 40px 0px 0px;}

.threeQuarter{float: left; position: relative; font-size: 1.1em; line-height: 1.3em; width: 500px; margin: 0px 40px 0px 0px;}
.oneQuarter{float: left; position: relative; font-size: 1.1em; line-height: 1.3em; width: 405px; margin: 0px 0px 0px 0px;}
.oneHalf{float: left; position: relative; font-size: 1.1em; line-height: 1.3em; width: 450px; margin: 0px 0px 0px 0px;}
.oneHalfR{float: left; position: relative; font-size: 1.1em; line-height: 1.3em; width: 450px; margin: 0px 0px 0px 40px;}

.teamMember{clear: both; margin: 0px 0px 15px 0px; border: 1px solid #CCCCCC; border-bottom: 4px solid #CCCCCC;
            padding: 8px 8px 8px 8px;}
.toolSet{float: right; width: 250px; margin: 0px 0px 10px 10px; border: 1px solid #CCCCCC; padding: 8px 8px 8px 8px;
         position: relative; text-align: left; background-color: #f1f1f1;}

.toolSet ul{margin: 0px 0px 0px 0px; line-height: 18px;}
.toolSet li{list-style-type: disc; margin: 0px 0px 0px 0px;}

ol{margin: 0px 0px 15px 0px; line-height: 14px;}
ol li{list-style-type: decimal; margin: 0px 0px 0px 40px; padding: 0px 0px 8px 0px;}

.copyList{margin: 0px 0px 15px 0px; line-height: 18px; padding: 0px;}
.copyList li{list-style-type: disc; margin: 0px 0px 0px 30px;}

.generalList{margin: 0px 0px 15px 0px; line-height: 18px; padding: 0px;}
.generalList li{list-style-type: none; margin: 0px 0px 0px 20px;}

/* ------------- ListView Container for Portfolio ------------- */
.propertyContainer{float: left;padding: 0px;margin: 0px 5px 10px 5px;border: 1px solid #CCCCCC;width: 460px; background-color: #FFFFFF;}
.propertyContainer:hover{float: left;padding: 0px;margin: 0px 5px 10px 5px;border: 1px solid #aeacac;width: 460px;background-color: #f7f7f7;}

.propertyImg{padding: 0px;margin: 0px;text-align: center;background-color: #FFFFFF;}
.propertyName{color: #FFFFFF;margin: 0px;padding: 2px 2px 4px 5px;font-size: 1em;font-weight: bold;
    text-align: center;background-color: #013a4a;}
    
.popupPortfolio{border: 4px solid #666666; border-bottom: none; font-size: .9em; line-height: 1.4em;
	background: url(../Images/PortfolioTile.png) bottom repeat-x #f5f6f6; padding: 10px; width: 392px; height: 200px;}
.popupName{color: #FFFFFF;margin: -10px -10px 5px -10px;padding: 2px 2px 4px 5px;font-size: 1em;font-weight: bold;
    text-align: center;background-color: #ff6000; border: 1px solid #FFFFFF;}
    
/* ------------- VCard ------------- */    
.vcard{}
.org{font-size: 1.2em; font-weight: bold;}
.email{margin: 0px 0px 0px 15px;}
.tel{margin: 0px 0px 10px 15px;}
.twitter{margin: 0px 0px 0px 15px;}
.adr{line-height: 1.3em; border-bottom: 1px solid #660099; padding: 0px 0px 8px 0px; margin: 0px 0px 8px 0px;}
.street-address{}
.locality{}
.region{}
.postal-code{}
.country-name{}

/* ------------- Global Helpers Properties ------------- */    
.smallText{font-size: 9px; line-height: normal;}
.fixer{clear: both;margin: 0px;padding: 0px;height: 0px;}
.fixerL{clear: left;margin: 0px;padding: 0px;height: 0px;}
.fixerR{clear: right;margin: 0px;padding: 0px;height: 0px;}
.center{text-align: center;}
.right{text-align: right;}
.left{text-align: left;}

.floatL{float: left; margin: 0px 10px 0px 0px; position: relative; display: inline; padding: 0px;}
.floatR{float: right; margin: 0px 0px 0px 15px; position: relative; display: inline; padding: 0px;}