/* RESET */
html, body, div, span, object,
p, a, center {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { height: 100%; line-height:1px; font-family: helvetica, arial, sans-serif; font-size: 14px; }


/* MAIN STYLES */
html { height: 100%; background: url(images/bg.jpg) no-repeat top center #bcbcbc; }

a{ text-decoration: none; font-size: 16px;  font-weight: bold; }
a:link{ color: #d12723; }
a:visited{ color: #d12723; }
a:hover{ color: #294d75;  }


a img{ border: none; }

h1{ font-size: 77px; color: #d12723; }
h2{ font-size: 22px; color: #30333a; line-height: 100%; }
h3{ font-size: 16px; color: #d12723; display: inline; line-height: 18px;}
h4{ font-size: 26px; color: #30333a; }

em{ color: #d12723; text-decoration: none; font-weight: bold; font-style: normal; }

big{ font-size: 77px; font-weight: bold; color: #d12723; line-height: 100%; margin-left:10px; }
strong{ font-size: 46px; color: #30333a; }

small{ color: #294d75; font-size: 10px; }

#container { width: 940px; margin: 0 auto; font-size: 14px; }


/* HEADER */
#header { overflow: hidden; height: 100%; /*IE 6*/}
#header img{ float: left; width: 233px;}

#top_nav { float: right; width: 707px; height: 175px; background: url(images/navigation.png) no-repeat bottom;}
#top_nav ul { float: right; margin-top: 140px; margin-right: 80px; }
#top_nav ul li{ display: inline; margin-left: 15px;}
.page_item a{ font-size: 18px; font-weight: normal; }
.page_item a:link{ color: white; }
.page_item a:visited{ color: white; }
.page_item a:hover{ color: #E60C1C; }
.current_page_item a:link, .current_page_item a:hover, .current_page_item a:visited{ font-weight: bold; color: #d12723; }



/* HERO */
#hero{ width: 940px; height: 465px; }
#hero_left{ float: left; width: 110px; height: 405px; background: url(images/hero_left.jpg); }
#hero_center{ float: left; width: 720px; height: 405px; background-color: black; cursor: pointer; }
#hero_right{ float: right; width: 110px; height: 405px; background: url(images/hero_right.jpg); }
#hero_bottom{ clear: both; width: 940px; height: 60px; background: url(images/hero_bottom.png) no-repeat top; }
.hero_pic{ width: 720px; height: 405px; }

#hero_center_slide{	height: 405px; display: none; }

.close{	float: right; padding-top: 2px; padding-right: 110px; display: none; font-size: 10px; }

#title{position: relative; width: 940px; padding: 0px 30px 0px 30px; margin-bottom: 30px; }
.title_red{ padding: 5px 0px 15px 0px; color: #d12723; font-size: 22px; line-height:24px; }
.title_grey{ padding: 5px 0px 25px 0px; color: #30333a; font-size: 22px; line-height:24px; }
.title_smallblurb{ padding: 5px 25px 25px 0px; color: #30333a; font-size: 18px; line-height: 22px; }


.clear{ clear: both; }

.shadow_left{ float: left; width: 30px; height: 215px; background: url(images/shadow_left.png) no-repeat top;  }
.shadow_center{ float: left; width: 24px; height: 215px; background: url(images/shadow_center.jpg) no-repeat top;  }
.shadow_right{ float: left; width: 30px; height: 215px; background: url(images/shadow_right.png) no-repeat top;  }

.bullet{vertical-align: middle; }
.arrow{vertical-align: middle; }

#content{ position: relative; width: 1000px; margin-top: 50px; z-index: 1; }
#content_about{ position: relative; width: 1000px; margin-left: -15px; margin-top: 50px; z-index: 1; }

/*  FOOTER  */
#footer{ position: relative;  width: 100%;  min-height: 50px; background-color: #000000;}
#footer_top{ position: relative; width: 100%; height: 8px; margin-top: -8px; background: url(images/footer.png) no-repeat top center; z-index: 2; }
#footer_bottom{ position: relative; width: 100%; height: 308px; margin-top: -308px; background: url(images/lower_bg.png) no-repeat top center; z-index: -500; }

#footer_logo{ float: left; margin-top: 8px; font-size: 10px; color: white; }
#footer_social{ float: right; margin-top: 15px; }


/*  NEWS  */
#news{ float: left; width: 575px; min-height: 400px; padding-bottom: 20px; background: url(images/div_bg.jpg) repeat;}
#news_bg{ position: relative; width: 620px; height: 80px; margin: -50px 0px -30px -15px; padding: 26px 0px 0px 24px; background: url(images/news_bg.png) no-repeat top left; }
#news iframe{ padding-left: 15px; }


/*  FEATURED  */
#featured{ float: left; width: 270px; min-height: 250px; padding-bottom: 20px; background: url(images/div_bg.jpg) repeat; }
#featured_bg{ position: relative; width: 300px; height: 80px; margin: -50px 0px -30px -12px; padding: 24px 0px 0px 24px; background: url(images/featured_bg.png) no-repeat top left; }
#featured p{ padding: 0px 15px 0px 15px; line-height: 18px; }

#featured_contact{ float: left; width: 270px; min-height: 400px; padding-bottom: 20px; background: url(images/div_bg.jpg) repeat; }

.post{ margin: 0px 15px 10px 15px; line-height: 16px; }
.post_featured { margin: 0px 10px 10px 10px;  }
.post a{ font-size: 20px; }
.post a:link{ color: #E60C1C; }
.post a:visited{ color: #E60C1C; }
.post a:hover{ color: #294d75; }
.post p{ font-size: 12px; line-height: 14px; }


/*  PORTFOLIO */
#portfolio_content{position: relative; padding-bottom: 150px; padding-top: 30px; width: 1000px; z-index: 1; }
.portfolio_post{ float: left; margin: 0px 30px 40px 25px; }
.thumb{ width: 255px; height: 155px; background: url(images/portfolio_thumbbg.png) no-repeat center; z-index: -100;}
.thumbnail{ width: 235px; height: 135px; padding-top: 10px; padding-left: 9px;  z-index: 100;}

/*  BLOG  */
#entries{ float: left; margin-top: 50px; }

.blog_post{ float: left; width:575px; min-height: 215px; margin: 0px 0px 100px 0px; background: url(images/div_bg.jpg) repeat; }
.blog_post a{ font-size: 14px;  }
.entry{ padding: 0px 15px 0px 15px;  }

.entry_content{ padding-top: 10px; }
.entry_content p{ margin-bottom: 15px; line-height: 16px; }

.wp-caption{ text-align: center; border: none; }
.wp-caption img{ padding:0px 5px 5px 5px; }
.wp-caption-text { font-size: 12px; font-style: italic; text-align: center; }
.alignleft{ float: left; }
.alignright{ float: right; }

.postmetadata{ color: red; font-size: 10px; margin-top: 20px; margin-bottom: 10px; }
.postmetadata a{ font-size: 12px; }

/*  SINGLE  */
#single{ float: left; width: 590px; }

/*  SIDEBAR  */
#sidebar{ float:left; margin-top: 50px; }
#sidebar_content{float: left; width: 225px; min-height: 215px; text-align: left; background: url(images/div_bg.jpg) repeat; }
#widgets{ margin-left: -25px; }
#sidebar_content ul{margin-right: 10px; list-style-image: url(images/bullet.jpg); }
#sidebar_content ul li{ font-size: 14px; margin-left: -18px; margin-bottom: 5px; } 
#sidebar_content ul li a{ font-size: 14px; color: #d12723; } 


#sidebar_bg{ position: relative; width: 255px; height: 80px; margin: -50px 0px -30px -12px; padding: 24px 0px 0px 24px; background: url(images/sidebar_bg.png) no-repeat top left; }

/*  COMMENTS  */
#responses{ width: 575px; margin: 0px 0px 50px 30px;}
#respond{ width: 575px; margin: 0px 0px 100px 30px }

#comment{ width: 575px;}
.comment{ margin-bottom: 10px; }
.comment p{ font-size: 14px; margin-bottom: 15px; }

.commentlist{ margin-left: -20px; }
.comment-meta{ margin-bottom: 5px; }
.comment-meta a{ color: #294d75; font-size: 10px;}
.reply{ padding: 5px; border-bottom: dotted 1px #30333a; }
.fn{ font-weight: bold; color: #d12723; }

/*  NAVIGATION */
.navigation{ width: 575px; margin-left: 30px; margin-bottom: 5px; }
.navigation_work{ width: 865px; margin-left: 30px; margin-bottom: 5px; }
.navigation a{ font-size: 18px; }
.navigation div{ }

/*  ABOUT  */
#about_pics{width: 940px; margin: -20px 0px 40px 10px; }
#about_pics_center{ float: left; width: 900px; height: 300px; background-color: black; }
#about_pics_center img{ width: 900px; height: 300px; }
#about_pics_top{width: 930px; height: 15px; background: url(images/about_top.png) no-repeat; }
#about_pics_left{ clear: both; float: left; width: 15px; height: 300px; background: url(images/about_left.png) no-repeat; }
#about_pics_right{ float: left; width: 15px; height: 300px; background: url(images/about_right.png) no-repeat; }
#about_pics_bottom{ clear: both; width: 930px; height: 15px; background: url(images/about_bottom.png) no-repeat; }