/* 
	Westbound media. Ltd.
	Main CSS Document
	
	Creator: 	Matt Kircher
	Created: 	4.3.06
	Modified:	--

*/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#1F3B5D;
	background-color:#1F3B5D;
	text-align:center;
}

a:link, a:visited, a:active{ color:#F90; outline:none; }
a:hover{}

a.white:link, a.white:visited, a.white:active{ color:#FFF; }
a.white:hover{}

.large-text { font-size:12px; font-weight:bold; }

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
h1, h2{ font-size:14px; color:#F90; }
h3{ font-size:12px; }

hr{
	color:#000;
	background-color:#000;
	border:none;
	height:1px;
}

.ban{
	background-color:#F90;
	color:#FFF;
	padding:5px;
}
.hover-right{
	float:right;
	position:relative;
	top:-35px;
	margin-bottom:-35px;
	padding-right:10px;
}
html>body .hover-right{
	position:static;
	margin-top:-28px;
	margin-bottom:-28px;
}

div { margin:0px; padding:0px; }

.noCSS{
	display:none;
	visibility:hidden;
}

#index{ text-align:right; }
#index p{ text-align:center; }

#wrap{
	width:650px;
	margin:auto;
	padding:0px;
	text-align:left;
	background-color:#FFF;
}
#header{
	height:75px;
	background:url(images/header_bg.jpg) repeat-x bottom left #1F3B5D;
	text-align:right;
}
#header img{
	visibility:hidden;
	display:none;
	height:1px;
	width:1px;
}
#title{
	width:280px;
	height:45px;
	padding:0px;
	margin:0px;
	margin-right:330px;
	background:url(images/title.gif) no-repeat top left;
	position:relative;
	top:23px;
	left:40px;
}
html>body #title{
	left:75px;
}
#title a:link,
#title a:visited,
#title a:active,
#title a:hover{ 
	padding-left:280px;
	padding-bottom:25px;
	text-decoration:none;
}
#title-accent{
	width:127px;
	height:126px;
	float:left;
	position:relative;
	top:150px;
	left:-25px;
	margin-top:-176px;
}
#title-accent1{
	width:127px;
	height:75px;
	background:url(images/title_accent1.gif) no-repeat top left;
}
#title-accent2{
	width:127px;
	height:51px;
	background:url(images/title_accent2.gif) no-repeat top left;
}
#header-email{
	margin-right:25px;
	padding-left:15px;
	background:url(images/icon_email.jpg) no-repeat 580px 2px;
}
#header-email a:link,
#header-email a:visited,
#header-email a:active{ color:#FFF; text-decoration:none; }
#header-email a:hover{ color:#FFF; text-decoration:none; }

#main-nav{
	background-color:#1F3B5D;
	border-top:1px solid #FFF;
	padding:8px 0px 8px 0px;
	text-align:right;
}
#main-nav ul{
	margin:0px;
	margin-right:25px;
	padding:0px;
}
#main-nav li{
	display:inline;
	list-style:none;
	margin-left:15px;
}
#main-nav a:link,
#main-nav a:visited,
#main-nav a:active{ color:#FFF; font-weight:bold; text-decoration:none; }
#main-nav a:hover{ color:#FFF; font-weight:bold; text-decoration:none; }

#main-nav a.selected:link,
#main-nav a.selected:visited,
#main-nav a.selected:active{ color:#F90; text-decoration:none; }
#main-nav a.selected:hover{ text-decoration:none; }

#content{
	border-top:1px solid #FFF;
	padding:35px 25px 25px 75px;
	margin-bottom:15px;
	min-height:450px;
}
* html #content{
	height:450px;
}
#content ul{
	margin:0px;
	padding:0px;
}
#content li{
	list-style:none;
	margin-bottom:5px;
}
#main-content{
	width:275px;
	margin-right:20px;
	min-height:250px;
}
/*IE min-height */
* html #main-content{
	height:250px;
}

#slideshow{
	margin-bottom:25px;
}
#slideshow img{
	margin-right:3px;
	margin-bottom:5px;
	border:1px solid #1F3B5D;
	vertical-align:text-bottom;
}
#sub-content{
	width:220px;
	float:right;
	display:inline;
}
#featured-work{

}
#big-view{
	height:265px;
}
html>body #big-view{

}
#slideshowCap{
	font-weight:bold;
}
#main-content img,
#labeled-list img,
#featured-work img{
	margin:0px 10px 10px 0px;
	border:1px solid #1F3B5D;
}
#labeled-list{

}
#labeled-list dt{
	font-weight:bold;
	margin-top:12px;
}
#labeled-list dd{
	margin-top:-12px;
	margin-left:60px;
}

#contactform{

}
#contactform label{
	width:150px;
	float:left;
}
#contact input,
#contact select,
#contact textarea{
	float:left;
	font-size:10px;
	border:1px solid #000;
}
#fname{
	width:88px;
}
.required_field{
	font-weight:bold;
}


#portfolio-overlay{
	width:520px;
	min-height:300px;
	border:1px solid #999;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	background-color:#FFF;
	position:absolute;
	top:150px;
	margin:auto;
	margin-left:-2px;
	padding:15px;
	visibility:hidden;
}
* html #portfolio-overlay{
	height:300px;
}

#portfolio-overlay table{
	float:left;
	padding:0px;
}
* html #portfolio-overlay table{

}
#portfolio-overlay table td{
	vertical-align:top;
}

#footer{
	height:15px;
	background-color:#1F3B5D;
}
#gutter{
	height:54px;
	background:url(images/footer_bg.jpg) repeat-x top left #1F3B5D;
	border-top:1px solid #FFF;
	padding-right:25px;
	padding-left:50px;
}
#left_gutter,
#view_flash{
	float:left;
	margin-top:13px;
}
#copyright{
	color:#FFF;
	text-align:right;
	margin-top:15px;
}
#copyright a:link,
#copyright a:visited,
#copyright a:active{
	color:#FFF;
}