/* Palette

Links: #9e866b;
Text: #ffffff;
Sub-text/Section dividers: #846645;
Container border: #8d5b3e; */

/* Elements */

body 
{
	color: #ffffff; 
	/* Set body font as a percentage to avoid rounding errors across browsers. assign an em unit to subsequent font-sizes. Allows relative    font-sizing to be used with strong degree of consistency apparently (provided user hasn't altered default of 16px text!)*/
	font-size: 100%;
	font-family: "trebuchet ms", "bitstream vera sans", verdana, lucida, arial, helvetica, sans-serif;
	background-color: #000000;
	/*background-color: #ffffff;*/
	padding: 0px;
	margin: 0px;
}

p 
{
 	font-size: 0.85em;
	text-align: justify;
}

p a:link, p a:visited, p a:active
{
	color: #9e866b;
	text-decoration: none;
}

p a:hover 
{
	text-decoration: underline;
}

/* Custom Elements */

#container 
{
	background-image: url(images/container_new_no_title.jpg);
	background-position: top left; 
	background-repeat: repeat-y;
	position: relative;
	/* To centre, set width to desired size & set margins to auto */
	width: 725px;
	/*height: 427px;*/
	margin: 0px auto;
	/*left: 1px;*/
	border-left: #8d5b3e 2px solid;
	border-right: #8d5b3e 2px solid;
}

#pageheader h1 
{
	background-image: url(images/main_title_new.jpg);
	background-position: top center; 
	background-repeat: no-repeat;
	margin: 0px; 
	width: 725px; 
	height: 150px;
}

#pageheader h1 span 
{
	display: none;
}

/*#subtitle h1
{
	background-image: url(images/web_design.jpg);
	background-position: top center; 
	background-repeat: no-repeat;
	margin: 0px auto ;
	width: 249px; 
	height: 38px;
}

#subtitle h1 span
{
	display: none;
}*/

#benefits 
{
	/*border-bottom: #846645 1px dashed;*/
	/*margin: 100px 180px 0px 140px;*/
	margin: 50px 200px 0px 100px;
}

#benefits h2 
{
	background: url(images/benefits_copper.gif) no-repeat left top; 
	margin: 0px; 
	width: 250px;
	height: 45px;
}

#benefits h2 span 
{
	display: none;
}

#services 
{
	/*border-bottom: #846645 1px dashed;*/
	/*margin: 15px 180px 0px 140px;*/
	margin: 20px 200px 0px 100px;
}

#services h2 
{
	background: url(images/services_copper.gif) no-repeat left top; 
	margin: 0px; 
	width: 252px;
	height: 48px;
}
#services h2 span 
{
	display: none;
}

#services li 
{
	list-style-image: url(images/list_icon.gif);
	margin-left: -10px;
}

#contact {
	/*border-bottom: #846645 1px dashed;*/
	/*margin: 15px 180px 0px 140px;*/
	margin: 20px 200px 0px 100px;
}

#contact h2 {
	background: url(images/contact_copper.gif) no-repeat left top; 
	margin: 0px; 
	width: 264px;
	height: 49px;
}
#contact h2 span 
{
	display: none;
}

#contact li 
{
	list-style-image: url(images/list_icon2.gif);
	margin-left: -10px;
}

#footer 
{
	margin: 50px 180px 0px 140px;
}

#footer a:link, #footer a:visited, #footer a:active
{
	color: #9e866b;
	text-decoration: none;	
}

#footer a:hover
{
	text-decoration: underline;
}

#browserupgrade 
{
	text-align: center;
	font-size: 70%;
}

#validity
{
	margin-top: 20px;
	padding-bottom: 10px;
}

#linklist 
{
	/*right: -30px;*/ 
	right: 0px;
	/*width: 175px;*/
	width: 175px;
	position: absolute; 
	/*top: 290px;*/
	top: 200px;
}

#linklist ul 
{
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px;
}

#linklist li 
{
	padding-right: 6px; 
	display: block; 
	padding-left: 6px; 
	/* Make background transparent (with clever gif) so can see pillar */
	background: url(images/bg_black.gif) center top;
	padding-bottom: 8px; 
	margin: 0px; 
	padding-top: 8px; 
	list-style-type: none;
}

#linklist li a 
{
	color: #9e866b;
}

#linklist2 
{
	/*font-size: 70%;*/ 
	/*font-size: 76% !important;*/
	/*font-size: 9pt !important;*/
	font-size: 80%;
	color: #846645;
}

#lportfolio ul li a 
{
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	font-size: 120%; 
	padding-bottom: 0px; 
	width: auto; 
	color: #9e866b;
	padding-top: 0px;
	text-decoration: none;
}

#lportfolio ul li a:hover
{
	text-decoration: underline;
}

#lportfolio ul li a.c 
{
	display: inline; 
	font-size: 100%; 
	color: #9e866b;
}

#linklist h3.portfolio 
{
	background: url(images/portfolio_copper.png) no-repeat left top;
	margin: 2px 0px 0px; 
	width: 178px; 
	height: 49px;
}

#linklist h3.portfolio span 
{
	display: none;
}

.highlightdark
{
	color: #846645;
}

.highlightlight
{
	color: #9e866b;
}

.leftalign
{
	text-align: left;
}

.copyright
{
	font-size: 90%;
	padding-bottom: 15px;
}

/* Boxover Styles */

.dvhdr1
{
	background: #000000;
	background-image: url(images/boxover_gradient.gif);
	background-position: top left; 
	background-repeat: repeat-x;
	font-size: 0.85em;
	color: #ffffff;
	text-align: center;
	border: 1px solid #8d5b3e;
	padding: 5px;
	width: 200px;
}
       
.dvbdy1 
{
	background: #000000;
	font-size: 70%;
	color: #846645;
	text-align: center;
	border-left: 1px solid #8d5b3e;
	border-right: 1px solid #8d5b3e;
	border-bottom: 1px solid #8d5b3e;
	padding: 5px;
	width: 200px;
}