@import url("reset.css");
@import url("slider.css");
/* CSS Document */
body {
	background: #f8f8f6 url(../images/site/background_repeater.jpg) repeat-x top left;
	margin: 0 auto;
	text-align: center;
}
/*Main Structure*/
#container {
	position: relative;
	width: 840px;
	height: 760px;
	text-align: left;
	z-index: 1;
	margin: 0 auto;
	padding: 0 0 0 120px;
}
#container_background {
	background: url(../images/site/background.jpg) no-repeat top left;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 760px;
	z-index: -1;
}
.top_header {
	position: relative;
	top: 136px;
	width: 713px;
	height: 197px;
}
.top_header_sub {
	position: relative;
	top: 136px;
	width: 713px;
	height: 214px;
}
#top_header_text {
	position: relative;
	float: right;
	top: 54px;
	right: 75px;
	width: 285px;
	height: 150px;
}
#top_header_text_news {
	position: relative;
	float: left;
	top: 64px;
	left: 75px;
	width: 285px;
	height: 150px;
}
#top_nav {
	position: absolute;
	top: 89px;
	left: 409px;
	width: 428px;
	height: 22px;
}
#content_container_home {
	position: relative;
	top: 136px;
	width: 713px;
	background: url(../images/site/content_home_bg.png) repeat-y top left;
	min-height: 143px;
	height: auto !important;
	display: table;
}
#content_container_sub {
	position: relative;
	top: 132px;
	width: 713px;
}
#col_left {
	float:left;
	width:430px;
}
#col_right {
	float:right;
	width:280px;
}
#content_container_home_footer {
	height: 19px;
	width: 713px;
	position: relative;
	top: 136px;
	text-align: center;
}
#content_container_home_footer_bl {
	height: 19px;
	width: 21px;
	background: url(../images/site/bottom_left_inner.png) no-repeat top left;
	float: left;
	margin: 0;
	padding: 0;
}
#content_container_home_footer_br {
	height: 19px;
	width: 21px;
	background: url(../images/site/bottom_right_inner.png) no-repeat top left;
	float: right;
	margin: 0;
	padding: 0;
}
#content_container_home_footer_b {
	height: 19px;
	width: 671px;
	background: url(../images/site/bottom_repeater.png) repeat-x top left;
	margin: 0 auto;
}
#home_content_left {
	margin: 20px 0 10px 50px;
	width: 248px;
	float: left;
	border: red 0px solid;
}
#home_content_right {
	margin: 20px 46px 20px 0;
	width: 300px;
	float: right;
	border: red 0px solid;
}
#footer, #footer_home {
	clear: both;
	position: relative;
	top: 145px;
	left: 0px;
	text-align: left;
	height: 22px;
	width: 688px;
	padding: 0 15px 0 15px;
}
#theme3_footcontainer {
	display: none;
}
#theme3_footl {
	display: none;
}
#theme3_footr {
	display: none;
}
/*Container Styles*/
.cont_container {
	width: 100%;
}
.cont_tl {
	background: url(../images/site/container/container_tl.png) no-repeat top left;
	height: 17px;
	width: 17px;
}
.cont_tr {
	background: url(../images/site/container/container_tr.png) no-repeat top left;
	height: 17px;
	width: 17px;
}
.cont_bl {
	background: url(../images/site/container/container_bl.png) no-repeat top left;
	height: 17px;
	width: 17px;
}
.cont_br {
	background: url(../images/site/container/container_br.png) no-repeat top left;
	height: 17px;
	width: 17px;
}
.cont_t {
	background: url(../images/site/container/container_t.png) repeat-x top left;
	height: 17px;
	width: 100%;
}
.cont_b {
	background: url(../images/site/container/container_b.png) repeat-x top left;
	height: 17px;
	width: 100%;
}
.cont_r {
	background: url(../images/site/container/container_r.png) repeat-y top left;
	width: 17px;
}
.cont_l {
	background: url(../images/site/container/container_l.png) repeat-y top left;
	width: 17px;
}
.cont_content {
	background: #fff;
	width: 100%;
	vertical-align: top;
	padding: 8px 20px 12px 20px;
}
/*Featured Project*/
.featured_images {
	position: relative;
	width: 80px;
	height: 70px;
	float: left;
}
.featured_image {
	border: #b6b3ae 3px solid;
}
.featured_new {
	position: absolute;
	z-index: 2;
	bottom: -9px;
	left: -12px;
}
.viewproject {
	z-index: 1;
	position: absolute;
	text-align: right;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	height: 13px;
	background: #b6b3ae;
	width: 100%;
	display: none;
	bottom: 1px;
	right: 1px;
	padding: 2px;
}
#featured_text {
	float: right;
	width: 205px;
}
/*Latest News*/
.cal_date {
	position: relative;
	top: 5px;
	width: 31px;
	height: 47px;
	float: left;
	background: url(../images/calendar_bg.jpg) no-repeat;
}
.cal_date_day {
	position: absolute;
	text-align: center;
	top: 13px;
	width: 31px;
	height: 23px;
	z-index: 2;
	color: #343434;
	font-weight: bold;
	font-size: 14px;
}
.cal_date_month {
	position: absolute;
	text-align: center;
	top: 0px;
	width: 31px;
	height: 18px;
	z-index: 2;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
.latestnews_text {
	position: relative;
	float: right;
	width: 195px;
	margin: 0 5px 0 0;
}
.latestnews_text_sub {
	position: relative;
	float: right;
	width: 160px;
}
.latestnews_text2 {
	float: right;
	width: 295px;
	margin: 0 5px 14px 0;
}
.news_story {
    position: relative;
    clear:both;
}
.news_arc {
    margin: 0;
    padding: 0;
}
.news_arc li {
    list-style:none;
    padding: 0 0 5px 0;
}
/*Menu*/
ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 428px;
}
ul.nav li {
    list-style: none;
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
}
ul.nav li a {
	display: block;
	height: 22px;
	text-decoration: none;
}
#nav_home {
	width: 52px;
	background: url(../images/menu/menu_home.png) 0 0 no-repeat;
}
#nav_home:hover {
	background-position: -88px 0;
}
#nav_home_active {
	width: 52px;
	background: url(../images/menu/menu_home.png) -88px 0 no-repeat;
}
#nav_who {
	width: 88px;
	background: url(../images/menu/menu_who.png) 0 0 no-repeat;
}
#nav_who:hover {
	background-position: -88px 0;
}
#nav_who_active {
	width: 88px;
	background: url(../images/menu/menu_who.png) -88px 0 no-repeat;
}
#nav_what {
	width: 86px;
	background: url(../images/menu/menu_what.png) 0 0 no-repeat;
}
#nav_what:hover {
	background-position: -88px 0;
}
#nav_what_active {
	width: 86px;
	background: url(../images/menu/menu_what.png) -88px 0 no-repeat;
}
#nav_work {
	width: 66px;
	background: url(../images/menu/menu_work.png) 0 0 no-repeat;
}
#nav_work:hover {
	background-position: -88px 0;
}
#nav_work_active {
	width: 66px;
	background: url(../images/menu/menu_work.png) -88px 0 no-repeat;
}
#nav_news {
	width: 48px;
	background: url(../images/menu/menu_news.png) 0 0 no-repeat;
}
#nav_news:hover {
	background-position: -88px 0;
}
#nav_news_active {
	width: 48px;
	background: url(../images/menu/menu_news.png) -88px 0 no-repeat;
}
#nav_contact {
	width: 76px;
	background: url(../images/menu/menu_contact.png) 0 0 no-repeat;
}
#nav_contact:hover {
	background-position: -88px 0;
}
#nav_contact_active {
	width: 76px;
	background: url(../images/menu/menu_contact.png) -88px 0 no-repeat;
}
ul.footernav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 428px;
}
ul.footernav li {
	list-style: none;
	float: left;
	margin: 0 1px 0 0;
}
ul.footernav li a {
	display: block;
	text-decoration: none;
}
#btn_about {
	width: 228px;
	background: url(../images/menu/menu_btn_about.png) 0 0 no-repeat;
	height: 100px;
}
#btn_about:hover {
	background-position: -229px 0;
}
#btn_work {
	width: 228px;
	background: url(../images/menu/menu_btn_work.png) 0 0 no-repeat;
	height: 100px;
}
#btn_work:hover {
	background-position: -227px 0;
}
#btn_quote {
	width: 228px;
	background: url(../images/menu/menu_btn_quote.png) 0 0 no-repeat;
	height: 100px;
}
#btn_quote:hover {
	background-position: -225px 0;
}
/*Home Buttons*/
#home_bottom_nav {
	position: relative;
	top: 140px;
	width: 716px;
	height: 100px;
}
#home_bottom_nav ul {
	width: 100%;
}
.rightpad {
	margin: 0 14px 0 0;
}
/*Banners*/
#header_home {
	background: url(../images/headers/header1.png) no-repeat top left;
}
#header_who {
	background: url(../images/headers/header4.png) no-repeat top left;
}
#header_what {
	background: url(../images/headers/header3.png) no-repeat top left;
}
#header_work {
	background: url(../images/headers/header2.png) no-repeat top left;
}
#header_news {
	background: url(../images/headers/header5.png) no-repeat top left;
}
#header_contact {
	background: url(../images/headers/header6.png) no-repeat top left;
}
/*Testimonials*/
#testimonials {
	width:250px;
	margin: 15px 20px 5px 30px;
}
#testimonials_image {
	padding-top:8px;
	width:36px;
	float:left;
}
#testimonials_text {
	width:177px;
	padding:8px 20px 0 10px;
	float:right;
}
/*Text*/
p {
	font-size: 11px;
	margin-bottom:22px;
}
h3 {
	color: #bf0000;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h4 {
	color: #bf0000;
	font-size: 13px;
	font-weight:bold;
	margin: 0 0 14px 0;
	font-family: Arial, Helvetica, sans-serif;
}
h5 {
	color: #b51111;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 6px 0;
}
.top_header_text {
	line-height: 13px;
	font-size: 11px;
}
.grey {
	color: #3c3c3c;
}
.white {
    color: #fff;
}
small {
	font-size: 10px;
}
.quote {
	color:#b51111;
	margin-top:10px;
}
a:link {
	color:#b51111;
	text-decoration:underline;
}
a:active {
	color:#b51111;
	text-decoration:underline;
}
a:visited {
	color:#b51111;
	text-decoration:underline;
}
a:hover {
	color:#b51111;
	text-decoration:none;
}
ul li {
    color:#b51111;
    list-style:square;
}
.red_bold {
    color:#b51111;
    font-size:12px;
    font-weight:bold;
}
/*Theme Menu Slider*/
#theme_container {
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 646px;
	width: 153px;
	height: 26px;
	background: url(../images/site/themepanelbg.png) no-repeat bottom left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
