/*********************************************************
SCREEN STYLES

CREATED BY: Tim Giegel (c) Copyright 2009
CREATED DATE: 11-03-09
DESCRIPTION: styles used for layout and other specifics onthe site

COLORS:
Purple: 262261 / 38,34,97
Blue: 25B1DC / 37,177,220
Yellow: F3C716 / 243,199,22
Grey: 333

****
UPDATED BY:
UPDATED ON:
UPDATE:
*********************************************************/

/*********************************************************
--- TAGS ---
*********************************************************/
body {font-family:Tahoma,sans-serif,Verdana; /*ITC Officina Sans*/ background: #25B1DC url(../img/store/site/bg.png) repeat-x 0 0; font-size:13px; line-height: 18px; color: #222;}
h2 {font-size: 15px; line-height: 18px; color: #262261; font-weight: bold; padding: 0 0 10px 0;}
h3 {font-size: 14px; line-height: 15px; color: #222; font-weight: bold; padding: 0 0 5px 0;}
p {font-size:13px; line-height: 19px; color: #222; padding: 0 0 15px 0;}
b {font-weight: bold;}
a,
a:link,
a:active {text-decoration: underline; color:#262261;}
a:hover {color:#25B1DC;}
blockquote {background:#bbe5f2; padding: 15px; margin: 0 0 15px 0; box-shadow:2px 2px 3px rgba(0,0,0, 0.2); -webkit-box-shadow:2px 2px 3px rgba(0,0,0, 0.2); -moz-box-shadow:2px 2px 3px rgba(0,0,0, 0.2); overflow: hidden;}
blockquote p {color:#262261;}
/*********************************************************
--- FRAME LAYOUT ---
*********************************************************/
/*header*/
#header {overflow:hidden; background:#262261; padding:0 0 0 0; border-top:7px #25B1DC solid;}

/*menu*/
#header #menu {margin: 0px auto 0 auto; padding:15px 0 0 0; width: 990px; }
#header #menu ul {background: url(../img/store/site/quote.gif) no-repeat top right; height:70px;}
#header #menu ul li {margin: 25px 0 0 5px; float:left;}
#header #menu #home {margin:0 15px 0 0;}
#header #menu #home a {background: transparent url(../img/store/site/btn_menu_home.png) no-repeat 0 0; height:62px; width:125px; display:block;}
#header #menu #home2 a {background: transparent url(../img/store/site/btn_menu_home.gif) no-repeat top left; height:45px; width:74px; display:block;}
#header #menu #about a {background: transparent url(../img/store/site/btn_menu_about.gif) no-repeat top left; height:45px; width:101px; display:block;}
#header #menu #associates a {background: transparent url(../img/store/site/btn_menu_associates.gif) no-repeat top left; height:45px; width:145px; display:block;}
#header #menu #services a {background: transparent url(../img/store/site/btn_menu_services.gif) no-repeat top left; height:45px; width:200px; display:block;}
#header #menu #engagements a {background: transparent url(../img/store/site/btn_menu_engagements.gif) no-repeat top left; height:45px; width:192px; display:block;}
#header #menu #contact a {background: transparent url(../img/store/site/btn_menu_contact.gif) no-repeat top left; height:45px; width:107px; display:block;}

#header #menu #home2 a:hover,
#header #menu #about a:hover,
#header #menu #associates a:hover,
#header #menu #services a:hover,
#header #menu #engagements a:hover,
#header #menu #contact a:hover {background-position: 0 -52px}

#header #menu .current a {background-position: 0 -52px !important; cursor: default;}

/*site wrapper*/
#siteWrap {width: 1000px; text-align:center; margin:0 auto; padding: 10px 0 0 0; clear: both;}

/*basic content*/
.basicContent {width:800px; margin:0 50px; padding:0 50px; background: #fff; overflow: hidden; text-align: left;}
.basicContent ul {list-style: disc outside; margin-left: 30px; }
.basicContent ul li {padding-bottom: 5px;}

/*basic 2 column content*/
.basic2ColWrap {padding-bottom:10px; overflow:hidden; background: url(../img/store/about/basicColbg_2.gif) repeat-y 0 0;}
.basic2ColWrap .basicCol1 {float:left; width:490px; padding-right:10px; margin-right:10px; text-align: left;}
.basic2ColWrap .basicCol2 {float:right; width:490px; text-align:left;}
.basic2ColWrap img {padding: 5px; margin:0 0 15px 0; border: 1px #ccc solid;}
.basic2ColWrap .details {float: right; width:250px; display: inline;}
.basic2ColWrap .details ul li {padding: 3px 0;}

/*2 column wrapper - with sidebar*/
.col2Wrap {width:1000px; background: url(../img/store/site/colbg_2.gif) repeat-y 0 0; overflow: hidden;}

/*content*/
#content {float:left; width:679px; clear:both; padding-right:10px; margin-right:10px;}
#content .gutter {background: transparent;}
#content p, #content h2, #content h3 {text-align: left;}
#content h2 {padding:5px 0 5px 0;}
#content h3 {padding:5px 0 0 0;}

/*sideBar*/
#sideBar{float:right; width:300px; text-align:left;}
#sideBar .gutter {background: transparent;}
#sideBar {line-height: 15px; color: #222;}
#sideBar i {color: #666; font-style:italic;}
#sideBar dt {padding: 5px 0;}
#sideBar dd {padding: 10px 0 10px 0; border-bottom: 1px dotted #999;}

/*title */
#title {overflow:hidden; clear: both;}

/*content footer*/
#contentFoot {overflow: hidden; text-align: left; clear: both;}
#contentFoot li {font-size:12px; line-height: 19px;}

/*footer*/
#footer {background:#262261; padding:20px 0 50px 0; text-align:center; width:100%; height:100%; overflow: hidden; margin-top:20px;}
#footer ul {list-style:none;}
#footer li {display:inline; color:#fff;}
#footer a {color:#fff; text-decoration:none; padding:10px;}
#footer a:hover {color:#F3C716; text-decoration:underline;}
#footer p {color:#fff; text-decoration:none; padding:20px 0 0 0;}
#footer #footerEmails {font-size: 11px; text-align: center; padding: 10px 0 10px 0; color: #ccc;}
#footer #siteBy {font-size: 9px; text-align: center; padding: 5px 0 10px 0; color: #ccc;}
#footer #siteBy a {padding: 0 2px; color: #ccc;}

/*********************************************************
--- helper classes ---
*********************************************************/
.note {font-size: 12px; color: #666; clear:both; padding-top:10px; position:relative; text-align: left;}
.note a {position:relative; padding-left:20px;}
.note a span {left:0; margin:-8px 5px 0 0; position:absolute; top:50%;}
.gutter {padding: 25px 30px; background: #fff;}
.divider {border-top:1px #1D89A9 solid; margin: 10px 0;}
.displace {position: absolute; top: 0; left: -5000px;}
ul.horzList2 {list-style:disc inside;}
ul.horzList2 li {float:left; text-align:left; width:450px; padding:0 20px 15px 0; color:#25B1DC;}
ul.horzList2 li span {color: #333;}
.grey {color: #666;}
#contactTable td {padding: 10px 20px; border: 1px dotted #ccc; border-top:none; border-left: none;}
#contactTable td.note {padding-right: 50px;}
#contactTable .last {border-right:none;}
#contactTable .lastRow td {border-bottom:none;}
a.btn-blue {display:block; float:left; color:#fff; background:#262261; padding:7px 10px; margin:15px 0 0 0;color:#fff; text-decoration:none; line-height:normal;}
a.btn-blue:hover {background:#25B1DC; text-decoration: underline; color:#fff;}