/* CSS Document */

body { margin:0; padding:0;
font-family: Helvetica, Arial, sans-serif; 
font-size:12px; 
color:#666; 
background:#e2e2e2 url(images/bg.jpg) repeat-x; }

a { color:#509dc9;
text-decoration:underline;
}

h2 { color:#509dc9; text-decoration:none; font-weight:bold; font-size: 14px;
}

img {border: none;
}

.italic {
font-style:italic;}

.italicb {
font-style:italic;
color:#9CC9E8}

p {line-height: 22px;}

/*** NAV ***/

#nav_container { background:url(images/navbk.jpg) repeat;
width:100%; 
}

#nav { width:950px; 
height:47px; 
margin:0 auto; 
}

#logo {width:254px;
height:46px;
float:left;
}

#nav ul { margin:15px 0 0 0; 
padding:0; 
list-style:none; 
float:right; 
}
#nav ul li { 
float:left; 
width:100px; 
border-right:1px dotted #666666; 
text-align:center; }

#nav ul li a { color:#ccc; 
text-decoration:none; 
font-size:10px; 
letter-spacing:1px; 
padding:20px;}
#nav ul li.current a, #nav ul li a:hover { color:#509dc9; }
#nav ul li.last { border:none; }
.clear { clear:both;}



/** HEADER **/

#welcomebox { width:660px; 
margin:40px auto;
height:auto;
}

#welcomebox p { color:#4A4A4A; font-size:16px; }

#welcome { width:660px;
height:50px;
background:url(images/welcome.jpg) no-repeat;
float:left;
}

#portfolio { width:660px;
height:50px;
background:url(images/portfolio.jpg) no-repeat;
float:left;
}

#msgback {width:660px;
height:auto;
background: url(images/msgboxbackground.jpg) repeat-y;
float:left;
}

#msg {
width:620px;
height:auto;
margin:0 20px;
float:left;
}

#msgbottom {
width:660px;
height:35px;
background:url(images/msgboxbottom.png) no-repeat;
float:left;
}

#welcome_msg img { margin:0 0 0 -20px; padding:0; position:absolute; bottom:0; }


/** SERVICES **/

#topmiddle { width:100%;
height:2px;
background:url(images/topmiddle.jpg) repeat-x;
margin-top:25px;
}

#middle { background: url(images/middlebk.jpg) repeat; width:100%; }

#services { width:950px; margin:0 auto; padding:25px 0 17px 0; color:#ECECEC; }

h2 a, h3 a, h4 a, h5 a, a:visited { color:#509dc9; text-decoration:none; font-weight:bold; font-size:14px; }


.services-block { width:220px; margin:8px; float:left; }

#bottommiddle { width:100%;
height:2px;
background:url(images/btmmiddle.jpg) repeat-x;
}

/** PORTFOLIO **/

.portpic { width:355px;
height:200px;
float:left;
}
.porttxt { width:570px;
height:auto;
float:left;
padding-left:25px;
}
.portline{height:2px;
width:950px;
background:url(images/line.gif) repeat-x;
margin:25px 0;
float:left;
}




/*****	ABOUT	*****/

#about_container {width:100%;
height:auto;
margin-bottom:25px; }
#about_container p { color:#4A4A4A;
}
#about { width:950px; margin:0 auto 25px auto; padding:25px 0;}
#about_box {
width:499px;
height:auto;
float:left;
margin:0 0 25px 0;
}

#about_top { 
width:499px;
height:64px;
background: url(images/abouttop.jpg) no-repeat;
float:left; 
position:relative; 
}

#aboutmiddle {
width:499px;
height:auto;
background: url(images/aboutmid.jpg) repeat-y;
float:left;
}

#abouttxt {width:477;
height:auto;
float:left;
margin:0 11px;
}

#aboutbot {width:499px;
height:4px;
background:url(images/aboutbot.jpg) no-repeat;
float:left;
}

#abouttxt span { background:url(images/button-right.png) right no-repeat; padding:6px 10px 6px 0; }
#abouttxt span a { background:url(images/button-left.png) left no-repeat; padding:6px 0 6px 10px; color:#fff; text-decoration:none; }

#blogbox {width:410px;
padding:0 0 0 40px;
float:left;
margin:0 0 25px 0;
}


#footer {
clear:left;
width:100%;
background: url(images/footertop.gif) repeat-x;
margin:25px 0 25px 0;
}


#footerblock {
width:990px;
height:auto;
margin:0 auto;
padding-top:25px;
text-align:center;
}