/* 
Project Stylesheet
Author: Jack Behar
Questions/Comments: jack.behar@project83.com
*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: transparent url(../images/internal-bg.gif) repeat-x left top ;
}

body#home {
	background: transparent url(../images/bg.gif) repeat-x left top ;
}

#outer-wrap{
	width:auto;
	height:inherit;
	background: transparent url(../images/home-bg.jpg) no-repeat center top;
}
	
#wrap {
	width:960px;
	margin:0 auto;
	background: #fff url(../images/int-wrap-bg.jpg) center top no-repeat;
}

body#home #wrap {
	background: none;
	}

/*BRANDING*/

#branding {
	position:relative;
	width:auto;
	height: 153px;
}
#branding h1 {
	
	position:absolute;
	width:218px;
	height:153px;
	left:0;
	top:0;
	text-indent:-9999px;
}
#branding h1 a {
	display:block;
	width:218px;
	height:153px;
}

/*NAV*/

ul#nav {
	position:absolute;
	bottom:1px;
	right:0;
	margin:0;
	padding-left:6px;
	padding-top:3px;
	height:32px;
	
	background:url(../images/nav-bg.jpg) left top no-repeat;
	
}
ul#nav li {
	display:inline;
	float:left;
	padding:0;
	margin:0;
	background: url(../images/nav-bg2.jpg) left top repeat-x;
	height:32px;


}

ul#nav li.first {
		border-left:#7095b3 1px solid;

}

ul#nav li.last {
		border-right:#7095b3 1px solid;

}


ul#nav li a {
	display:block;
	padding:0 21px;
	border-top:#547593 1px solid;
	height:32px;
	text-align:center;
	color:#79baf2;
	font-weight:normal;
	font-size:.8em;
	text-decoration:none;
	text-transform:uppercase;
	line-height:2.4em;
	letter-spacing:.01em;


}

ul#nav li a:hover {
	background:url(../images/nav_hover.gif) left top repeat-x;

}


ul#nav li a.active {
	background:url(../images/nav_active.gif) left top repeat-x;
	border-right:#7095b3 1px solid;
	border-left:#7095b3 1px solid;
	color:#fff;

}

ul#nav li a.active-first {
	background:url(../images/nav_active.gif) left top repeat-x;
	border-right:#7095b3 1px solid;
	color:#fff;

}

ul#nav li a.active-last {
	background:url(../images/nav_active.gif) left top repeat-x;
	border-left:#7095b3 1px solid;
	color:#fff;

}





/*content*/

#main-content{
	width:630px;
	float:left;
	padding-top:30px;
}

#sidebar{
	width:269px;
	float:right;
	padding-top:73px;
	}

/*Sidenav*/

#sidenav{
	background:#d0d0d1 url(../images/sidenav-bg.jpg) left 45px no-repeat;
}

#sidenav h3{
	background:url(../images/sidebnav-hdr-bg.jpg) left top no-repeat;
	width:269px;
	height:25px;
	font-size:0.875em;
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:0;
	text-align:center;
	margin:0;
}

#sidenav ul{
	list-style:none;
	margin:7px 0 0 0;
	background:url(../images/sidenav-bg-bottom.jpg) left bottom no-repeat;
	padding:0 7px 7px 8px;
	} 

#sidenav ul li{
	background-color:#dcd5b2;
	border:#FFF 1px solid;
	border-top:none;
	padding:0;
	margin:0;
	
}
	
	
	#sidenav ul li.first{
	border-top:#FFF 1px solid;
	
	
}

#sidenav ul li a{	
	padding:13px;
	display:block;
	color:#002f59;
	font-weight:bold;
	font-size:.75em;
	text-decoration:none;
	line-height:1.2em;
	background:url(../images/sidebar-arrow.gif) right center no-repeat;
	padding-right:60px;
}

#sidenav ul li a:hover{	
		background:#ece7c9 url(../images/sidebar-arrow-hover.gif) right center no-repeat;

}





#sidenav ul li a.active{	
	
	background:#fff url(../images/sidebar-arrow2.gif) right center no-repeat;
	
}


.sub-sidenav{
	margin:20px 0 10px 0;
}


.sub-sidenav h3{
	padding: 12px 35px;
	background:#d4d4d4;
	text-transform:uppercase;
	font-size:.75em;
	color:#242424;
	margin:0;
	margin-bottom:20px;
	
}

.sub-sidenav h3#market-insights
{
	
	background:#d4d4d4 url(../images/blog-icon.gif) left 3px no-repeat;
}

.sub-sidenav h3#partner
{
	
	background:#d4d4d4 url(../images/partner-icon.gif) left top no-repeat;
	
	
}

.sub-sidenav h3#categories
{
	
	background:#d4d4d4 url(../images/categories-icon.gif) left 1px no-repeat;
}

.sub-sidenav h3#archives
{
	
	background:#d4d4d4 url(../images/archives-icon.gif) left 1px no-repeat;
	
}



