html, body {
	margin: 0;
	padding: 0;
	height: 100%;   /* 100% height */
}

body {
	background: url(images/hbg_top_background_shorter.jpg) no-repeat center top; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
}


img { border:none; }

a {
	color:#3b5b84;
	text-decoration:underline;
}

.emphasis {
	color:#3b5b84;
	font-weight: bold;
}

#contact{
	padding-top: 30px;
}


h1 {
color:#3b5b84;
font-size: 18px;
}

h2 {
font-size: 15px;
margin-top:0px;
color:#3b5b84;
}

/*html>body #wrap { height:100%; }*/ /* 100 % height */
#wrap {
width:829px;
margin:0 auto;
}

#header {
width:829px;
height:85px;
padding-top:30px;
padding-left: 12px;
/*background: url(images/hbg_advertising_logo.png) left center no-repeat;*/
}

#photo_nav_wrap {
	height: 203px;
	width: 100%;
}

.About, .Services {
background: url(images/about_hbg_ad_agency.png) no-repeat center; }

.Lookforward {
background: url(images/hbg_lookforward.png) no-repeat center; }

.Work {
background: url(images/hbg_work_portfolio.png) no-repeat center; }

.Contact {
background: url(images/contact_hbg_ad_agency.png) no-repeat center; }

.Clients {
background: url(images/hbg_marketing_clients.png) no-repeat center; }

.Branding {
background: url(images/branding_hbg_ad_agency.png) no-repeat center; }

.home_hbg {
background: url(images/home_main_image.png) no-repeat center; }

.bullettext {
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px; 
text-indent:-10px;
text-align:left;
}

.arrow {
color:#639bd3;
}

html>body #content-wrap {
	/*height:100%;*/
	background: url(images/bottom_shadow.png) no-repeat top;
} /* 100 % height */

html>body #content {padding:10px 330px 55px 40px;
text-align: justify;
} 

html>body #portfolio_content {padding:10px 40px 55px 40px;
text-align: justify;
} 

html>body #client_right, html>body #client_left {
width:340px; padding-bottom:50px; }

html>body #client_right { float:right; }
html>body #client_left  { float: left; }


#footer {
width:100%;
height:43px;
margin:0;
background-image: url(images/hbg_top_background.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	color:white;
	font-size: 11px;
}

#footer p {
margin:0px;
padding:13px 0px 0px 0px;
}

html>body #footer {
margin:0px;
position:fixed;
bottom:0;
left:0px;
z-index:10; /* Prevent certain problems with form controls */
}

#footer_wrap {
	width:829px;
	margin: 0px auto;
	padding-left: 24px;
}

/* ---------- NAVIGATION ---------- */
#navigation {
margin:0px;
width:100%; height:29px;
 }

#navigation ul { text-align:center; 
margin:0px 14px 0px 0px; padding:0px; }

#navigation li {
list-style-type:none;
display:inline;
float:right;
padding:0px 0px; margin:0px 0px; }

#navigation li a {
height: 29px;
display:block;
}


#navigation li.home a { 
width:64px; background:url(images/Home.png) center no-repeat; }
#navigation li.about a { 
width:64px; background:url(images/About.png) center no-repeat; }
#navigation li.work a { 
width:60px; background:url(images/Work.png) center no-repeat; }
#navigation li.clients a { 
width:66px; background:url(images/Clients.png) center no-repeat; }
#navigation li.contact a { 
width:78px; background:url(images/Contact.png) center no-repeat; }
#navigation li.blog a {
width:56px; background:url(/images/Blog.png) center no-repeat; }

#navigation li.home a.selected, #navigation li.home a:hover {
background:url(images/Home_over.png) center no-repeat; }
#navigation li.about a.selected, #navigation li.about a:hover {
background:url(images/About_over.png) center no-repeat; }
#navigation li.work a.selected, #navigation li.work a:hover {
background:url(images/Work_over.png) center no-repeat; }
#navigation li.clients a.selected, #navigation li.clients a:hover {
background:url(images/Clients_over.png) center no-repeat; }
#navigation li.contact a.selected, #navigation li.contact a:hover {
background:url(images/Contact_over.png) center no-repeat; }
#navigation li.blog a.selected, #navigation li.blog a:hover {
background:url(/images/Blog_over.png) center no-repeat; }

.hiddenPic {display:none;}
.invis { display:none; }
/* ---------- END NAVIGATION ---------- */

#rightbox {
width:280px;
float: right;
margin:26px 20px 50px 30px;
}



a.category {
	color:#003e7e;
	display: block;
	text-decoration: underline;
	margin-left:15px;
	clear:both;
	font-size: 12px;
	display: block;
	padding: 4px 0px 0px 15px;
	line-height: 15px;
	background: url(images/arrows/arrow3.jpg) left center no-repeat;
}


a.category:hover {
	color: #666;
}

li { list-style-image:url(/images/arrows/arrow3.jpg);
	text-align:left;}

/* ---------- Contact Form ---------------- */

#contact-form {
	padding: 0px 0px 0px 0px;
	
}

#contact-form form {

	background-color: #e0eefa;
	border: 1px solid #a2c8fd;
	width: 410px;
	padding: 15px 5px 5px 15px;
}


#contact-form .formrow {

	padding: 0px 0px 8px 0px;
	float: left;

}

#contact-form .textbox {
	float: left;	
	padding: 0px 0px 5px 0px;	
}

#contact-form .textbox input {
	width: 275px;
}

#contact-form .textbox textarea {
	width: 275px;
	height: 125px;
}

#contact-form .title {
	font-size: 11px;
	color: #333;
}


#contact-form .label {
	display: block;
	width: 75px;
	float: left;
	clear: left;
}

#contact-form .form-error {
	color: red;
	font-weight: bold;
}

.errorMsg {
	font-size:14px;
	font-weight: bold;
	color: red;
	padding: 0px 0px 10px 0px;
}

.generalMsg {
	font-size:16px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	color:#0abc0e;
}

/* --------- End Contact Form ------------ */

/* --------- Portfolio ------------ */

.image_thumbs {
	padding:0px;
	display: inline;
	
}

.disclaimer {
float:right;
color:#97b0ca;
padding:13px 14px 0px 0px;
margin:0;
}

#industries {
	width:400px;	/*width:445px;*/
	clear: both;
}

a.industry {
	color:#003e7e;
	display: block;
	text-decoration: none;
	margin-left:15px;
	clear:both;
	font-size: 12px;
	padding: 4px 0px 0px 15px;
	line-height: 15px;
	background: url(images/arrows/arrow3.jpg) left center no-repeat;
}

a.industry:hover {
	color: #666;
}

#industries .industryClients {
	width:400px;
	padding: 0px 0px 0px 5px;
	float: left;
}

#industries .industryClientsInner {
	padding: 4px;
	background-color: #fff;
/* border: 1px solid #ccc; */
	float: left;
	width:400px;	/*width: 425px;*/
}

.imageContainer { float:left;
height:100px; padding:8px 12px; }