/* Holst Digital Styles
	Author:Ville Vartiainen
	Version Date:02-10-2008
	Content Index:
	01-TYPOGRAPHY
	02-LAYOUT
	03-TOP NAVIGATION
*/

/**************** TYPOGRAPHY ******************/

h1 {
	font: 24px "Times New Roman", Times, serif;
	color: #ffffff;
	background: url(../images/contentHeader.png) 0px 0px  no-repeat;
	width: 863px;
	height: 63px;
	line-height:63px;
	text-indent:30px;
	margin:0 auto;
}

h2 {
	font:20px "Times New Roman", Times, serif;
	color: #ffffff;
}

h2.AboutUs {
	font:24px "Times New Roman", Times, serif;
	color: #ffffff;
}

h1.OWHeadTitle {	
	font: 24px "Times New Roman", Times, serif;
	color: #ffffff;
	background: url(../images/contentHeader1.png) 0px 0px  no-repeat;
	width: 863px;
	height: 65px;
	line-height:65px;
	text-indent:30px;
	margin:0 auto;
}

h1.HeadTitle2 {	
	font: 24px "Times New Roman", Times, serif;
	color: #ffffff;
	background: url(../images/contentHeader2.png) 0px 0px  no-repeat;
	width: 863px;
	height: 62px;
	line-height:65px;
	text-indent:30px;
	margin:0 auto;
}

.grey {
	color: #7a756a;
}

.greyB {
	color: #44423d;
	font-weight: bold;
}

.yel {
	color: #ffcf77;
}
.white {
	color:#ffffff;
}
.whiteB {
	color:#ffffff;
	font-weight: bold;
}


.whiteT {	
	font: 24px "Times New Roman", Times, serif;
	color: #ffffff;
}


a {
	color:#44423d; 
	text-decoration:none;
	font-weight: bold;
}


ul {
	padding-left:10px;
}


.mail {
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}

.mail:hover {
	color:#44423d;
	text-decoration:underline;
	font-weight: bold;
}


/**************** LAYOUT ******************/
body {
	background: #565146 url(../images/bg-subwrapper.jpg) 50% 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

#banner {
	background:url(../images/banner.png) no-repeat; 
	width:863px;
	height:136px; 
	margin:0 auto;
	overflow:hidden;
}


#banner a.homelink{
	display:block;
	width:200px;
	height:40px;
	margin-top:50px;
	text-indent:-9000px;
}

/**** topnav ***/

#topnav {
float:right;
margin-right:15px;
margin-top: 3px;
}
#topnav li{ 
	float:left;	
}
#topnav li a { 
	display:block; 
	float:left; 
	height:29px;
	text-indent:-9000px;
}

.ourwork a {background:url(../images/nav1.jpg) 0 0; width:98px;}
.blog a {background:url(../images/nav2.jpg) 0 0; width:62px;}
.clients a {background:url(../images/nav3.jpg) 0 0; width:82px;}
.aboutus a {background:url(../images/nav4.jpg) 0 0; width:93px;}
.contact a {background:url(../images/nav5.jpg) 0 0; width:83px;}

/**
.ourwork a:hover, #ourwork .ourwork a {background:url(../images/nav1.jpg) 0 29px; width:98px;}
.clients a:hover, #clients .clients a {background:url(../images/nav2.jpg) 0 29px; width:67px;}
.contact a:hover, #contact .contact a {background:url(../images/nav3.jpg) 0 29px; width:85px;}
.blog a:hover, #blog .blog a {background:url(../images/nav4.jpg) 0 29px; width:90px;}
**/

/**** topnav ends ***/

.reelmodule {
	background:url(../images/divider.png) 0 0 repeat-x;
	padding: 9px 0px 9px 0px;	
}


.module1 {
	background:url(../images/divider.png) 0 0 repeat-x;
	padding: 9px 0px 0px 0px;	
}
.module {
	background:url(../images/divider_2.gif) 0 0 repeat-x;
	padding: 9px 0px 9px 0px;
}

