@charset "utf-8";
/* CSS Document */

/*////////// GENERAL //////////*/

*{
margin:0;
padding:0;
}

body{
background:#EDECEA;
}
/*------------CONTAINERS----------------*/
#container{
height:417px;
margin:0 auto;
background: url(images/container_head.jpg) center no-repeat;
}
#inside_design{
position:relative;
margin:0 auto;
width:950px;
}

#container2{
background:url(images/shadow.png) repeat-y    ;
position: absolute;
top:418px;
left:0;
width:980px;
}
#main{
margin:-60px auto 0 auto;
background: url(images/text_top.gif) top center no-repeat;
width:940px;

}
#ad{
	position:absolute;
	top:127px;
	right:-12px;
}
#datebox{

}
/*////////// TYPOGRAPHY //////////*/
p, li{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #333;
line-height:1.5em;
}
p.small {
font-size:.7em;
}
#foot_container p{
font-family:Arial, sans-serif;
font-size: 16px;
padding:0;
margin:0;
color:#fff;
}
h1,h2,h3,h4,h5 {
font-family:Arial, sans-serif;
color:#B6362B;
font-weight:normal;
}
h1{
font-size:28px;
}
#footer h2{
font-size:24px;
}
h3, h3 a{
font-size: 16px;
margin:0;
padding:0;
}
h2#intro{
	
	font-family: Georgia, serif;
	font-size: 22px;
	color: #D08D00;
	position:absolute;
	top:330px;
	left:35px;
}
h4{
font-family:"Times New Roman";
text-align:center;
font-size:24px;
border-bottom: 5px #eaeaea solid;
padding-bottom:12px;
}
.column{
color:#B6362B;
}
a{
font-size:12px;
color:#B6362B;
text-decoration:none;
font-weight: normal;
}

a:hover {
}
a:visited {
}
/*////////// HEADERS //////////*/
#header{
}

/*////////// CONTENT //////////*/
#content{
padding: 25px 30px;
}


#left_column{
float:left;
width:235px;
margin: 0 15px 0 0;
}
#right_column{
float:right;
width:235px;
}
/*////////// SIDEBARS //////////*/
#two_columns{
float:left;
width:620px;
}
#sideLeft{
float:left;
width:300px;
margin: 0 20px 0 0;
}
#sideCenter{
padding-top:20px;
float:right;
width:300px;
}
#sideRight{
padding-top: 20px;
float:right;
width:244px;
}
#pagesColumn{
width:890px;
}
#wideColumn{
position:relative;
padding-top: 10px;
padding-left:20px;
float:right;
width:530px;
border-left:dashed 1px #999;
}
.textbox{
position:relative;
margin-top:15px;
margin-bottom:15px;
padding:10px 10px 5px 20px;
background: url(images/paper_sheet.png) top left repeat-y #fdfdfd;
line-height:1.9em;
border-bottom: #eaeaea 1px solid;
line-height:1.6em;
}
.textbox ul{
margin:0 0 0 15px;
padding:0;
list-style:disc;
}
#date_box{
position: absolute;
top: 5px;
right:10px;
font-size:12px;
}
margin-bottom:20px;
}
#expert{
background:#EAEAEA;
padding: 5px 20px;
}
#expert p{
color:#222;
}
.testimonial{
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
clear:both;
background: #fff;
padding: 10px 10px 0px 30px;
}
/*////////// NAVIGATION //////////*/

#navbar{
	position: absolute;
	top: 22px;
	left: 43px;
	width: 900px;
}
#navbar ul, #nav_foot ul{
margin:0;
padding:0;
}
#navbar ul li, #nav_foot ul li{
display:inline;
padding: 0 15px;
}
#navbar ul li a, #nav_foot ul li a{
color:#FADC76;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration:none;
}
#nav_foot ul li a{
font-size: 12px;
}
#navbar ul li a:hover, #nav_foot ul li a:hover{
color:#FBEBC6;
}

/*/////// BLOG MENU ////////////*/

h3#menu_title{
margin-bottom:10px;
font-family:Arial, sans-serif;
font-size:20px;
font-weight:bold;
color:#B6362B;
text-align:left;
}
h3#menu_title span{
color:#f60;
}
#menu{
margin:0;
padding:10px;
}
#menu h3{
	font-size:16px;
	color: #B6362B;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	margin-bottom:10px;
	margin-top:15px;
}
#menu ul {
padding:0;
width:300px;
}
#menu ul li{
width:300px;
padding: 3px 0;
list-style:none;
border-bottom: 1px solid #666;
}

#menu ul li a{
padding:5px 0 5px 30px;
display:block;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #666;
text-decoration:none;
}
#menu ul li a:hover{
background: #eaeaea url(images/arrow_over.gif) left center no-repeat;
color:#B6362B;
}
#menu ul li a.page{
padding:3px 0 3px 10px;
margin: 0 10px;
color: #B6362B;
background:url(images/green_arrow.jpg) left center no-repeat;
}

/*////////// FOOTER //////////*/
#stripe{
height:30px;
background: url(images/stripes.jpg) top left repeat-x;
margin-bottom:20px;
}
#foot_container{
position:relative;
background: url(images/foot_bg.png) top center repeat-y;
padding: 0px 0;
overflow:hidden;
}
#foot_container_about{
position:relative;
background: url(images/foot_contact.jpg) top center repeat-y;
padding: 0px 0;
overflow:hidden;
}
#foot_container_contact{
position:relative;
background: url(images/foot_contact.jpg) top center repeat-y;
padding: 0px 0;
overflow:hidden;
}
#foot_container_expert{
position:relative;
background: url(images/foot_contact.jpg) top center repeat-y;
padding: 0px 0;
overflow:hidden;
}
#foot_container_port{
clear:both;
position:relative;
background: url(images/foot_contact.jpg) top center repeat-y;
padding: 0px 0;
overflow:hidden;
}
#site_map{
text-align:center;
padding-bottom:8px;
border-bottom:1px #FADC76 dashed;
}
#footer{
padding-top:25px;
padding-left: 100px;
float:left;
width:620px;
padding-bottom:30px;
}
#footer p{
color:#eaeaea;
}

/*////////// CLASSES //////////*/
.quote{
	position:absolute;
	top:41px;
	right:-34px;
}


#copyright{
position: absolute;
bottom:3px;
right:10px;
}
#copyright p, #copyright a{
color:#eaeaea;
font-size:12px;
}
h2#phone{
	font-size:20px;
	position:absolute;
	top:322px;
	right:698px;
	padding:0;
	color:#fbebc6;
}

/*------IMAGES-----------------*/
/*////////// IMAGES //////////*/
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.blue{
color:#333;
font-size:12px;
}
h3.posttitle{
margin-bottom:12px;
}