@import url('blog.css');
/*------------------------------------------------Let's set some things straight first--------------------------------------*/
*{
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
}
a, :focus{
	outline:none;
}
li{
	list-style:none;	
}
hr, .hidden{
	display:none;
}
img{
	border:none;
}
sup{
	font-size:50%;
}
/*----------------------------------------------------------Site template-------------------------------------------------------------*/
body{
	font-size:medium;
	font-family:helvetica, arial, sans-serif;
	color:#fff;
	background:#000 url(../images/body_bg.jpg) no-repeat top center;
}
.layout_positioned_content{
	width:897px;
	margin:0 auto;
}
/*-------------------------------------------------------------header-----------------------------------------------------------------*/
#header{
	height:178px;
	background:#000 url(../images/header_bg.jpg) no-repeat top center;
	position:relative;
}
h1{
	width:331px;
	height:124px;
	position:relative;
	top:32px;
	left:29px;
}
	h1 a{
		display:block;
		width:100%;
		height:100%;
		text-indent:-3000em;
		overflow:hidden;
		background:transparent url(../images/branding.jpg) no-repeat top left;
	}
h2 {
	width:427px;
	height:52px;
	overflow:hidden;
	text-indent:-3000em;
	background:transparent url(../images/tagline.jpg) no-repeat top left;
	position:absolute;
	top:75px;
	right:44px;
}
/*----------------------------------------------------------nav_main----------------------------------------------------------------*/
#nav_main{
	background:transparent url(../images/nav_bg_tile.png) repeat-x top left;
	height:46px;
}
	#nav_main li{
		float:left;
		background:transparent url(../images/nav_divider.gif) no-repeat top right;
		padding-right:2px;
	}
	#nav_main li a{
		display:block;
		text-decoration:none;
		color:#fff;
		height:32px;
		text-indent:-3000em;
		overflow:hidden;
		background-color:transparent;
		background-repeat:no-repeat;
		background-position:top center;
		text-align:center;
	}
		#nav_btn_home a {
			width:62px;
			background:url(../images/nav_btn_home2.gif);
		}
			#nav_btn_home a:hover{
				background:url(../images/nav_btn_homeHover2.gif);
			}
			#home #nav_btn_home a{
				background:url(../images/nav_btn_homeActive2.gif);
				cursor:default;
			}
		
		#nav_btn_hot a {
			width:130px;
			background-image:url(../images/nav_btn_hot.gif);
		}
			#nav_btn_hot a:hover{
				background-image:url(../images/nav_btn_hotHover.gif);
			}
			#whatshot #nav_btn_hot a{
				background-image:url(../images/nav_btn_hotActive.gif);
				cursor:default;
			}
			
		#nav_btn_services a {
			width:90px;
			background:url(../images/nav_btn_services2.gif);
		}
			#nav_btn_services a:hover{
				background:url(../images/nav_btn_servicesHover2.gif);
			}
			#services #nav_btn_services a{
				background-image:url(../images/nav_btn_servicesActive2.gif);
			}
	
		#nav_btn_projects a {
			width:92px;
			background-image:url(../images/nav_btn_projects.gif);
		}
			#nav_btn_projects a:hover{
				background-image:url(../images/nav_btn_projectsHover.gif);
			}
			#projects #nav_btn_projects a{
				background-image:url(../images/nav_btn_projectsActive.gif);
			}
		#nav_btn_about a {
			width:98px;
			background-image:url(../images/nav_btn_about.gif);
		}
			#nav_btn_about a:hover{
				background-image:url(../images/nav_btn_aboutHover.gif);
			}
			#about #nav_btn_about a{
				background-image:url(../images/nav_btn_aboutActive.gif);
			}
			
		#nav_btn_blog a {
			width:116px;
			background-image:url(../images/nav_btn_blog.gif);
		}
			#nav_btn_blog a:hover{
				background-image:url(../images/nav_btn_blogHover.gif);
			}
			#blog #nav_btn_blog a{
				background-image:url(../images/nav_btn_blogActive.gif);
			}
	
		#nav_btn_contact a {
			width:98px;
		background-image:url(../images/nav_btn_contact2.gif);
		}
			#nav_btn_contact a:hover{
				background-image:url(../images/nav_btn_contactHover2.gif);
			}
			#contact #nav_btn_contact a{
				background-image:url(../images/nav_btn_contactActive2.gif);
			}
		#nav_main #nav_phone {
			width:190px;
			height:32px;
			text-indent:-3000em;
			overflow:hidden;
			background:transparent url(../images/nav_phone.gif) no-repeat top center;
		}