.content {
	background:url(../images/content_bg.png) no-repeat;
	width:863px; 
	height:492px; 
	margin:0 auto;
	/*this enables the floaty below */
	position:relative;
}
.contentreel {
	background:url(../images/reel_bg.png);
	width:863px; 
	height:400px; 
	margin:0 auto;
}
.AboutReel {
	background:url(../images/AboutReel_bg.png);
	width:863px; 
	height:831px; 
	margin:0 auto;
}

.imagery {
	padding:1.0em 1.5em;
}

.floaty {
	position:absolute; 
	top:250px; 
	right:50px;
}	


.flash {
	padding: 14px 0px 0px 17px;
	width:823px; 
	height:328px;
}
.flashReel {
	padding: 14px 0px 0px 20px;
}
.flashThumbs {
	background:url(../images/ourwork/ourwork_SBox_Flash.jpg) no-repeat;
	padding: 16px 0px 0px 17px;
	width: 265px;
	height: 173px;
}




.info {
	padding: 15px 0px 0px 20px;
	width:800px;
	overflow:hidden;
}

.info p {
	line-height:1.5em; 
	color:#FFFFFF;
	width:550px;
	float:left;
}
.infolinks {
	float:right;
	width:190px;
}
.infolinks a {margin-left:35px;}

.AboutCopy {
	padding: 15px 0px 0px 30px;
	width:800px;
	overflow:hidden;
}
.AboutCopy p {
	padding: 15px 0px 0px 0px;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 15px;
	width:750px;
}

.access {display:none;}



/**** OUR WORK ****/





.OWcontent {
	width:863px; 
	margin:0 auto;
	padding: 0px 0px 11px 0px;	
}

.OWcontentDivider {
	background:url(../images/divider.png) 0 0 repeat-x;
	padding: 9px 0px 0px 0px;	
}

.OWcontentBox {
	background:url(../images/ourwork/ourwork_bg_tile.png) repeat-y;
	padding: 23px 15px 15px 19px;
	width:863px;
	height: 100%;
}

.OWcontentBox1 {
	background:url(../images/ourwork/content_bg.png)  no-repeat;
	padding: 13px 0px 0px 18px;
	width:863px;
	height: 325px;
}

.OWLeftcontent {	
	width:598px;
	float: left;
}
.OWRightcontent {
	width:265px;
	float: left;
}

.OWLeftcontent1 {	
	width:450px;
	float: left;
}
.OWRightcontent1 {
	width: 400px;
	float: left;
}


.OWcontentLeft {
	background:url(../images/ourwork/ourwork_LBox_Tile.jpg) repeat-y;
	width:598px; 
	padding: 0px 0px 0px 0px;
	position: relative;	
}
.OWcontentHeaderLeft {	
	font: 24px "Times New Roman", Times, serif;
	color: #ffffff;
	background: url(../images/ourwork/ourwork_LBox_Header.jpg) 0px 0px  no-repeat;
	width: 598px;
	height: 60px;
	line-height:67px;
	text-indent:30px;
}
.OWcontentSubHeader1Left {	
	font: 24px "Times New Roman", Times, serif;
	color: #ffffff;
	background: url(../images/ourwork/ourwork_LBox_SubHeader_1.jpg) 0px 0px  no-repeat;
	width: 598px;
	height: 43px;
	line-height:40px;
	text-indent:30px;
}
.OWcontentSubHeader2Left {	
	font: 24px "Times New Roman", Times, serif;
	color: #ffffff;
	background: url(../images/ourwork/ourwork_LBox_SubHeader_2.jpg) 0px 0px  no-repeat;
	width: 598px;
	height: 43px;
	line-height:36px;
	text-indent:30px;
}
.OWcontentBoxLeft {	
	padding: 6px 0px 15px 30px;
	padding-top: 20px;
	padding-bottom: 25px;
	width:540px;
	height: 100%;
	line-height:1.5em; 
	color:#FFFFFF;
}