.sub-sidenav ul{
	list-style:none;
	margin:0;
}

.sub-sidenav ul li{
	padding:5px 10px 10px 0;
	border-bottom:#ababac 1px dotted;
	font-size:.814em;
}

.sub-sidenav ul li.last{
	border-bottom:none;
}

.sub-sidenav ul li a{
	font-weight:bold;
	line-height:1.2em;
	
}

.sub-sidenav ul li span.blog-date-sidebar{
	display:block;
	padding:10px 0 0 10px;
	font-size:.75em;
	text-transform:uppercase;
	background:url(../images/arrow-sm.gif) left 12px no-repeat;
}

.sub-sidenav p.partner-contact{
	width:142px;
	font-size:.7em;
	line-height:1.2em;
	float:left;
}

.sub-sidenav p.phone{
	font-size:.65em;
	float:right;
}

.sub-sidenav p.phone span{
	font-size:1.3em;
	display:block;
}
.sub-sidenav p.phone img{
	padding-top:10px;
	margin:0 0 0 -5px;
	float:none;
}



#member-login-box fieldset{
	margin:0;
	padding:0;
	
}

#member-login-box fieldset ul{
	margin:0;
	padding:0;
}


#member-login-box fieldset ul li{
	margin:0;
	padding:0;
	border:none;

}

#member-login-box fieldset label{
	text-align:left;
	width:90px;
	font-weight:normal;
	padding-top:10px;
	font-size:.9em;
}

#member-login-box fieldset input{
	width:170px;
	margin:5px 0;
}

#member-login-box fieldset input#submit-btn{
	margin-left:180px;
	width:90px;
}

#member-login-box fieldset li.member-links{
	text-align:right;
}

#member-login-box fieldset li.member-links a{
	font-weight:normal
}

.sub-sidenav h3#member-login
{
	
	padding: 10px 10px;
	background:#abaeb1;
	text-transform:uppercase;
	font-size:.75em;
	color:#fff;
	margin:0;
	margin-bottom:10px;
	
}

/*#member-login-box{
	border-bottom:#b0b9c0 2px solid;
}*/


/*Home Page*/

body#home h2 {
	line-height: 1.2em;
	margin-bottom: 1.3em;
	color:#002f59;
	text-transform:none;
	}
	
body#home #sidebar{
	padding-top:17px;
}

.callout{
	float:left;
	padding:20px 30px 0 25px;
	margin-right:25px;
	width:142px;
	height:275px;
	background:url(../images/callout_bg.gif) top left no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#002f59;
	font-size:.75em;
	line-height:2em;
}

.divider{
	border-bottom:#cfcfcf 1px solid;
	height:1px;
	clear:both;
	padding-top:25px;
	margin-bottom:25px;
}

/*Service Offerings*/
ul.service-offerings{
	list-style:none;
	margin:0;
}

ul.service-offerings li{
padding-bottom:50px;
}

ul.service-offerings h3{
	border-bottom:#cfcfcf solid 1px;
	padding-bottom:5px;
	margin-bottom:10px;
	
}

ul.service-offerings .service-desc{
	width:430px;
	float:right;

}



ul.service-offerings p.service-callout{
	padding-left:10px;
	margin:0;
	background:url(../images/arrow-sm2.gif) left 2px no-repeat;
	font-weight:bold;
	font-size:.75em;
	line-height:1.2em;
}

a.view-solution{
	display:block;
	padding-left:40px;
	padding-top:10px;
	margin-top:15px;
	margin-left:-5px;
	height:32px;
	background:url(../images/arrow-4.gif) left top no-repeat;
	font-weight:normal;
	font-size:1.2em;
}

.prod-desc a, a.pdf{
	
background:transparent url(../images/acrobat.png) no-repeat scroll left 4px;
display:block;
padding:3px 0 20px 22px;
margin-top:10px;
}


/*Our People*/

p.intro{
	margin-bottom:40px;
}

ul.people{
	font-size:0.814em;
	color:#232323;
	float:left;
	margin-left:20px;
	margin-bottom:30px;
	width:390px;
	list-style:none;
	
}

ul.people li{
	padding-left:15px;
	background:url(../images/arrow-sm2.gif) left 2px no-repeat;
	margin-bottom:15px;
	line-height:1.3em;

}

img.people-img{
	margin-bottom:40px;
}

/*contact*/

.contact-callout{
	float:right;
	padding:13px 0 0 20px;
	margin-left:25px;
	width:250px;
	height:275px;
	background:url(../images/callout_bg2.gif) top left no-repeat;
	
	color:#002f59;
	font-size:.9em;
	line-height:1.2em;
}

.contact-callout p{
margin-bottom:15px;
}


fieldset#contact-form{

	padding:0;
	width:280px;
	
}

fieldset#contact-form ul{
	margin:0;
}



fieldset#contact-form ul li.submit{
	text-align:right;
	clear:both;
}

fieldset#contact-form ul li.submit #submit-btn{
	width:87px;
	height:35px;
}