/*-------------------------------------------------------content general-------------------------------------------------------------*/
#content{
	width:893px;
	background-color:#fff;
	border-right:2px solid #b93c11;
	border-left:2px solid #b93c11;
	overflow:hidden;
	color:#131313;
}
	#home #content {
		background:#fff url(../images/content_tile_home.gif) repeat-y top left;
	}
	#contact #content {
		background:#fff url(../images/content_tile_contact.gif) repeat-y top left;
	}
	#blog #content {
		background:#fff url(../images/content_tile_blog.gif) repeat-y top left;
	}
	#services #content, #projects #content, #about #content {
		background:#fff url(../images/content_detail.gif) no-repeat 96% 45px;
	}
/*-------------------------------------------------------page title-------------------------------------------------------------*/
#page_title {
	font-size:150%;
	padding-top:10px;
}

/*--------------------------------------------------------content_main-------------------------------------------------------------*/
#content_main {
	overflow:hidden;
	padding:0 0 30px 30px;
	font-size:90%;
}
	#content_main a {
		color:#ea5022;
	}
	#content_main a:hover{
		text-decoration:none;
	}
	#content_main p{
		padding:8px 0;
		line-height:1.5em;
	}
	#content #content_main p.intro_para{
		padding:8px 0;
	}
	#content_main p.msg_default{
		
	}
	
	#content_main p img{
		
	}
	
	.img_left {
		float:left;
		margin:0 15px 0px 0;
	}
	
	.img_right {
		float:right;
		margin:0 0px 0px 15px;
	}
	
	#content_main dl{
		
	}
		#content_main dl dt{
			
		}
			#content_main dl dt.first_item {
				
			}
		#content_main dl dd {
			
		}
		#content_main dl dd p{
			
		}
		#content_main dl dd ul, #content_main dl dd ol{
			
		}
		#content_main dl dd ul li{
			
		}
		#content_main dl a {
			
		}
			#content_main dl a:hover {
				
			}
/*-----------------------------------------------------home-------------------------------------------------------------*/
#home #content_main{
	width:530px;
	float:left;
	padding:0px 0 22px 0px;
	background:#a9d2f0;
}
#home #home_container {
	background-color:#fff;
	padding:0 38px 0px 45px;
}
#home_news_blurbs {
	padding:60px 25px 40px 25px;
	background:#a9d2f0 url(../images/home_news_divider.gif) no-repeat top left;
	overflow:hidden;
}
	#home_news_blurbs h3{
		background:#a9d2f0 url(../images/home_news_title.gif) no-repeat left;
		text-indent:-3000em;
		overflow:hidden;
		margin-bottom:8px;
		font-size:150%;
		padding-top:10px;
	}
	#home_news_blurbs ul {
		margin-bottom:15px;
		border-bottom:10px solid #76a9d1;
	}
	#home_news_blurbs li {
		border-top:10px solid #76a9d1;
		padding:8px 0;
		overflow:hidden;
		clear:both;
		float:left;
		width:100%;
	}
	#home_news_blurbs li .meta {
		float:left;
		width:173px;
	}
	#home_news_blurbs li h4 {
		color:#ea5022;
		font-size:100%;
	}
	#home_news_blurbs li h5{
		color:#4178a5;
		font-weight:normal;
	}
	#home_news_blurbs li p {
		font-size:90%;
		padding:0 0 0 0;
		width:266px;
		float:right;
	}
	.getFlash {
		text-align:center;
		font-size:80%;
		background-color:#FFFCE0;
	}
	#home_video .getFlash img {
		width:60px;
		display:block;
		margin:0 auto;
	}