#theme_container span {
	position: absolute;
	top: 6px;
	left: 7px;
}
#theme_container div {
	position: absolute;
	top: 3px;
	right: 8px;
}
#themehover {
	background: url(../images/themehover.png) no-repeat top left;
	padding: 3px 1px 2px 1px;
	overflow: hidden;
	position: absolute;
	z-index: 5;
	color: #333333;
	font-size: 11px;
	height: 20px;
	width: 81px;
	background-color: transparent;
}
.clear {
	clear: both;
}
.loading {
	text-align: center;
}
/*Text Buttons*/
.greybutton {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	background-color: #b8b5b0;
	padding: 1px 5px 2px 5px;
}
a.greybutton {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	background-color: #b8b5b0;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
}
a.greybutton:hover {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	background-color: #b51111;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
}
.redbutton {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	background-color: #b51111;
	padding: 1px 5px 2px 5px;
}
a.redbutton {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	background-color: #b51111;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
}
a.redbutton:hover {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	background-color: #b51111;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
}
#home_morebtn {
	position: relative;
	top: -13px;
	left: 155px;
	display: none;
}
/*Portfolio*/
.portfolio_item {
    width:333px;
    margin:0 0 25px 0;
    clear:both;
    display:table;
}
.portfolio_img {
	height: 64px;
	width: 76px;
    float:left;
    position: relative;
    border:#b6b3ae 3px solid;
}	
.portfolio_text {
    width:235px;
    float:right;
    vertical-align:top;
}
.portfolio_text_red {
    width:45px;
    float:left;
    vertical-align:top;
}
.portfolio_text_row {
    background: url(../images/site/hrdotted.gif) bottom left repeat-x;
    width:188px;
    vertical-align:middle;
    margin:0 0 2px 0;
    padding:0 0 2px 0;
}
#portfolio_main {
    overflow:hidden;
    height:100%;
    width:100%;
}
.portfolio_head {
    margin-top:0;
    padding-top:0;
}
.viewproject2 {
	z-index: 1;
	position: absolute;
	height: 64px;
	width: 76px;
	display: none;
	bottom: 0;
	right: 0;
	border:0;
}
.viewproject2 img{
	border:0;
}
/*Contact Form*/
#cform {
    width: 265px;
}
.cform_text {
    width:55px;
    float:left;
    padding-bottom:8px;
}
.cform_form {
    width:200px;
    float:right;
    padding-bottom:8px;
}
.cform_form input, textarea {
    border: solid 1px #aaa;  
}
.contactbtn {
    position:relative;
    left: 245px;
    cursor:pointer;
}