fieldset#contact-form label{
	float:none;
	font-size:.75em;
	display:block;
	text-align:left;
	width:260px;
	
}


fieldset#contact-form input{
	float:none;
	width:260px;
}

fieldset#contact-form textarea{
	height:116px;
	width:260px;
}


/*register*/

fieldset#resgister-form{

	padding:0;
	width:auto;
	
}

fieldset#resgister-form ul{
	margin:0;
}



fieldset#resgister-form ul li.submit{
	text-align:right;
	clear:both;
}

fieldset#resgister-form ul li.submit #submit-btn{
	width:87px;
	height:35px;
}

fieldset#resgister-form label{
	float:none;
	font-size:.75em;
	float:left;
	text-align:left;
	width:175px;
	padding-top:10px;
	
}

fieldset#resgister-form label.check{
	width:400px;
	padding-top:8px;
	
}


fieldset#resgister-form input{
	float:left;
	width:260px;
}

fieldset#resgister-form input.check{
	width:20px;
}

fieldset#resgister-form textarea{
	height:116px;
	width:260px;
}






/*BLOG*/

.blog-sidenav{
	margin-bottom:37px;
}


.blog-sidenav ul li{
	padding:2px 0 7px 0;
}

.blog-sidenav ul li a{
	display:block;
	padding-left:10px;
	background:url(../images/arrow-sm.gif) left 5px no-repeat;
	line-height:1em;
	
}



.blog-date{
	width:54px;
	height:55px;
	background:url(../images/blog-date-bg.gif) left top no-repeat;
	float:left
	}

.blog-date span.month{
	display:block;
	color:#215887;
	font-size:.7em;
	font-weight:bold;
	text-align:center;
	padding-right:5px;
	padding-top:3px;
	}
	
.blog-date span.day{
	display:block;
	color:#373737;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	padding-right:5px;
	padding-top:6px;
	}

.blog-content{
	float:right;
	width:560px;
}

.blog-content h3{
	border-bottom:#cfcfcf solid 1px;
	padding-bottom:10px;
	padding-top:16px;
	margin-bottom:15px;
	font-size:1.32em;
	font-weight:normal;
	
}

.blog-info{
	border-top:#cfcfcf 1px solid;
	border-bottom:#cfcfcf 1px solid;
	padding:2px 0 7px 0;
	margin-bottom:40px;
}

.blog-info span{
	display:inline;
}

.blog-info .posted-info{
	background:url(../images/posted-blog-icon.gif) left top no-repeat;
	padding:0 6px 0 25px;
	font-size:.70em;
	color:#302f2f;
	border-right:#646363 1px solid;
	margin-right:5px;
}

.blog-info .comment-info{
	background:url(../images/blog-comment-icon.gif) left top no-repeat;
	padding-left:20px;
	font-size:.70em;
	color:#302f2f;
	font-weight:bold;
}

.blog-info .comment-info a{
	font-weight:normal;
}

.comment-entry{
	background:#f0f0f0;
	border:#d1d1d1 1px solid;
	padding:15px;
	color:#4a4a4a;
	margin-bottom:25px;
}


.comment-entry .comment-details{
	padding-bottom:20px;
}

.comment-entry .comment-details .comment-name{
	color:#232323;
	background:url(../images/comment-icon.gif) left top no-repeat;
	
	padding-left:25px;
	padding-right:10px;
	margin-right:10px;
	border-right:#646363 1px solid;
	font-size:.75em;
	font-weight:bold;
	}

.comment-entry .comment-details .comment-date{
	color:#1d1d1d;
	font-size:.75em;
}



fieldset#comment-form{

	padding:0;
}

fieldset#comment-form ul{
	margin:0;
}

fieldset#comment-form ul li.message{
	float:right;
	margin-top:-160px;
}

fieldset#comment-form ul li.submit{
	text-align:right;
	clear:both;
}

fieldset#comment-form ul li.submit #submit-btn{
	width:87px;
	height:35px;
}

fieldset#comment-form label{
	float:none;
	font-size:.75em;
	display:block;
	text-align:left;
	width:260px;
	
}

fieldset#comment-form label .req{
	font-size:.75em;
	
}

fieldset#comment-form input{
	float:none;
	width:260px;
}

fieldset#comment-form textarea{
	height:116px;
	width:260px;
}

/*FOOTER*/

#footer{
	width:auto;
	background: #002f59 url(../images/footer-bg.jpg) center top no-repeat;
	margin-top:50px;
	padding-top:10px;
	padding-bottom:75px;
}

#footer p {
	font-size:.6em;
	color:#839db3;
	width:960px;
	margin:0 auto;
	text-transform:uppercase;
}

#footer span#copy{
	width:500px;
	float:left;
	text-align:left;
}


#footer span#footer-links{
	float:right;
	
}

#footer span#footer-links a{
	padding-left:20px;
	color:#839db3;
	text-decoration:none;
	
}

#footer span#footer-links a:hover{
	text-decoration:underline;
	
}