/*--------------------------------------------------content_secondary AKA sidebar-------------------------------------------------------------*/
#content_secondary {
	float:right;
}
#home #content_secondary {
	width:330px;
}
	#sidebar_exclusives a{ 
		width:243px;
		height:326px;
		display:block;
		text-indent:-3000em;
		overflow:hidden;
		background:#76a9d1 url(../images/sidebar_home_exclusives.gif) no-repeat top right;
	}
	#sidebar_gallery {
		margin-top:15px;
		width:284px;
		height:329px;
		/*background:#76a9d1 url(../images/sidebar_home_gallery.gif) no-repeat top center;*/
	}
	#sidebar_gallery #sidebar_gallery_holder {
		width:284px;
		height:329px;
		position:relative;
		left:13px;
		top:35px;
		text-align:center;
	}
		#sidebar_gallery_holder #sidebar_gallery_image {
			display:block;
			width:258px;
			height:250px;
			background-color:#000;
			overflow:hidden;
		}
		.sidebar_gallery_hidden {
			display:none;
		}
		.sidebar_gallery_hidden img{
			display:none;
		}
		#content_secondary #sidebar_gallery_holder a, #sidebar_gallery_holder p span {
			color:#fff;
			font-size:80%;
			text-decoration:none;
			display:block;
		}
		#sidebar_gallery_holder p span {
			color:#826181;
		}
		#sidebar_gallery_holder p {
			padding-top:5px;
			overflow:hidden;
			width:240px;
			margin:0 auto;
		}
		
		#sidebar_gallery_holder p a , #sidebar_gallery_holder p span{
			float:left;
			padding:0 15px;
		}
			#content_secondary #sidebar_gallery_holder p a:hover {
				text-decoration:underline;
			}
		
#contact #content_secondary {
	width:220px;
	padding-right:35px;
}
#blog #content_secondary {
	width:220px;
	padding:15px 10px 0 0;
	font-size:90%;
	text-align:right;
}
	#blog #content_secondary ul {
		padding-bottom:30px;
	}
	#blog #content_secondary ul li {
		padding:3px 0;
	}
	#blog #content_secondary li h3 {
		font-size:130%;
		color:#522352;
		padding-bottom:6px;
	}
	#blog #content_secondary a {
		color:#121212;
		text-decoration:none;
	}
		#blog #content_secondary a:hover {
			text-decoration:underline;
		}
/*------------------------------------------------------------footer---------------------------------------------------------*/
#footer {
	position:relative;
	top:-48px;
}
#footer_meta {
	color:#5b5b5b;
	background-color:#000;
	font-size:70%;
	overflow:hidden;
	padding:6px 4px;
	line-height:1.6em;
	float:left;
	width:889px;
}
	#footer_copy {
		float:left;
		width:240px;
	}
	#footer_affiliates {
		float:left;
	}
		#footer_affiliates li {
			float:left;
			padding:14px 0px 0 10px;
		}
	#footer_credit {
		float:right;
		width:200px;
		text-align:right;
	}
	#footer_credit a {
		color:#808080;
		text-decoration:none;
	}
		#footer_credit a:hover {
			color:#5b5b5b;
			text-decoration:underline;
		}
		#valid_html, #valid_css {
			background:#000 url(../images/icon_check.gif) no-repeat left;
			padding-left:15px;
		}
#footer_callouts {
	overflow:hidden;
	background:transparent url(../images/footer_callout_bg.gif) repeat-x bottom left;
}
	#footer_callouts li {
		float:left;
		background:transparent url(../images/footer_divider.gif) no-repeat bottom right;
		padding-right:3px;
	}
	#callout_costumes a {
		display:block;
		width:298px;
		height:147px;
		background:transparent url(../images/footer_costumes.png) no-repeat bottom left;
		text-indent:-3000em;
		overflow:hidden;
	}
	#footer_callouts #callout_projects a{
		display:block;
		width:296px;
		height:147px;
		background:transparent url(../images/footer_projects.png) no-repeat bottom left;
		text-indent:-3000em;
		overflow:hidden;
	}
	#footer_callouts #callout_login {
		padding-top:80px;
		width:294px;
		height:67px;
		background:transparent url(../images/footer_login_bg.gif) no-repeat bottom left;
	}
		#footer_callouts #callout_login p {
			padding:2px 0;
		}
		#login_form fieldset {
			padding:0px 0 0 12px;
			border:none;
		}
		#login_form fieldset legend, #login_form label {
			display:none;
		}
		#login_form input {
			border:none;
			padding:4px 2px 0 4px;
			width:163px;
			height:18px;
			background:#b5dbf4;
			font-family:arial, helvetica, sans-serif;
			font-size:80%;
			color:#683324;
			text-transform:uppercase;
			margin-bottom:5px;
		}
		#login_form #btn_login {
			width:76px;
			height:26px;
			background-image:url(../images/footer_login_btn.gif);
			color:#fff;
			padding-top:0px;
			cursor:pointer;
			position:relative;
			top:-27px;
			left:188px;
		}
