/* CSS Document */
html {margin: 0; padding: 0;}
body {
	color: #316c40;
	margin: 0;
	padding: 0;
	background-attachment: fixed;
	background-image: url(images/skunkcab_logo2.jpg);
	background-repeat: no-repeat;
	background-position: 30px 100%;
	font-family: Arial, Helvetica, sans-serif;}
	
	p {margin-left: 150px; padding-right: 30px; margin-top: 5px; width: 370px;}
	p:first-letter {font-size: large; color: #709569;}
	a {color: #316c40;}
	

/*Company Name - Header*/
div#header {position: absolute; top: 10px; left: 5px; width: 180px; 
		background: url(images/skunkcab_title.gif) no-repeat top left; height: 43px;}
#header span {display: none;}
	
/* Contents*/	
div#content {margin: 0 0 0 183px; padding: 55px 0 0 50px; 
		border-left: 1px solid #316c40; height: 700px;}


/* Navigation*/
div#nav {position: absolute; top: 45px; left: 10px; text-align: right; width: 173px;}
#nav ul {background: url(images/halfscreen-white.gif) repeat;}
#nav li {border-bottom: 1px solid #316c40; list-style-type: none; }
#nav a {display: block; padding: 0.25em; margin: 0.25em; text-decoration: none; border: none;}
#nav a:visited {color: #316c40;} 
#nav a:hover {color: #316c40; background: url(images/skunkcab2_list.jpg) no-repeat center left;}




/*Home Page*/
h3#design, h3#maintain, h3#program {margin-left: 100px; margin-top: 30px; 
		margin-bottom: 3px; width: 370px;}
h3#design	{background: url(images/design.gif) no-repeat top left; height: 20px;}
h3#maintain {background: url(images/maintenance.gif) no-repeat top left; height: 20px;}
h3#program {background: url(images/programming.gif) no-repeat top left; height: 20px;}
h3#design span, h3#maintain span, h3#program span {display: none;}



/* Prices */
h3#aboutus	{background: url(images/aboutus.gif) no-repeat top left; height: 20px;}
h3#provide	{background: url(images/services.gif) no-repeat top left; height: 20px;}
h3#cost	{background: url(images/cost.gif) no-repeat top left; height: 20px;}
h3#aboutus span, h3#provide span, h3#cost span {display: none;}
ul#services {list-style-image: url(images/skunkcab2_list.jpg); margin-left: 165px; 
		padding-right: 40px; line-height: 20px;}
#services li {margin: 0 0 3px 0;}
h3 {margin-left: 100px; margin-top: 30px; margin-bottom: 3px; width: 300px;}

/* Contact Page */
ul#contact_info {margin-left: 150px; line-height: 1.25em; list-style-image: url(images/skunkcab2_list.jpg) }
#contact_info li {margin: 0 0 5px 0;}
h3#company {background: url(images/skdesigns.gif) no-repeat top left; height: 20px;}
h3#company span {display: none;}


/* Portfolio Page  - change height on border if add more items so line extends*/
h2 {margin: 5px 0 0 115px; padding-right: 30px; padding-top: 1em; width: 370px; font-size: 1em; border-top: 1px dotted #316c40;}
h3#portfolio {background: url(images/portfolio.gif) no-repeat top left; height: 20px; width: 435px; text-align: right; color: #709569; font-size: 0.85em;}
h3#portfolio span#title {display: none;}
span.visit a {padding-left: 10px; font-variant: small-caps; font-size: 0.85em; color: #316c40;}
span#inprogress {line-height: 1.5em; font-variant: small-caps; font-size: 0.85em; color: #316c40;}
p.port {margin-left: 135px;}
img.portimg {border: 2px solid #709569;}
#content.portcontent {border-left: 1px solid #316c40; height: 3200px;}
span.number {margin-left: 20px; }
h3#portfolioend {width: 435px; text-align: right; color: #709569; font-size: 0.85em;}
.portcontent dl {margin-top: 0; margin-left: 130px; width: 370px;}