.OWcontentRight {
	background:url(../images/ourwork/ourwork_SBox_Tile.jpg) repeat-y;
	width:265px; 
	padding: 0px 0px 0px 0px;
	position: relative;	
}
.OWcontentHeaderRight {	
	font: 24px "Times New Roman", Times, serif;
	color: #ffffff;
	background: url(../images/ourwork/ourwork_SBox_Header.jpg) 0px 0px  no-repeat;
	width: 265px;
	height: 58px;
	line-height:60px;
	text-indent:25px;
}
.OWcontentBoxRight {	
	padding: 6px 0px 15px 25px;
	width:265px;
	height: 100%;
	line-height:1.5em; 
	color:#FFFFFF;
}
.OWcontentFooterRight {
	background:url(../images/ourwork/ourwork_SBox_Footer.jpg) no-repeat;
	width:265px;
	height:13px;
	margin:0 auto;
	overflow:hidden;
}
.OWDividerRight {
	padding: 8px 0px 10px 0px;
	position: relative;	
	left: -25px;
}



.OWcontentBox a {
	z-index:1;
	position:relative;
}

.OWcontentBox p {
	line-height:1.5em; 
	color:#FFFFFF;
	width:370px;
}

.OWdivider {
	padding: 0px 0px 5px 0px;
}
.OWdivider2 {
	position: relative;	
	left: -11px;
}
.OWheader {
	margin: 0px 0px 0px 0px;
	height: 90px;
}
.OWfooter {
	margin: 0px 0px 0px 0px;
}





/**** MISC Positioning ****/



.ImagePos {
	margin: 5px 0px 0px 0px;
	position:relative;
	right:3px;
}


.BulletPos {
	position:relative; 
	top:3px;
	right:3px;
}	




/**** BLOG ****/

.Blogfooter {
	background:url(../images/blog/blog_Footer.gif) no-repeat;
	width:582px;
	height:34px;
	margin:0 auto;
	overflow:hidden;
}
.footerLeftLink{
	color:#FFFFFF;
	display:block;
	width:100px;
	margin-top:12px;
	position: relative;
	left: 16px;
	
}
.footerRightLink{
	color:#FFFFFF;
	display:block;
	width:140px;
	margin-top:-15px;
	position: relative;
	left: 445px;
}

.BlogImage {
	margin: 0px 0px 0px 0px;
}

ul.BlogList li {
	height:12px;
	float:left;
	position: relative;
	top: -10px;
}
li.Left { 
	width:470px;
}
li.Center { 
	width:260px;
}
li.Right { 
	width:100px;
}


/***
.BlogcontentDivider {
	background:url(../images/blog/Blog_divider.png) no-repeat;
	margin:0 auto;
	padding: 0px 0px 0px 450px;
	position: relative;
	width:863px;
	height:36px;
}
***/

/**** CLIENTS ****/

ul.ClientList li {
	padding: 0px 0px 0px 0px;
	height:149px;
	width:863px;
	margin:0 auto;
	list-style: none;
	position: relative;
	left: -5px;
}

/**** CONTACT ****/

.ContactContent {
	background:url(../images/Contact_HolstAddress.png) 0px 0px no-repeat;
	width:863px; 
	height:298px; 
	margin:0 auto;
	position: relative;
}

.ContactAlt {
	display:block;
	width:460px;
	height:165px;
	position: relative;
	left: 300px;
	top: 30px;
}

a.HDInfo{
	display:block;
	width:220px;
	height:25px;
	position: relative;
	left: 300px;
	top: 35px;
}

a.googlelink{
	display:block;
	width:260px;
	height:260px;
	position: absolute;
	left: 19px;
	top: 12px;
	text-indent:-9000px;
}



/**** CONTENT LIST ****/

#content ul.infolinks a {text-decoration:none;}
#content ul.infolinks li { 
	font-size: 0.85em;
	line-height:1.5em; 
	font-weight:bold; 
	display:block;
	width:180px; 
	list-style: none;
	margin-right:0px;
	background:url(../images/list-bullet.gif) 7px 1px no-repeat;
}

/**** TABLE ****/
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}