/*------------------------------------------------------------projects--------------------------------------------------------*/
#project_list {
	overflow:hidden;
	padding:15px 0 25px 0;
}
	#project_list li {
		float:left;
		width:261px;
		height:210px;
		overflow:hidden;
		padding:10px 12px 10px 4px;
		
	}
	#project_list li a{
		border:2px solid #76a9d1;
		display:block;
		width:257px;
		height:157px;
		overflow:hidden;
		margin-bottom:5px;
	}
		#project_list li a:hover {
			border-color:#a94522;
		}
	#project_list li a img {
		display:block;
		
	}
/*------------------------------------------------------------services-------------------------------------------------------*/
#services #content_main p {
	padding:35px 15px 30px 0;
}
	#services #content_main p img {
		display:block;
		margin-top:10px;
	}
#services_list {
	overflow:hidden;
	padding:35px 0 35px 0;
}
	#services_list li {
		float:left;
		width:161px;
		overflow:hidden;
		padding-right:8px;
	}
		#services_list li:hover h4{
			text-decoration:underline;
			color:#a94522;
		}
	#services_list h4{
		font-size:110%;
		padding-bottom:5px;
	}
	#services_list a {
		border:2px solid #76a9d1;
		display:block;
		width:157px;
	}
		#services_list li a:hover {
			border-color:#a94522;
		}
	#services_list li a img {
		display:block;
	}
	#services #content_main #services_list p {
		font-size:80%;
		line-height:1.2em;
		padding:8px 4px;
		color:#4f4f4f;
	}
/*-------------------------------------------------------------about---------------------------------------------------------*/
#about p {
	padding-right:20px;
}
#staff_list {
	overflow:hidden;
	padding:15px 0 25px 0;
}
	#staff_list li {
		overflow:hidden;
		float:left;
		width:370px;
		background:#fff url(../images/staff_bg.gif) no-repeat bottom right;
		padding:0 5px 15px 0;
		margin:10px 40px 20px 0;
	}
	#staff_list h4{
		border-bottom:5px solid #76a9d1;
		position:relative;
		margin-bottom:8px;
		width:270px;
		float:right;
	}
	#staff_list h4 span {
		color:#4178a5;
		font-weight:normal;
		position:absolute;
		right:0px;
	}
	#staff_list li p {
		font-size:90%;
		padding:2px 0 2px 0;
		width:270px;
		float:right;
	}
	#staff_list img {
		float:left;
	}
/*------------------------------------------------------------contact--------------------------------------------------------*/
#contact #content_main {
	float:left;
	padding-bottom:80px;
	padding-left:30px;
}
	#contact #contact_info {
		clear:both;
		overflow:hidden;
		position:relative;
		padding:10px 0 35px 0;
		border-top:10px solid #76a9d1;
		width:550px;
	}
		#contact #contact_info li {
			overflow:hidden;
			width:48%;
			line-height:2em;
		}
		#contact #contact_info li span{
			display:block;
			padding-left:100px;
		}
		#contact #contact_info li.hours {
			position:absolute;
			top:10px;
			right:0px;
		}
		#contact #contact_info strong {
			display:block;
			width:100px;
			float:left;
		}
	#gmap {
		width:545px;
		height:327px;
		font-size:90%;
		clear:both;
		border:2px solid #a9d2f0;
	}
