/* styles.css */

/*------------------------------------------------------------------
Project:	noBoxCreative.com
Version:	1.0
Last change:	06/26/09
-------------------------------------------------------------------*/



body {font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#464646; line-height:25px; background-color:#182c3e;}
a:link, a:visited {color:#1c7bcf;}
a:hover {text-decoration:none;}
h1 {color:#ffffff; font-size:16pt; margin-bottom:15px; width:340px; line-height:27px;}
h2 {color:#182c3e; font-size:16pt; margin-bottom:10px;}
h3 {color:#ffcb81; font-size:13pt;}
h4 {color:#eae7d7; font-size:12pt; margin-bottom:3px;}
p {margin:0 0 30px 0;}
p.p2 {margin:0 0 15px 0;}
a.define, a.define:visited {background-color:#FFF1AF; text-decoration:none; cursor:help; color:#464646; padding:1px 2px; border-bottom:#BF2B23 dotted 1px;}
a.define:hover {border-bottom:none;}
.footnote {width:540px; border-top:#999999 solid 1px; margin-top:30px; font-size:8pt;}




#clientLogin {background:#182c3e; height:70px; display:none; line-height:70px;}
#clientLogin span{width:808px; height:70px; margin:0 auto; display:block; line-height:70px; text-align:right; color:#739CBF; font-weight:bold; font-size:9pt; position:relative;}
#clientLogin input{margin-left:7px;}
#clientLogin label{margin-left:15px;}
#clientLogin .txtBox {background-color:#EFF8FF; outline:#739CBF solid 1px; border:#182c3e solid 2px; padding:2px; width:120px;}
#clientLogin .txtBox:hover {background-color:#FFF9DF;}
#clientLogin .txtBox:focus {background-color:#EFF8FF;}
#clientLogin .button {margin-left:20px;}
#clientLogin .password {color:#FFFFFF; display:block; font-size:11px; font-weight:normal; height:11px; left:830px; position:absolute; text-align:left; top:0; width:150px;}
#loginLink {position:relative; top:0; right:-25px; width:100px; height:23px; float:right; background:url(../images/clientLogin.gif) no-repeat; overflow:hidden; text-indent:-999em; display:block;}

#clientWebmail {background:#182C3E; height:70px; display:none; line-height:70px;}
#clientWebmail span{width:808px; height:70px; margin:0 auto; display:block; text-align:right; color:#739CBF; font-weight:bold; font-size:9pt;}
#clientWebmail input{margin-left:7px;}
#clientWebmail label{margin-left:15px;}
#clientWebmail .txtBox {background-color:#EFF8FF; outline:#739CBF solid 1px; border:#182c3e solid 2px; padding:2px; width:120px;}
#clientWebmail .txtBox:hover {background-color:#FFF9DF;}
#clientWebmail .txtBox:focus {background-color:#EFF8FF;}
#clientWebmail .button {margin-left:20px;}
#webmailLink {position:relative; top:0; right:180px; width:100px; height:23px; float:right; background:url(../images/webmailLogin.gif) no-repeat; overflow:hidden; text-indent:-999em; display:block;}

#topNavBorder {border-top:#182c3e solid 4px;}




.topNav_container {height:96px; background:url(../images/topNav_bg01.jpg) repeat-x;}
.topNav {width:1000px; height:96px; margin:0 auto; background:url(../images/topNav_bg02.jpg) center no-repeat; position:relative;}
.logo {margin-left:83px;}

.navLinks {width:564px; height:34px; list-style:none; position:absolute; top:39px; right:75px; background:url(../images/linkBar.png) no-repeat;}
.navLinks li {display: inline;}
.navLinks li a:link, .navLinks li a:visited, .navLinks li div {position: absolute; top: 0; height: 34px; text-indent: -9000px; overflow: hidden; z-index: 10;}
.navLinks li div {z-index: 0;}

.navLinks #nLhome a:link, .navLinks #nLhome a:visited , .navLinks #nLhome div{left:0; width:59px;}
.navLinks #nLhome a:hover, .navLinks #nLhome a:focus, .navLinks #nLhome div{background:url(../images/linkBar.png) no-repeat 0 -34px;}
.navLinks #nLhome a:active, .navLinks #nLhome div.click {background:url(../images/linkBar.png) no-repeat 0 -68px;}
.navLinks #nLhome.active a:link, .navLinks #nLhome.active a:visited {background:url(../images/linkBar.png) no-repeat 0 -102px; cursor: default;}

.navLinks #nLwho a:link, .navLinks #nLwho a:visited , .navLinks #nLwho div{left:60px; width:108px;}
.navLinks #nLwho a:hover, .navLinks #nLwho a:focus, .navLinks #nLwho div{background:url(../images/linkBar.png) no-repeat -60px -34px;}
.navLinks #nLwho a:active, .navLinks #nLwho div.click {background:url(../images/linkBar.png) no-repeat -60px -68px;}
.navLinks #nLwho.active a:link, .navLinks #nLwho.active a:visited {background:url(../images/linkBar.png) no-repeat -60px -102px; cursor: default;}

.navLinks #nLapproach a:link, .navLinks #nLapproach a:visited , .navLinks #nLapproach div{left:169px; width:115px;}
.navLinks #nLapproach a:hover, .navLinks #nLapproach a:focus, .navLinks #nLapproach div{background:url(../images/linkBar.png) no-repeat -169px -34px;}
.navLinks #nLapproach a:active, .navLinks #nLapproach div.click {background:url(../images/linkBar.png) no-repeat -169px -68px;}
.navLinks #nLapproach.active a:link, .navLinks #nLapproach.active a:visited {background:url(../images/linkBar.png) no-repeat -169px -102px; cursor: default;}

.navLinks #nLblog a:link, .navLinks #nLblog a:visited , .navLinks #nLblog div{left:285px; width:104px;}
.navLinks #nLblog a:hover, .navLinks #nLblog a:focus, .navLinks #nLblog div{background:url(../images/linkBar.png) no-repeat -285px -34px;}
.navLinks #nLblog a:active, .navLinks #nLblog div.click {background:url(../images/linkBar.png) no-repeat -285px -68px;}
.navLinks #nLblog.active a:link, .navLinks #nLblog.active a:visited {background:url(../images/linkBar.png) no-repeat -285px -102px; cursor: default;}

.navLinks #nLstudies a:link, .navLinks #nLstudies a:visited , .navLinks #nLstudies div{left:389px; width:103px;}
.navLinks #nLstudies a:hover, .navLinks #nLstudies a:focus, .navLinks #nLstudies div{background:url(../images/linkBar.png) no-repeat -389px -34px;}
.navLinks #nLstudies a:active, .navLinks #nLstudies div.click {background:url(../images/linkBar.png) no-repeat -389px -68px;}
.navLinks #nLstudies.active a:link, .navLinks #nLstudies.active a:visited {background:url(../images/linkBar.png) no-repeat -389px -102px; cursor: default;}

.navLinks #nLcontact a:link, .navLinks #nLcontact a:visited , .navLinks #nLcontact div{left:493px; width:71px;}
.navLinks #nLcontact a:hover, .navLinks #nLcontact a:focus, .navLinks #nLcontact div{background:url(../images/linkBar.png) no-repeat -493px -34px;}
.navLinks #nLcontact a:active, .navLinks #nLcontact div.click {background:url(../images/linkBar.png) no-repeat -493px -68px;}
.navLinks #nLcontact.active a:link, .navLinks #nLcontact.active a:visited {background:url(../images/linkBar.png) no-repeat -493px -102px; cursor: default;}




.main {background-color:#fffef7;}
.mainHeader_container {height:362px; background:#0d0a08 url(../images/header_bg01.jpg) center no-repeat;}
.mainHeader_container2 {height:70px; background:#0d0a08 url(../images/header_bg02.jpg) center no-repeat;}
.mainHeader {width:1000px; margin:0 auto; position:relative;}
.mainHeader .txtBox {color:#ffffff; width:320px; position:relative; top:80px; left:85px;}
.mainHeader .txtBox p{margin-bottom:10px;}
.mainHeader .txtBox a, .mainHeader .carousel a{color:#ffcb81;}
.mainHeader .txtBox2 {color:#ffffff; width:350px; position:absolute; top:20px; right:115px; text-align:center;}

.carousel_container {width:447px; height:290px; position:absolute; top:44px; right:75px; overflow:hidden;}
.carousel ul{list-style:none;}
.carousel li{font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:9pt; line-height:17px; width:515px;}
.carousel img{margin:10px;}
.carousel .left {float:left; margin-left:10px;}
.carousel .right {float:right; margin-right:80px; font-size:10px;}
.carousel .slider {background: url(../images/slider_bg.png) no-repeat top left;}
a.arrowL, a.arrowR {position:absolute; display:block; height:23px; width:33px; overflow:hidden; text-indent:-999em;}
a.arrowL {background:url(../images/arrowL.png) left top; top:160px; right:530px;}
a.arrowR {background:url(../images/arrowR.png) left top; top:160px; right:34px;}
a.arrowL:hover, a.arrowR:hover {background-position:left bottom;}

.mainContent {width:830px; margin:0 auto; padding:30px 0; overflow:hidden; position:relative;}
a.boxLink, a.boxLink:visited {background-color:#182c3e; padding:6px 8px; text-decoration:none; font-size:11px; font-weight:bold; color:#89bbe7;}
a.boxLink:hover {background-color:#FFDC7F; color:#182C3E;}

ul.box1 {width:262px; position:relative; float:right; color:#656565; background-color:#eae7d7; margin:0 0 30px 30px; list-style:none; display:block; clear:both;}
.box1 li{padding:0 22px; font-size:9pt; font-style:italic; line-height:20px;}
.box1 span{display:block; text-align:right;}
.box1 a, .box1 a:visited{color:#464646; font-style:normal;}
.box1 p{margin:0 0 15px 0; font-style:normal;}
.box1 .boxTop {background:url(../images/box1_top.gif) top no-repeat; padding:0;}
.box1 .boxBottom {background:url(../images/box1_bottom.gif) bottom no-repeat; padding:0;}
.box1 .arrowA {background:url(../images/box1_arrowA.gif) bottom no-repeat; padding:0;}
.box1 .arrowB {background:url(../images/box1_arrowB.gif) top no-repeat; padding:0;}
.box1 .spacer {height:1px; background-color:#FFFFFF; line-height: 1px; padding: 0; margin:10px 0 22px 0;}
.box1 .spacer2 {height:1px; background-color:#FFFFFF;}
.box1 .spacer3 {height:1px; background-color:#FFFFFF; margin:20px 0;}
.box1 img.headshot, a.headshot {border:#637483 solid 8px; height:100px; width:202px; margin-bottom:2px; display:block; text-decoration:none; text-indent:-999em;}
.box1 a.headshot:hover {border-color:#4C5F6F;}
.box1 .title {font-size:8pt; margin-right:8px;}
.box1 .smalltxt {font-size:8pt;}
.box1 p.smalltxt {margin:0 0 15px;}
.box1 p.smalltxt a{font-size:9pt;}
.box1 ul.smalltxt {list-style:disc; margin:2px 0 13px 14px;}
.box1 ul.smalltxt li {font-size:8pt; padding:0; margin:0; line-height:15px;}
.box1 strong.h1 {display:block; font-style:normal;}
.box1 .box1_ul {padding:0; margin:5px 15px 0;}
.box1 .box1_ul a{text-decoration:none; display:block;}
.box1 .box1_ul li{padding:0; margin:0;}
.box1 a.boxLink, .box1 a.boxLink:visited{color:#89bbe7; margin-top:10px; line-height:13px; float:right;}
.box1 a.boxLink:hover {color:#182c3e;}
.box1 li.selected, .box1 .box1_ul li:hover {list-style:disc;}
.box1 .selected a, .box1 .box1_ul li:hover a{font-style:italic; font-weight:bold; text-decoration:none; }

a.strategize {background: url(../images/strategize1.jpg) no-repeat;}
a.design {background: url(../images/design1.jpg) no-repeat;}
a.develop {background: url(../images/develop1.jpg) no-repeat;}
a.market {background: url(../images/market1.jpg) no-repeat;}

.listBox {overflow:hidden; padding-left:30px; font-weight:bold;}
.listBox .left {width:254px; float:left; display:block;}
.listBox .right {width:254px; float:right; display:block;}
.listBox2 {overflow:hidden; margin-bottom:30px;}
.listBox2 ul{list-style:none;}
.listBox2 li{float:left; margin-right:20px;}
.listBox2 li.last {margin-right:0;}
.listBox2 p{font-size:9pt; line-height:16px; margin:0 0 8px 15px;}

#caseStudies {background:url(../images/caseStudies_bg.jpg) no-repeat 0 25px;}
div.caseStudies {width:537px; text-align:right; margin-top:17px;}
img.caseStudies {border:#182C3E solid 10px; margin-bottom:30px;}


/* Footer Styles */

.footer{height:257px; background-color:#304252;}
.footerContent {height:257px; width:1000px; margin:0 auto; font-size:11px; background:url(../images/footer_bg.jpg) no-repeat right; position:relative;}
.footer .leftBox {width:182px; position:absolute; left:85px; top:25px;}
.footer .leftBox a{display:block; width:182px; height:28px; line-height:28px; border-bottom:#4b5761 solid 1px; color:#637483; text-decoration:none;}
.footer .leftBox a:hover {color:#eae7d7;}
.footer .leftBox a.top{margin-top:5px; border-top:#4b5761 solid 1px;}
.footer .middleBox {width:182px; left:325px; top:25px; position:absolute; color:#637483;}
.footer .middleBox p{margin:5px 0 15px; padding-top:5px; border-top:#4b5761 solid 1px; line-height:18px;}
.footer .rightBox {left:790px; top:70px; line-height:20px; position:absolute; color:#637483;}
.footer .rightBox a{background-color:#182C3E; color:#ffcb81; font-size:11px; font-weight:bold; padding:6px 8px; text-decoration:none;}
.footer .rightBox a:hover {background-color:#ffcb81; color:#0E2130;}
.footer .rightBox p{margin-bottom:8px;}

.copyright {height:30px; background-color:#182c3e;}
.copyrightContent {height:38px; width:830px; margin:0 auto; color:#637483; line-height:38px; font-size:11px;}
.copyright a, .copyright a:visited{color:#fffef7;}
.copyright .right {float:right;}


/* Contact Section */

ul.contactBox {font-size: 10pt; list-style: none; padding: 0 10px; line-height: 15px;}
.contactBox li{padding: 8px 0; clear: left;}
.contactBox input, .contactBox textarea {width:230px; font-size: 11px; padding:7px 4px; border-bottom: #B5C3CF solid 1px; border-left: #476F8F solid 3px; border-top: none; border-right: none; background-color: #EFEFEF;}
.contactBox label{display:block; font-weight:bold;}
.contactBox span{font-size:8pt;}
.contactBox .left {float:left; font-size:10pt; display:block; width:230px;}
.contactBox .right {float:right; margin-right:30px; font-size:10pt; display:block; width:230px;}
.contactBox #industry {width:500px;}
.contactBox #situation, .contactBox #info {width:500px; height:70px; padding:7px 4px; margin-top:2px; border-bottom: #B5C3CF solid 1px; border-left: #476F8F solid 3px; border-top: none; border-right: none; background-color: #EFEFEF;}
.contactBox #budget {width: 150px; margin-top: 6px;}
input.boxLink {background-color:#182c3e; padding:4px 7px 5px 6px; text-decoration:none; font-size:8pt; font-weight:bold; color:#89bbe7; border: none;}
input.boxLink:active {background-color:#FFDC7F; color:#182C3E;}
.required, .errorMsg {color:#a24444;}
.errorMsg {position:relative; top:-1px;}
li.buttons input{width: auto;}
input.errorInput, textarea.errorInput {background-color: #EFD1D1 !important;}