/*-------------PRIMARY SETUP-----------*/

div, body, html, span, a, p, h1, h2, h3, h4, hr{
margin:0;
padding:0;
}

#body_blog a:hover, #body_main a:hover, #footer a:hover{
border-bottom:1px dotted;
}

img, a img, a img:hover{
border:0;
}

hr{
display:block;
height:1px;
border:0;
border-bottom:1px dashed #ddd;
background:0;
color:0;
margin:20px 0;
}

body{
font-family: Tahoma, Verdana, sans-serif;
font-size:11px;
background:url(../images/body_bg.gif) repeat-x #CEE5FF;
position:relative;
}

#container{
position:relative;
width:900px;
margin:0 auto;
height:auto;
background:url(../images/container_bg.jpg) no-repeat transparent;
}

#wing_l{
position:absolute;
top:0px;
left:0px;
width:250px;
height:550px;
margin-left:-250px;
background:url(../images/wing_l.jpg) top no-repeat transparent;
}

#wing_r{
position:absolute;
top:0px;
right:0px;
width:250px;
height:550px;
margin-right:-250px;
background:url(../images/wing_r.jpg) top no-repeat transparent;
}

.clearer{
clear:both;
display:block;
}

.prop{
float:right;
width:1px;
display:inline;
}

#_500{
height:500px;
}


/*---------------HEADER-----------------*/

#header{
position:relative;
display:block;
width:auto;
height:235px;
}

#logo{
position:absolute;
display:block;
width:340px;
height:115px;
top:0px;
left:20px;
background:url(../images/logo.jpg) top no-repeat;
}

#logo:hover{
background-position:bottom;
}

#page_title{
position:absolute;
display:block;
height:50px;
width:320px;
bottom:5px;
left:0px;
margin:0 0 0 40px;
}


/*-----------------NAV------------------*/
#nav{
position:absolute;
top:165px;
right:56px;
background:url(../images/nav_bg.gif) repeat-x transparent;
height:30px;
width:375px;
}

#nav_left{
position:relative;
float:left;
display:inline;
height:30px;
width:38px;
background:url(../images/nav_left.gif) no-repeat;
}

#nav ul, #nav ul li{
list-style:none;
padding:0;
margin:0;
}

.hide{
display:none;
}

#nav ul li{
display:inline;
float:left;
height:30px;
margin-left:1px;
}

#nav_home{
display:block;
float:left;
height:30px;
width:48px;
height:30px;
background:url(../images/nav_home.gif) no-repeat top;
}

#nav_portfolio{
display:block;
float:left;
height:30px;
width:72px;
height:30px;
background:url(../images/nav_portfolio.gif) no-repeat top;
}

#nav_services{
display:block;
float:left;
height:30px;
width:65px;
height:30px;
background:url(../images/nav_services.gif) no-repeat top;
}

#nav_contact{
display:block;
float:left;
height:30px;
width:79px;
height:30px;
background:url(../images/nav_contact.gif) no-repeat top;
}

#nav_about{
display:block;
float:left;
height:30px;
width:68px;
height:30px;
background:url(../images/nav_about.gif) no-repeat top;
}

#nav_home:hover, #nav_about:hover, #nav_contact:hover, #nav_portfolio:hover, #nav_services:hover{
background-position:bottom;
}

/*----------------PAGE---------------*/

#body{
display:block;
position:relative;
width:840px;
height:auto;
margin-left:60px;
background:url(../images/page_bg.gif) repeat-y transparent;
padding-bottom:30px;
}

#body_main{
display:block;
position:relative;
float:left;
width:485px;
margin:25px 0 125px 25px;
color:#555;
line-height:24px;
}

#body_main a{
text-decoration:none;
color:#4D95C7;
}

#body_main h2{
display:block;
font-family:Georgia, "Times New Roman", serif;
font-size:22px;
font-style:italic;
color:#777;
font-weight:normal;
margin:10px 0 20px;
}

#body_main .fancy{
display:inline;
font-family:Georgia, "Times New Roman", serif;
font-size:18px;
font-style:italic;
color:#88a825;
font-weight:normal;
}

#body_main .less_fancy{
display:inline;
font-weight:normal;
font-family:Georgia, "Times New Roman", serif;
font-size:13px;
font-style:italic;
color:#000;
}

#body_main p, #body_main table{
margin:0 0 20px 0;
}

#body_main strong{
color:#666;
}

#body_blog{
display:block;
position:relative;
float:right;
width:255px;
margin:25px 25px 125px 0;
z-index:2;
}

#body_blog a{
text-decoration:none;
color:#739E10;
}

#body_blog .spacer{
position:relative;
height:5px;
width:20px;
background:#fff;
margin:15px 0 15px -20px;
}

#body_blog p{
display:block;
position:relative;
font-size:11px;
color:#666;
line-height:14px;
margin-bottom:5px;
}

#body_blog h2, #body_blog .h2{
display:block;
margin:0 0 2px -10px;
font-family:Georgia, "Times New Roman", serif;
font-size:16px;
font-style:italic;
color:#56A4D5;
border-bottom:1px dashed;
padding:0 0 3px 0;
}

#body_blog h3, #body_blog .h3{
display:block;
margin:0 0 5px -0px;
font-family:Georgia, "Times New Roman", serif;
font-size:12px;
font-style:italic;
color:#999;
}

#body_blog .entry{
padding:0 0 0 10px;
}

#btm_r{
position:absolute;
display:block;
width:386px;
height:190px;
background:url(../images/btm_r.jpg) no-repeat;
bottom:0;
right:0;
margin-right:-10px;
z-index:1;
}

#btm_l{
position:absolute;
display:block;
width:200px;
height:75px;
background:url(../images/btm_l.jpg) no-repeat;
bottom:0;
left:0;
z-index:1;
}

/*------------------FOOTER-------------*/

#footer{
position:relative;
width:850px;
margin:10px 0 20px 60px;
font-size:11px;
line-height:16px;
color:#81C7FB;
}

#footer .left{
display:inline;
float:left;
}

#footer .right{
display:inline;
float:right;
}


#footer a{
text-decoration:none;
color:#5CA9DD;
}