/*------------------------------------------------------------what's hot-------------------------------------------------------*/
#sidebar_whatshot{
	width:296px;
}
	#swh_top{
		width:296px;
		height:73px;
		position:relative;
		z-index:99;
		background:url('../images/whatshot-top.gif') no-repeat;
	}
	#swh_img{
		width:296px;
		height:210px;
		margin-top:-14px;
		background:#000 url('../images/whatshot-bbg.gif') repeat-y;
		overflow:hidden;
	}
	#swh_img img{
		margin-left:74px;
	}
	#swh_desc{
		width:242px;
		padding:5px 20px 25px 34px;
		background:url('../images/whatshot-xlbtm.gif') repeat-y bottom center;
		font-size:9pt;
		color:#fff;
		text-align:center;
	}
	#swhlink{
		line-height:25px;
		color:#fff;
	}
	/*#swh_btm{
		width:296px;
		height:37px;
		background:url('../images/whatshot-btm.gif') no-repeat;
		margin-top:-15px;
	}*/
#whatshot #content_main p {
	padding:35px 15px 30px 0;
}
	#whatshot #content_main p img {
		display:block;
		margin-top:10px;
	}
#hot_list {
	overflow:hidden;
	padding:35px 0 35px 0;
}
	#hot_list li {
		float:left;
		width:161px;
		overflow:hidden;
		padding-right:8px;
	}
		#hot_list li:hover h4{
			text-decoration:underline;
			color:#a94522;
		}
	#hot_list h4{
		font-size:100%;
		padding-bottom:5px;
	}
	#hot_list a {
		border:2px solid #76a9d1;
		display:block;
		width:157px;
	}
		#hot_list li a:hover {
			border-color:#a94522;
		}
	#hot_list li a img {
		display:block;
	}
	#whatshot #content_main #hot_list p {
		font-size:80%;
		line-height:1.2em;
		padding:8px 4px;
		color:#4f4f4f;
	}
	
	#hotimg{
		display: block;
		max-width:50%;
		float: left;
	}
	
	#hotinfo{
		padding:0;
		margin:0 20px 0 0;
		width:370px;
		float:right;
		text-align: left;
	}
	
	#hotinfo h1{
		margin:-28px 0 40px -28px;
		padding:0;
		width:387px;
		height:25px;
		text-align: left;
		font-size: 1.3em;
	}
	
	#hotclear{
		clear:both;
	}
	
/*-------------------------------------------------------------forms---------------------------------------------------------*/
	.site_form fieldset{
		border:none;
		
	}
		#contact_form fieldset {
			padding:110px 0 30px 0;
			background:#76a9d1 url(../images/contact_logo_mp.gif) no-repeat top center;
		}
		.site_form p{
			padding:8px 0;
		}
		.site_form label{
			display:none;
		}
		#contact_form.site_form input, #contact_form.site_form textarea{
			width:212px;
			height:20px;
			padding:6px 2px 0 4px;
			background:#76a9d1 url(../images/form_input.gif) no-repeat left;
			border:none;
			font-family:helvetica, arial, sans-serif;
			font-size:80%;
			color:#683324;
			text-transform:uppercase;
		}
		.site_form select{
			
		}
		#contact_form.site_form textarea {
			height:120px;
			background:#76a9d1 url(../images/form_textarea.gif) no-repeat left;
		}
		#contact_form input.form_btn{
			width:48px;
			height:22px;
			background:#76a9d1 url(../images/form_btn.gif) no-repeat left;
			padding:2px 0 0 0;
			cursor:pointer;
		}
/*-----------------------------------------forms status and feedback-------------------------------------*/
.site_form p#status{
	clear:both;
	float:none;
	font-size:80%;
	padding:5px;
	margin-bottom:10px;
}
.warning{
	background-color:#fbd6d6;
	color:#eb0000;
}
.confirm{
	background-color:#d8fcd7;
	color:#3d9123;
}

.site_form .feedback{
	width:212px;
	font-size:80%;
	color:#eb0000;
	padding:5px;
	display:block;
	font-weight:bold;
	text-align:right;
}