/* CSS Document */

body {
    margin: 0px;  
	padding: 0px; 
	font: 80% arial, verdana, sans-serif; 
	text-align: center;
	background: #000 url(../img/home_bg.gif) center top no-repeat;
	/*behavior: url( hover.htc );*/ 
	}
li {
    color: #666;
	}
li a {
	color: #df6812;
    text-decoration: underline;
	}	
li a:hover {
	color: #df6812;
    text-decoration: none;
	}	
body.sub {
    background: #000 url(../img/sub_bg.gif) center top no-repeat;
	}
img {
    border: 0;
	}
img.img_lft {
    float: left;
	margin: 0 10px 3px 0;
	}
a {
	color: #df6812;
	text-decoration: underline;
	}
a.under {
	color: #df6812;
    text-decoration: underline;
	}
a:hover {
	color: #df6812;
    text-decoration: none;
	}
.bold {
    font-weight: bold;
    }
.small {
    font-size: 85%;
    }
p {
    line-height: 1.5em;
    }
p.header {
    color: #df6812;
    font-size: 110%;
    font-weight: bold;
    }
p.about_imgs {
    text-align: center;
    }
p.about_imgs img{
    margin: 0 8px;
    }
h1 {
    color: #83b817;
    font: 22px georgia;
    padding-top: 83px;//*\*// padding-top: 34px;
    margin-left: 2px;
    }
div#wrap {
    position: relative;
    width: 750px;
    margin: 0 auto;
    margin-top: 92px;
    padding: 0;
    }
div#wrap.wrap_sub {
    margin-top: 106px;
    }
.noload {
    display: none;
	}
div#index_nav {
    position: absolute;
    top: 64px;
    left: 283px;
   /*width: 517px;
   height: 256px;*/
    margin: 0;
    padding: 0;
    }
div#index_nav a img {
    height: 32px;
    }
div#index_nav a#services img {
    width: 96px;
    background: url(../img/nav_hm_serv_off.gif) top left no-repeat;
    }
div#index_nav a#about img {
    width: 98px;
    background: url(../img/nav_hm_about_off.gif) top left no-repeat;
    }
div#index_nav a#portfolio img {
    width: 100px;
    background: url(../img/nav_hm_portfolio_off.gif) top left no-repeat;
    }
div#index_nav a#contact img {
    width: 112px;
    background: url(../img/nav_hm_contact_off.gif) top left no-repeat;
    }
div#index_nav a#services:hover img, div#sub_nav a#services.on img {
    background: url(../img/nav_hm_serv_on.gif) top left no-repeat;
    }
div#index_nav a#about:hover img, div#sub_nav a#about.on img {
    background: url(../img/nav_hm_about_on.gif) top left no-repeat;
    }
div#index_nav a#portfolio:hover img, div#sub_nav a#portfolio.on img {
    background: url(../img/nav_hm_portfolio_on.gif) top left no-repeat;
    }
div#index_nav a#contact:hover img, div#sub_nav a#contact.on img {
    background: url(../img/nav_hm_contact_on.gif) top left no-repeat;
    }
div#wrap .terms {
    color: #999;
	font-size: 9px
	margin-bottom: 10px;
	}
div#wrap .terms a {
    color: #999;
	font-size: 9px
	}
div#sub_header {
    position: relative;
    width: 750px;
    height: 123px;
	padding: 0;
	text-align: left;
	background: #df6812 url(../img/sub_head_logo.gif) right top no-repeat;
	}
div#logo_link {
    position:absolute;
    left: 320px;
	top: 40px;
	width: 360px;
	height: 46px;
	}
div#logo_link a {
    width: 100%;
	height: 46px;
	display: block;
	}
div#print_header {
    display: none;
	}
div#cont {
    width: 750px;
	min-height: 460px;
	text-align: left;
	margin-top: -15px;//*\*// margin-top: 0;
	margin-bottom: 3px;
	background: #fff url(../img/lft_col_grn_bg.gif) left top no-repeat;
	}
div#cont_blu {
    width: 750px;
	min-height: 460px;
	text-align: left;
	margin-top: -15px;//*\*// margin-top: 0;
	margin-bottom: 10px;
	background: #fff url(../img/lft_col_blu_bg.gif) left top no-repeat;
	}
div#cont_purp {
    width: 750px;
	min-height: 460px;
	text-align: left;
	margin-top: -15px;//*\*// margin-top: 0;
	margin-bottom: 10px;
	background: #fff url(../img/lft_col_purp_bg.gif) left top no-repeat;
	}
div#sub_nav_img {
    float: left;
    width: 235px;
	height: 109px;
	padding: 0;
	margin: 0;
	text-align: right;
	}
div#sub_nav {
    float: right;
    width: 515px;
 	height: 30px;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #000;
	}
div#sub_nav a img {
    height: 30px;
    margin-bottom: 0;//*\*// margin-bottom: -2px;
    }
div#sub_nav a#services img {
    width: 97px;
    background: url(../img/nav_sub_serv_off.gif) top left no-repeat;
    }
div#sub_nav a#about img {
    width: 103px;
    background: url(../img/nav_sub_about_off.gif) top left no-repeat;
    }
div#sub_nav a#portfolio img {
    width: 101px;
    background: url(../img/nav_sub_portfolio_off.gif) top left no-repeat;
    }
div#sub_nav a#contact img {
    width: 113px;
    background: url(../img/nav_sub_contact_off.gif) top left no-repeat;
    }
div#sub_nav a#services:hover img, div#sub_nav a#services.on img {
    background: url(../img/nav_sub_serv_on.gif) top left no-repeat;
    }
div#sub_nav a#about:hover img, div#sub_nav a#about.on img {
    background: url(../img/nav_sub_about_on.gif) top left no-repeat;
    }
div#sub_nav a#portfolio:hover img, div#sub_nav a#portfolio.on img {
    background: url(../img/nav_sub_portfolio_on.gif) top left no-repeat;
    }
div#sub_nav a#contact:hover img, div#sub_nav a#contact.on img {
    background: url(../img/nav_sub_contact_on.gif) top left no-repeat;
    }
div.sub_content {
    color: #666;
	padding-bottom: 5px;
    margin-top: -7px;
    margin-left: 247px;//*\*// margin-left: 250px;
	margin-right: 100px;
	}
div.sub_content_port {
    color: #666;
	padding-bottom: 5px;
    margin-top: -7px;
    margin-left: 180px;//*\*// margin-left: 180px;
	margin-right: 30px;
	}
div.sub_content ul {
	color: #666;
    padding: 0;
	margin-top: 3px;
	margin-left: 15px;
	line-height: 1.6em;
	}
div.sub_content li {
	color: #666;
    list-style-image: url(../img/bullet.gif);
	}
div.port_wrap {
    margin-bottom: 0;//*\*// margin-bottom: 15px;
	}
div.port_lft { 
    float: left;
	width: 138px;
	}
div.port_rt {
    float: left;
	width: 330px;
	}	
p.port_header {
    color: #df6812;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: -10px;//*\*// margin-bottom: -15px;
    }
.clear {
    clear: both;
    }