* {
margin: 0px;
padding: 0px;
}


body {
background-image: url(images/background.jpg);
background-repeat: repeat-x;
background-color: #1F1F1F;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
vertical-align: bottom;
}


h1 {
display: none;
}

/* -------------------- Large Container Formatting -------------------- */

#container {
width: 686px;
margin-left: auto;
margin-right: auto;
background-image: url(images/container_shadow_back.jpg);
background-repeat: repeat-y;
position: relative;
margin-top: 17px;
}

#left_shadow {
width: 15px;
float: left;
background-image: url(images/left_shadow_back.jpg);
background-repeat: repeat-y;
}
#left_shadow_strip {
width: 15px;
height: 431px;
background: url(images/left_shadow.jpg) no-repeat;
}

#right_shadow {
width: 16px;
float: left;
background-image: url(images/right_shadow_back.jpg);
background-repeat: repeat-y;
}
#right_shadow_strip {
width: 16px;
height: 431px;
background: url(images/right_shadow.jpg) no-repeat;
}


/* ------------------------- Container2 Formatting ------------------------ */

#container2 {
width: 655px;
background-color: #000000;
float: left;
}

/* -------------------------- Header Formatting --------------------------- */

#header {
width: 655px;
height: 166px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
}

/* ---------------------------- Subnav Formatting ------------------------- */

.subnav {
width: 184px;
float: left;
position: relative;
left: 14px;
}

/* ------------------------ Subnav List Formatting ---------------------- */

.subnav ul {
width: 183px;
height: 346px; 
background-image: url(images/left_nav.gif);
background-repeat: no-repeat;
}

.subnav ul li {
float: left;
list-style-type: none;
display: inline;
}

.subnav ul li a {
width: 183px;
height: 40px;
display: block;
}
.subnav ul li#nhome a {
width: 183px;
height: 45px;
display: block;
}

.subnav ul li#nsource a {
margin-top: 18px;
height: 45px;
}

.subnav ul li a span {
display: none;
}

/* li navigation ID tags (tells second picture to move over to become hover state) */

.subnav ul li#nhome a:hover {
background: url(images/left_nav.gif) -183px 0;
background-repeat: no-repeat;
}
.subnav ul li#ncontact a:hover {
background: url(images/left_nav.gif) -183px -45px;
background-repeat: no-repeat;
}
.subnav ul li#nportfolio a:hover {
background: url(images/left_nav.gif) -183px -85px;
background-repeat: no-repeat;
}
.subnav ul li#nlinks a:hover {
background: url(images/left_nav.gif) -183px -125px;
background-repeat: no-repeat;
}
.subnav ul li#nservices a:hover {
background: url(images/left_nav.gif) -183px -165px;
background-repeat: no-repeat;
}
.subnav ul li#nsource a:hover {
background: url(images/left_nav.gif) -183px -223px;
background-repeat: no-repeat;
}
.subnav ul li#nsitemap a:hover {
background: url(images/left_nav.gif) -183px -268px;
background-repeat: no-repeat;
}
.subnav ul li#nresume a:hover {
background: url(images/left_nav.gif) -183px -308px;
background-repeat: no-repeat;
}


/* a state navigation ID tags (tells btn to stay highlighted on individual pages) */

#index .subnav ul li#nhome a:link, #index .subnav ul li#nhome a:visited, #index .subnav ul li#nhome a:hover, #index .subnav ul li#nhome a:active {
background: url(images/left_nav.gif) -183px 0;
background-repeat: no-repeat;
}
#contact .subnav ul li#ncontact a:link, #contact .subnav ul li#ncontact a:visited, #contact .subnav ul li#ncontact a:hover, #contact .subnav ul li#ncontact a:active {
background: url(images/left_nav.gif) -183px -45px;
background-repeat: no-repeat;
}
#webdesign .subnav ul li#nportfolio a:link, #webdesign .subnav ul li#nportfolio a:visited, #webdesign .subnav ul li#nportfolio a:hover, #webdesign .subnav ul li#nportfolio a:active {
background: url(images/left_nav.gif) -183px -85px;
background-repeat: no-repeat;
}
#services .subnav ul li#nservices a:link, #services .subnav ul li#nservices a:visited, #services .subnav ul li#nservices a:hover, #services .subnav ul li#nservices a:active {
background: url(images/left_nav.gif) -183px -165px;
background-repeat: no-repeat;
}
#links .subnav ul li#nlinks a:link, #links .subnav ul li#nlinks a:visited, #links .subnav ul li#nlinks a:hover, #links .subnav ul li#nlinks a:active {
background: url(images/left_nav.gif) -183px -125px;
background-repeat: no-repeat;
}
#sitemap .subnav ul li#nsitemap a:link, #sitemap .subnav ul li#nsitemap a:visited, #sitemap .subnav ul li#nsitemap a:hover, #sitemap .subnav ul li#nsitemap a:active {
background: url(images/left_nav.gif) -183px -268px;
background-repeat: no-repeat;
}

