@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;
}
#container_about{
height:417px;
margin:0 auto;
background: url(images/quote_head.jpg) center no-repeat;
}#container_portfolio{
height:417px;
margin:0 auto;
background: url(images/quote_head.jpg) center no-repeat;
}
#container_quote{
height:417px;
margin:0 auto;
background: url(images/quote_head.jpg) center no-repeat;
}
#container_expert{
height:417px;
margin:0 auto;
background: url(images/quote_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:53px;
}
#xml{
float:left;
width:512px;
clear:both;
padding:15px 0;
}
#testimonial_port{
float:right;
width:300px;
padding:0 0 0 30px;
}
/*////////// TYPOGRAPHY //////////*/
p{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #333;
line-height:1.5em;
}
p.small {
font-size:.7em;
}
table p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #333;
}
table p span, p span{
line-height:1.5em;
color:#fff;
background: #002E5B;
padding:1px 12px;
font-weight: bold;
font-size:14px;
}
.testimonial p{
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color:#b6362b;
}
#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;
}
#footer h2{
font-size:24px;
color:#fff;
}
h3{
font-size: 20px;
color:#FFF;
}
h2#intro{
	
	font-family: Georgia, serif;
	font-size: 22px;
	color: #D08D00;
	position:absolute;
	top:330px;
	left:35px;
}
h3#socialweb{
font-family: Arial, sans-serif;
font-weight: bold;
font-size:16px;
color:#fff;
}
h4{
font-family:"Times New Roman";
text-align:center;
font-size:24px;
border-bottom: 5px #eaeaea solid;
padding-bottom:12px;
}
.column{
color:#B6362B;
}
.about{
color:#3D6D7B;
}
.portfolio{
color:#3D6D7B;
}
.contact{
color:#3D6D7B;
}
.expert{
color:#3D6D7B;
}
.corporate{
font-size:18px;
color:#c3a133;
}
a{
color:#B6362B;
text-decoration:none;
font-weight: bold;
}

a:hover {
}
a:visited {
}
ul#services{
margin:15px 0 0 15px;
padding: 0 0 10px;
}
ul#services li{
margin:0;
padding:0;
list-style:disc;
list-style-image:url(images/bullet_orange.png);
font-family:Arial;
font-size:14px;
color:#666;
line-height:1.8em;
}
/*////////// HEADERS //////////*/
#header{
}

/*////////// CONTENT //////////*/
#content{
padding: 25px 30px;
}

#sample_columns{
padding-top:50px;
clear:both;
overflow:hidden;
width:500px;
margin:20px auto;
}

#left_column{
float:left;
width:235px;
margin: 0 15px 0 0;
}
#right_column{
float:right;
width:235px;
}
#pagesColumn_port{
}
/*////////// 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{
padding-top: 20px;
float:right;
width:550px;
}
#wideColumn_form{
padding-top: 20px;
padding-left:50px;
float:right;
width:500px;
border-left:dashed 1px #999;
}
#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;
}
/*////////// 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: 0 0 15px 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;
}
#footerL{
float:left;
width:300px;
margin-right: 10px;
border: 1px #fff solid;
}
#footerC{
float: right;
width:400px;
border:1px #00FF00 solid;
}
#footerR{
padding-top: 25px;
float:right;
width:200px;
color: #fff;
}
#footerR a{
color:#fff;
}

/*////////// CLASSES //////////*/
.quote{
	position:absolute;
	top:41px;
	right:-34px;
}
.img_border{
border:1px #3D6D7B solid;
padding:5px;
}
.img_left{
float:left;
padding-right:10px;
padding-top: 10px;
}
.img_left_bdr{
margin-right:10px;
margin-top: 10px;
border: 1px #666 solid;
float:left;
padding:3px;
}
.img_right{
float:right;
padding-left:10px;
padding-top: 10px;
}
img.logo{
float:left;
padding-right: 30px;
padding-bottom: 30px;
}
#copyright{
	position: absolute;
	bottom:6px;
	right:510px;
}
#copyright p, #copyright a{
color:#eaeaea;
font-size:12px;
}
h2#phone{
	font-size:20px;
	position:absolute;
	top:322px;
	right:698px;
	padding:0;
	color:#fbebc6;
}
a img.sample{
border: 1px solid #666;
}
.blue{
color:#333;
font-size:12px;
}
