@charset "UTF-8";
/* CSS Document */
@import "reset.css";
@import "typo.css";
body {background: #f5f5f5; font-family: "Lucida Grande", Arial, sans-serif; line-height: 1.6; font-size:12px;}

h1, h2, h3, h4, .nftitle {line-height: normal; font-weight: normal; color: #3C3229; font-family: "Trebuchet MS", Arial, sans-serif;}

/*-----Text-----*/
#content_wrapper h1, #content_wrapper h3 {font-size: 175%; background: url(../images/hdot1.gif) repeat-x bottom; margin: 0; padding: 0 0 5px 0;}
#content_wrapper h2 {font-size:135%; margin-bottom: 10px; padding-top:10px;}
span.details {font-size:75%;}
strong {color: #222; font-weight:bold;}
.quote_author {display:block; font-weight:bold;}

/*-----Links-----*/
a {color: #990000; text-decoration: none;}
a:hover, a:active, a:focus {border-bottom: #990000 1px dotted;}
a img, a:hover img, a:active img, a:visited img {background:none; border:none; text-decoration:none;}
a.no_border{border:none;}

/*-----Header-----*/
#header_wrapper {height: 79px; background: url(../images/hd-bg.jpg) repeat-x center top #000000;}
#header {height: 70px; line-height: normal; position: relative; margin:0 auto; width: 980px;}
#logo{background:url(../images/logo.gif) top left no-repeat; height:79px; float:left; width:500px;}
#logo h1{ position: relative; left: -9999px;}
#phone_number {float:right; width:300px; position:relative; top: 30px; color:#fff; font-size:175%; font-weight:bold; text-align:right;}

/*-----Main Nav-----*/
#main_nav_background {background: #000000 url(../images/nav_top_bg.gif) top; height: 31px;}
#main_nav_wrapper {height: 35px; padding-top: 6px; margin: 0 auto; width: 980px; color:#fff;}
#main_nav {width:750px; float:left;}
#main_nav li {display: inline; /*background:#990000;*/  font-size:13px;}
#main_nav li a {color: #fff; padding: 3px 10px 6px 10px; font-weight: bold;}
#main_nav li a:hover,
#main_nav li a:active,
#main_nav li a:focus {padding: 3px 10px 6px 10px; background: url(../images/main_nav_hover_bg.gif) top center repeat-x;}
#main_nav li.active a {background: url(../images/main_nav_hover_bg.gif) top center repeat-x;}
#date {float: right; width: 200px; text-align:right;}

/*-----Conten Menus-----*/
ul.menu {list-style: none; margin: 0; padding: 0; margin-bottom:20px;}
ul.menu li {background: none; margin: 0; padding: 0 0 1px 0; background: url(../images/hdot1.gif) repeat-x bottom;}
ul.menu li a {display: block; outline: none; padding: 5px 2px; color: #695B4E; text-decoration: none;}
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus {color: #695B4E; background: #E7E6DF url(../images/page_nav_hover_bg.gif) top left repeat-x; border:none;}
ul.menu li.active a {
	font-weight: bold;
	background-color: #E7E6DF;
	background-image: url(../images/page_nav_hover_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}
ul.menu li ul {list-style: none; margin: 0; padding: 0;}
ul.menu li ul li {border: none;}
ul.menu li ul li a {color: #333; background: url(../images/arrow.gif) no-repeat 5px 11px !important; border: none; font-size:85%; font-weight: normal !important; padding-left: 15px !important; width: 75%; /*need for ie6*/}
ul.menu li ul li.active a {color:#695B4E; font-weight:bold; background: url(../images/arrow_active.gif) no-repeat 5px 11px !important;}
ul.menu li ul li a:hover, ul.menu li li a:active, ul.menu li li a:focus {background: none; color: #695B4E;}

/*-----Main Graphic-----*/
#main_grpahic_background{background:url(../images/main_graphic_bg.gif) top left repeat-x; height: 239px;}
#main_graphic_wrapper{margin: 0 auto; width: 980px;}
#main_graphic_text{padding: 30px 0 0 0; width:500px; float:left;}
#main_graphic_text h1 {font-size: 175%; margin-bottom:5px;}
#main_graphic_photo{float:right; width:400px; padding: 23px 0 0 55px;}

/*-----Content-----*/
#content_wrapper{margin: 0 auto; width:980px; padding-bottom:50px; background:url(../images/tree_top.gif) right bottom no-repeat;}
#content_left_col{clear: both; display: block; float: left; width: 53%; background: url(../images/vdot2.gif) top right repeat-y; padding-right: 15px;}
.post_date {color: #A99C90; font-size: 90%; margin-bottom: 10px;}
p {margin-bottom: 10px;}
#right_col_wrapper {float: right; overflow: hidden; width: 44%; height:100%; padding-bottom:250px}
#right_col_1{float: left; width: 47%;}
#right_col_2{float: right; width: 47%; background: url(../images/vdot2.gif) top left repeat-y ; padding-left: 15px;}
.article{margin-bottom:20px}
.clear_both {clear:both;}

/*-----Featured Sites-----*/
ul.featured_sites {list-style: none; margin: 0; padding: 0; margin-bottom:20px;}
ul.featured_sites li {background: none; margin: 0; padding: 5px 0 10px 0; background: url(../images/hdot1.gif) repeat-x bottom; height:75px;}
ul.featured_sites li img {float: left; width: 70px; padding: 5px 5px 5px 0;}
ul.featured_sites li p {float:left; width:125px; padding-top:5px;}
ul.featured_sites li a {color: #3C3229;}
ul.featured_sites li a:hover, ul.featured_sites li a:active, ul.featured_sites li a:focus {color: #695B4E; border-bottom: none;}

/*-----Footer-----*/
#footer_wrapper{clear: both; background: #cecece url(../images/footer_bg.gif) top left repeat-x; height:27em;}
#footer {margin:0 auto; width:980px; padding:70px 0 25px 0; line-height:2em; font-size:80%; background: url(../images/tree_bottom.gif) top right no-repeat;}
#footer a {color: #333;}
#footer a:hover, #footer a:active, #footer a:focus {color: #666; text-decoration: none; background:none; border-bottom: 1px dotted #999;}
#footer h3.heading {background: url(../images/hdot1.gif) repeat-x bottom; color: #3C3229; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 150%; margin-bottom:5px;}
#footer ul {float: left; padding-right: 40px;}
#copyright {clear:both; padding-top:20px; color:#777;}
#sub_footer{display: inline; margin:0 0 0 45px;}
#web_design_directories{clear:both; padding-top:5px; color:#777; width: 625px;}
ul.directory_logos{display:inline; margin-right:10px; margin-top:10px;}

/*-----Forms-----*/
.hidden {height:1px; width:0px; overflow:hidden; display:none;}
label {display:block;}
ol.form li {background: none; margin: 0; padding: 5px 0 7px 0; background: url(../images/hdot1.gif) repeat-x bottom;}
ol.form li.no_background{background:none; border:none;}
input{height: 16px;}
input, textarea {border: 1px solid #c7c7c7; background:#fff;}
#sumbit, #sumbmit2 {background: none;}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {border: 1px solid #c7c7c7; background:#f5f5f5;}
.article fieldset {border: 1px solid #ccc; padding:10px;}
.article fieldset legend{text-transform:uppercase; font-weight:bold; color:#990000;}
fieldset.radio legend{text-transform:none; font-weight:normal; color:#000000;}
.article input, .article textarea{width:280px;}
fieldset.radio li {margin:5px 0; padding:5px 0; background: url(../images/hdot1.gif) repeat-x bottom;}
.article li{margin-bottom:10px;}
fieldset.radio {border:none; border-bottom: 1px solid #ccc; margin-bottom:10px; padding: 0;}
fieldset.radio input{width:15px; clear:both; float:left; display:block;}
.article li fieldset legend{padding-left: 0; margin:0;}
.article li fieldset label {display:inline;}
input, textarea {padding:5px;}

/*-----Articles-----*/
.article a, .article a:active, .article a:focus {color: #3C3229; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; border-bottom: #3C3229 1px dotted;}
.article a:hover{color:#5f5852}
.author {padding-bottom:10px; color:#333;}

/*-----Social Bookmarks-----*/
#social_bookmarks{margin-top:10px}
#social_bookmarks a{ text-decoration:none; border:none;}

/*-----Portfolio-----*/
h4.heading{font-weight:bold; font-size:125%; margin:10px 0 5px 0;}
ul.portfolio li {display: inline; margin-right:20px;}
ul.portfolio {padding: 0 0 15px 0; background: url(../images/hdot1.gif) repeat-x bottom; margin-bottom:15px;} 
.portfolio_url {color: #A99C90; font-size: 90%; margin: 0 0 10px 0; padding:0;}
.portfolio_url a {color: #A99C90; font-size: 115%; margin: 0 0 10px 0; padding:0; border:none;}
h2.portfolio_heading {font-size: 125%; background: url(../images/hdot1.gif) repeat-x bottom; margin: 0; padding: 0 0 5px 0; width:70%;}

/*-----Validation-----*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#990000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 2px solid #87c577; background: #dcf0d7;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 2px solid #CC0000; background: #daacac;
}

/*-----2 Column Layout-----*/
#article_left {background: url(../images/vdot2.gif) top right repeat-y; padding-right:2%;}
#article_left h2, #article_right h2 {background: url(../images/hdot1.gif) repeat-x bottom; margin: 0; padding: 20px 5px 5px 0;}
.links ul li img {padding-right:5px;}
#article_left h3, #article_right h3 {background:none; font-size:1.15em; font-weight:bold; padding-top:15px; color:#222;}