@charset "utf-8";
/* CSS Document */

/*************      MAIN      **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{ font-family:Verdana, Arial, Helvetica, sans-serif; min-height:100%; margin:0; padding:0; color:#333; background-color:#eee; text-align:center; min-height:100%; background:url(../images/body-bg.gif) repeat-x; color:#254662;}
/*container centers content*/
#container{ width:909px; position:relative; text-align:left; background: #FFFFFF url(../images/container-bg.gif) no-repeat; margin:0 auto; padding:0 14px 0 17px; font-size:.75em; }/*centers main content*/
table {margin:0 auto;}

table.result th{ padding:5px;border-bottom:#D6D7E2 1px solid;}
table.result td {padding:5px; border-bottom:#D6D7E2 1px solid;}
.search {width:150px; margin-left:200px;}
/************     HEADER      **************/
#header {background:#000000; height:217px; background:#394a5b url(../images/headers/random.php);}
#headerHorizontalBar{position:absolute; top:205px; background:url(../images/header-horizontalBar.png) no-repeat; display:block; height:51px; width:910px;}
#BWDlogo{ background:url(../images/bwdlogo.png) no-repeat 16px 12px; display:block; position:absolute; width:290px; height:140px; text-decoration:none; }
#BWDlogo2{ background:url(../images/bwdlogolrg.png) no-repeat; display:block; position:absolute; top:23px; left:80px; width:330px; height:124px; text-decoration:none; }
#proposal {background:url(../images/btn-proposal.png) no-repeat; height:88px; width:121px; display:block; position:absolute; right:0; top:170px; text-decoration:none;}
/*************      CONTENT LAYOUT    **************/
/*========= including columns and minheight ==========*/
#contentwrapper {padding:60px 10px 10px 0; background:#FFFFFF;}
#content{width:790px; padding:10px 20px 10px 60px; float:left;}
#minheight {height:500px; width:1px; float:right;}/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/ 
.clear {clear:both; height:1px;}

/*************      CONTENT STYLES    **************/
/*========= Text Classes ==========*/
.topsentence{font-size:.8em; color:#BFBFBF; text-align:left; margin-top:0; margin-left:0px; padding:3; height:39px;}
.hidden {visibility:hidden;}
.box {background-color:#f0f0f0; border:1px solid #c9c9c9; padding:8px; width:260px; font-size:.8em; margin:0 auto;}
.box a, .box a:link, .box a:visited {color:#244360;}
#content p.highlight {position:absolute; left:9px; margin:0;
padding:0;}	
.smallgrey{font-size:.8em; color:#999;}
.article-nav {padding:7px;}
.article-nav ul {font-style:italic;}
.article-nav ul li{padding: 5px 0 10px 0;}
.article-nav ul li a.active {color:#000000; font-weight:bold;}
#newsletterlisting{float:right; border:#b4b4b4 1px solid; margin:0 0 0 20px; width:270px;}

/*========= Left Column Client Login - Newsletter ==========*/
#content .leftColumnLogin {background: #fffbfb url(../images/left-form-bg.gif) no-repeat; width:284px; height:100px; margin:0; padding:0; border: none;}
#content .leftColumnLogin p {margin:5px 25px 0 0; padding:0; text-align:right;}

/*========= Content Newsletter ==========*/
#newsletter {background: #fffbfb url(../images/newsletter-bckgrnd.gif) no-repeat; width:228px; height:150px; margin:0; padding:7px; border: none;} 

/*========= Content Social ==========*/
#social {background: url(../images/social.gif) no-repeat; width:523px; height:244px; margin:22px 0;}
.twitter{background:url(../images/home-social-twitter.gif) no-repeat; width: 209px; height:83px; display:block; position:absolute; z-index:300; top:58px; left:0px; text-indent:-5000px;}
.facebook{background:url(../images/home-social-fb.gif) no-repeat; width: 209px; height:79px; display:block; position:absolute; z-index:300; top:141px; left:0px; text-indent:-5000px;}
.news{background:url(../images/home-social-newsletter.jpg) no-repeat; width:76px; height:82px; display:block; position:absolute; z-index:300; top:125px; left:261px; text-indent:-5000px;}
.blogsoc{background:url(../images/home-social-blog.jpg) no-repeat; width:76px; height:82px; display:block; position:absolute; z-index:300; top:125px; left:338px; text-indent:-5000px;}
.rss{background:url(../images/home-social-rss.jpg) no-repeat; width:79px; height:82px; display:block; position:absolute; z-index:300; top:125px; left:415px; text-indent:-5000px;}

/*========= Left Column Blog ==========*/
.bloglft{background:url(../images/blog-left-column.gif) no-repeat; width:283px; height:92px; text-indent:-5000px; padding:0 0 10px 0; display:block;}
.bloglft:hover {background:url(../images/blog-left-column-over.gif) no-repeat; width:283px; height:92px; display:block; cursor:pointer;}

/*========= Left Column Get Started ==========*/
#getstarted {background: #fffbfb url(../images/get-started-left-column.gif) no-repeat bottom; width:283px; /width:284px; height:124px; /height:134px; margin:0; padding:0; border: none;}
#getstarted ul {margin:0; padding:0; text-align:left; width:278px; line-height:1.4em;}
#getstarted ul li {margin-left:45px; font-size:.9em;}


/*========= Content Get Started ==========*/
#greybox {background:#E0E0E0; width:506px;  margin:0; padding:0; border:1px solid #B2B2B2; padding:10px;}
#getstarted2 {background:#E0E0E0; width:526px; height:140px;  margin:0; padding:0; border:1px solid #B2B2B2; }
.getstartedcolumn{width:250px; float:left; padding:0;}
#getstarted2 ul {margin:0; padding:0; text-align:left; width:278px; line-height:1.5em;}
#getstarted2 ul li {margin-left:45px; font-size:.9em;}

/*========= home Grey box ==========*/
#box {background:#E0E0E0; width:526px; margin:0; padding:0; border:1px solid #B2B2B2;}
#box h2{font-size:1.2em;}


/*============ Grey Box =============*/
.thingreybox {background-color:#e2e2e2; border:1px solid #cecdcd; width:169px; float:left; margin:6px; display:inline; }
.thingreybox li {padding-bottom:15px;}
.widegreybox {background-color:#e2e2e2; border:1px solid #cecdcd; width:364px; float:left; margin:6px; display:inline; }
.widegreybox li {padding-bottom:15px;}

/*========= Left Column Recent Work ==========*/
#recentWork {margin:0px 10px; padding:0; text-align:left;}
#recentWork li {display:block; clear:both; list-style:none; padding:0; margin:0;}
#recentWork li a {color:#254662; padding:10px 0 20px 0; display:block; font-size:.9em; text-decoration:none;}
#recentWork li a:hover {background-color:#fffbfb; text-decoration:none;}
#recentWork li img {padding:0 5px;}
#recentWork span.URL {display:block; font-style:italic;}

/*============ Header Contact Info =============*/
#headerInfo {height:19px; margin:0; padding:0 15px 0 0; text-align:right; text-transform:lowercase; position:absolute; top:20px; width:500px; right:0;}
#headerInfo li {background: url(../images/headerInfo-li-clientLogin.gif) no-repeat left; height:17px; display:inline; padding:0 18px; margin:0; font-size:.8em;}
#headerInfo li#HISkipTo {background:none; padding:0; float:left;}
#headerInfo li#HIHome {background-image: url(../images/headerInfo-li-home.gif); padding-left:22px;}
#headerInfo li#HIPhone {background-image: url(../images/headerInfo-li-phone.gif);}
#headerInfo li#HIBlog {background-image:url(../images/headerInfo-li-blog.gif);}
#headerInfo li#HIEmail {background-image: url(../images/headerInfo-li-email.gif); padding-right:0;}
#headerInfo li#HIEmail img {width:144px; height:10px; vertical-align:text-bottom;}
.email {background: url(../images/headerInfo-li-email.gif) no-repeat left; list-style:none; padding:5px 0 5px 20px;}
.phone {background:url(../images/headerInfo-li-phone.gif) no-repeat left; list-style:none; padding:5px 0 5px 20px;}
.blog {background:url(../images/headerInfo-li-blog.gif) no-repeat left; list-style:none; padding:5px 0 5px 20px;}
#footer li a, #headerInfo li a {color:black; border-bottom:1px solid #d3d3d3 ;}
#footer li a:hover, #headerInfo li a:hover {color:#252525; border-bottom:1px solid #2a74b5;}


/*============ Links =============*/
a:link, a:visited {text-decoration:underline; color:#557f9f;}
a:hover {text-decoration:none; color:#000;}
a:active, a:focus{outline:none;}

/*============ Headers =============*/
h1 {font-size:1.7em; color:#384759; padding:10px 10px 20px 0; line-height:1.3em;}
h2 {color:#fff; background-color:#384759; padding:3px; font-size:1.5em; font-weight:bold;}
h3{font-size:1.2em; font-weight:bold; }
h4{font-weight:bold; color:#666;}

/*============ Lists =============*/
ul li {margin-left:15px;}
ol {margin:10px;}
ol li {margin-left:15px; padding-top:15px;}

/*============ Text Formatting =============*/
.grayItalic{color:#666; font-style:italic;}
.graytimeslrg{ color:#989898; font-size:1.4em; font-family:"Times New Roman", Times, serif;}
.smBlueItalic{font-style:italic; font-size:.8em; line-height:1.4em;}
.small{font-size:.8em;}
.medium{font-size:.95em;}
.lrgYallow{color:#e78705; font-size:1.4em; font-weight:bold;}
.lrg{font-size:1.2em; font-weight:bold;}
.lrgtimes{ font-family:"Times New Roman", Times, serif; font-size:1.8em; border-bottom:1px dotted #999;}
.floatright{float:right;}
.floatleft{float:left; padding:0 10px 5px 0;}
.dashunderline{border-bottom:dashed 1px #f8b605;}
#contentwrapper p {margin:10px 0 10px 0;}
ul {margin:5px 0 10px 20px;}
.center {text-align:center;}
blockquote {padding:5px 20px 5px 20px;}
#content blockquote p {padding:0; margin:10px 0 10px 0;}
.recentworktitle{background:url(../images/recentwork-title.jpg) no-repeat; width:168px; height:29px; text-indent:-5000px; padding:4px; margin-left:90px;}
.teamtitles{font-family:"Times New Roman", Times, serif; font-size:1.5em; letter-spacing:.1em; border-bottom:dashed 1px #c5c4c4; width:100%;}
.boldcaps{font-weight:bold; text-transform:uppercase;}


.domain {background:url(../images/domain-left-column.jpg) no-repeat; height:44px; width:283px; display:block; margin-left:1px; text-indent:-3000px;}
.domain:hover {background:url(../images/domain-left-column-over.gif) no-repeat; height:44px; width:283px; display:block;}
.domainwhite:hover {filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.domainlrg {background:url(../images/get-domain-lrg.gif) no-repeat; height:50px; width:232px; display:block;}
.domainlrg:hover {background:url(../images/get-domain-lrg-over.gif) no-repeat; height:50px; width:232px; display:block;}
.bloglrg {background:url(../images/blog-post-lrg.gif) no-repeat; height:50px; width:232px; display:block;}
.bloglrg:hover {background:url(../images/blog-post-lrg-over.gif) no-repeat; height:50px; width:232px; display:block;}
.payment {background:url(../images/btn-online-payment.jpg) no-repeat; height:56px; width:246px; display:block;}
.payment:hover {background:url(../images/btn-online-payment-over.jpg) no-repeat; height:56px; width:246px; display:block;}
.addblog {background:url(../images/add-blog-btn.gif) no-repeat; height:50px; width:221px; display:block;}
.addblog:hover {background:url(../images/add-blog-btn-over.gif) no-repeat; height:50px; width:221px; display:block;}

/*============ Image Formatting =============*/
.imgright {float:right; margin:0 0 5px 5px;}
.imgcenter {margin:0 auto;}
img {border:none;}
.grayborder{border:1px solid #b9b9b9;}

/*============ Portfolio Next/Previous =============*/
.portfolio{font-size:.95em; text-align:center;}
.portfolio ul li{list-style:none; display:inline; text-align:center;}
ul li.portfolionumb a:link, ul li.portfolionumb a:visited{background-color:#f0f0f0; color:#a4a3a3; border:1px #a4a3a3 solid; padding:2px 8px;}
ul li.portfolionumb a:hover, ul li.portfolionumb a.active{background-color:#bdbcbc; color:#fff; border:1px #a5a5a6 solid;}
ul li.portfoliobtn{background-color:#f0f0f0; color:#c6c4c4; border:1px #a4a3a3 solid; padding:2px 8px;}
ul li.portfoliobtn a:link, ul li.portfoliobtn a:visited{background-color:#f0f0f0; color:#a4a3a3;}
ul li.portfoliobtn a:hover{color:#666;}

/*============ Forms =============*/
input {width:160px; margin:0; padding:0;}
input.nowidth {width:auto; margin:0; padding:0;}
label {width:90px; float:left; margin-right:10px; display:block; text-align:right; display:inline;}

/* Page definitions; order: top-down left-right */
p.submit input {color:#fff;background:#254662 url(../images/input-submit.gif) no-repeat center; width:75px; height:20px; border:none;overflow:hidden; font:"Times New Roman", Times, serif; padding-bottom:5px; /padding-bottom:0px;}
p.submit input:active {background-image: url(../images/input-submit-down.gif);}

/*****************           MENU         *****************/
#menu {height:36px; padding:0; position:absolute; z-index:100; top:256px; left:17px; font-family:Verdana, Arial, Helvetica, sans-serif; width:650px;}
#menu ul {float:left; margin:0; padding:0; list-style:none;}
#menu ul li {display:block; float:left; margin:0; padding:0;}
#menu ul li a {margin:0; background:url(../images/navbg.jpg) no-repeat right; height:33px; width:124px; display:block; float:left; text-decoration:none; font-size:1.2em; color:#294761;; padding:5px 0 0 0; text-align:center; text-decoration:none; }
#menu ul li a.active, #menu ul li a:hover{ background:url(../images/navbg-over.jpg) no-repeat right; color:#FFFFFF; text-decoration:none;}

/*****************         Social Icons         *****************/
#socialright {height:363px; padding:0; position:absolute; z-index:100; top:90px; left:950px; width:57px;}
#socialright a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

/*****************   SUBNAVIGATION - LEFT NAVIGATION   *****************/
#subnav {margin:10px;}
#subnav ul {padding:0; margin:0;}
#subnav ul li {list-style:none; padding:0; margin:0;}
#subnav ul a {background:url(../images/left-nav-bg.jpg) no-repeat bottom left; display:block; width:230px; padding:10px 10px 10px 30px; margin:0;color:#254662; text-decoration:none;}
#subnav ul li a.active, #subnav ul li a.active:hover {background:url(../images/left-nav-active.jpg) no-repeat bottom left; color: #767676; text-decoration:none;}
#subnav ul li a:hover {background:url(../images/left-nav-bg-hover.jpg) no-repeat bottom left; text-decoration:none;color: #3a361f; text-decoration:none;}
/****   SUBNAVIGATION - LEFT NAVIGATION - 2nd Teir   ****/
#subnav ul li div a.secondteirmenu{background:none; color:#426990; margin-left:25px; text-decoration:none; padding:5px;}
#subnav ul li div a:hover.secondteirmenu{background:none; color:#ef9a1b; text-decoration:none;}

/*****************       FOOTER          *****************/
#bottomImage {background:url(../images/footer-bg.jpg) no-repeat center; height:30px; padding-top:15px;}
ul#footer {display:block; margin:5px auto 10px auto; padding:0 0 10px 0; width:925px; font-size:.8em;}
ul#footer li {display:inline; float:right; font-size:0.75em; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0pt 0px 0pt 3px;}
ul#footer li a:link, ul#footer li a:visited{color:000; text-decoration:none;}
ul#footer li a:hover{color:#000; text-decoration:underline;}
ul#footer li.copyright {background-image:none; float:left; padding:0pt;}

/**************         CREDIT        *****************/
div#credit {clear:both; font-size:0.7em; padding:70px 0pt 20px; text-align:center;}
#credit a:link, #credit a:visited {color:#fff; text-decoration:none;}
#credit a:hover {color:#fff; text-decoration:none;}


/**************         Development Process       *****************/
#process{background: url(../images/process.gif) no-repeat; width:600px; height:500px; margin-left:90px;}
.close{float:right; padding:3px;}

#process a.discovery {float:left; height:100px; width:100px; left:178px; position:absolute; text-indent:-4000px; top:478px; }
#discovery{float:left; width:300px; margin:215px 0 0 0px; border:2px solid #999; font-size:12px; background:#fff; padding:10px; display:none; line-height:1.4em;}

#process a.analysis {float:left; height:100px; width:100px; left:371px; position:absolute; text-indent:-4000px; top:443px; }
#analysis{float:left; width:350px; margin:180px 0 0 170px; border:2px solid #999; font-size:12px; background:#fff; padding:10px; display:none; line-height:1.4em;}

#process a.design {float:left; height:100px; width:100px; left:571px; position:absolute; text-indent:-4000px; top:455px; }
#design{float:left; width:380px; margin:200px 0 0 270px; border:2px solid #999; font-size:12px; background:#fff; padding:10px; display:none; line-height:1.4em;}

#process a.dev {float:left; height:100px; width:100px; left:650px; position:absolute; text-indent:-4000px; top:620px; }
#dev{float:left; width:380px; margin:180px 0 0 290px; border:2px solid #999; font-size:12px; background:#fff; padding:10px; display:none; line-height:1.4em;}

#process a.deploy {float:left; height:100px; width:100px; left:480px; position:absolute; text-indent:-4000px; top:710px; }
#deploy{float:left; width:300px; margin:270px 0 0 140px; border:2px solid #999; font-size:12px; background:#fff; padding:10px; display:none; line-height:1.4em;}

#process a.maint {float:left; height:100px; width:100px; left:275px; position:absolute; text-indent:-4000px; top:700px; }
#maint{float:left; width:300px; margin:300px 0 0 20px; border:2px solid #999; font-size:12px; background:#fff; padding:10px; display:none; line-height:1.4em;}