/* -------------------------- Content Formatting ------------------------- */

#content {
width: 420px;
margin-left: 35px;
float: left;
padding-top: 10px;
}

.internal_content {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 11px;
line-height: 15px;
margin: 10px 10px 0px 18px;
}

.portfolio_box {
text-align: right;
background: url(images/portfolio_box_background.gif) no-repeat;
}

.arrow_list {
margin: 15px 0px 0px 18px;
}
.arrow_list li {
background-image: url(images/list_arrow.gif);
background-repeat: no-repeat;
background-position: left 6px;
padding: 2px 0px 2px 10px;
list-style-type: none;
}


/* ---------------------- Headline Formatting ----------------- */

.headline {
width: 416px;
height: 39px;
background-image: url(images/headline_back.gif);
background-repeat: repeat-x;
}
.headline2 {
width: 416px;
height: 39px;
background-image: url(images/headline_back.gif);
background-repeat: repeat-x;
margin-top: 18px;
}

h2 span {
display: none;
}
.headline h2#headline_welcome {
height: 39px;
background-image: url(images/headline_welcome.gif);
background-repeat: no-repeat;
}
.headline h2#headline_contact {
height: 39px;
background-image: url(images/headline_contact.gif);
background-repeat: no-repeat;
}
.headline h2#headline_portfolio {
height: 39px;
background-image: url(images/headline_portfolio.gif);
background-repeat: no-repeat;
}
.headline h2#headline_services {
height: 39px;
background-image: url(images/headline_services.gif);
background-repeat: no-repeat;
}
.headline h2#headline_links {
height: 39px;
background-image: url(images/headline_links.gif);
background-repeat: no-repeat;
}
.headline h2#headline_sitemap {
height: 39px;
background-image: url(images/headline_sitemap.gif);
background-repeat: no-repeat;
}
.headline2 h2#headline_featuredsite {
height: 39px;
background-image: url(images/headline_featuredsite.gif);
background-repeat: no-repeat;
}
.headline2 h2#headline_featuredpackage {
height: 39px;
background-image: url(images/headline_featuredpackage.gif);
background-repeat: no-repeat;
}

.portfolio_headline {
width: 392px;
border-bottom: 1px solid #FFFFFF;
padding: 0px 0px 1px 4px;
margin: 15px 0px 8px 0px;
text-align: left;
}
.portfolio_headline h3 {
font-size: 14px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

.portfolio_footer {
width: 392px;
text-align: left;
border-top: 1px solid #FFFFFF;
padding: 4px 0px 4px 4px;
margin: 8px 0px 0px 0px;
}

/* -------------------- Footer Formatting ------------------ */

#footer2 {
clear: both;
font-size: 10px;
text-align: center;
margin-top: 22px;
padding-top: 10px;
padding-left: 60px;
}

#footer {
width: 686px;
height: 34px;
background-image: url(images/footer_round.gif);
background-repeat: no-repeat;
clear: both;
}

/* -------------------- Other Formatting ------------------ */

#sitemap a:visited, #links a:visited {
color: #FFFFFF;
text-decoration: none;
}

/* --------------- Highslide Box Formatting --------------- */

.highslide_box {
width: 400px;
padding: 12px 0px 0px 0px
}
.highslide_box a {
margin-right: 10px;
}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: none;
}
.highslide:hover img {
	border: none;
}

.highslide-image {
    border: 2px solid #FFFFFF;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    color: #000000;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.highslide-caption a:link, .highslide-caption a:visited  {
color: #FF9441;

}

.highslide-caption a:hover, .highslide-caption a:active  {
color: #FFFFFF;
background-color: #FF9441;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}


/* --------------------- Links Formatting -------------------- */

a { 
outline: none; 
}

a:link, a:visited {
color: #FF9441;
text-decoration: none;
}

a:hover, a:active {
color: #FFFFFF;
background-color: #FF9441;
text-decoration: none;
}

#date {
width: 220px;
position: absolute;
left: 500px;
top: 160px;
font-size: 10px;
}

/* ---------------------- Text Formatting ------------------ */

.body_text {
margin-top: 15px;
}


/* ---------------------- Form Area ----------------------- */

#featured_site {
width: 400px;
height: 200px;
background: url(images/website1.jpg) no-repeat;
}


#form_table {
width: 335px;
}
.left_cell {
text-align: right;
padding: 0px 10px 10px 0px;
vertical-align: top;
}


.right_cell {
padding: 0px 0px 10px 0px;
}
.right_cell input {
background-color: #000000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}
.right_cell #message {
background-color: #000000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

#submit {
text-align: right;
}

/* ---------------------- Show Hide Formatting ------------------------- */

.ad{
	position:absolute;
	top:10px;
	right:10px;
}

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color: #FF9441;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 4px;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding: 1px;
	font-size: 0.9em;	
	position: relative;
	color: #FFFFFF;
	clear: both;
}

.dhtmlgoodies_question p {
float: left;
}

.view_site_box {
float: right;
}