body
{
	background-image:url(/system/static/images/bodyBackground.png);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	margin:0px;
	padding:0px;
}

#navHolder
{
	width:1024px;
	height:75px;
	margin:0px auto;
	position:relative;
}

#logo
{
	float:left;
	/* position:absolute;
	z-index:2; */
}

#companyNameHolder
{
	width:350px;
	height:75px;
	background:url(/system/static/images/companyNameCorner.png) no-repeat right bottom;
	float:left;
}

#companyName
{
	color:#FFFFFF;
	font-size:2em;
	margin-top:18px;
}

#navigation
{
	width:492px;
	height:75px;
	margin-top:0px;
	background-color:#FFFFFF;
	float:left;
}

#navigation ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#navigation ul li
{
	float:left;
	margin-left: 9px;
}

#navigation ul li a
{
	display:block;
	min-height:35px;
	height:auto !important;
	height:35px;
	width:111px;
	text-align: center;
	color:#fff;
	font-size:0.9em;
	line-height:30px;
	text-decoration:none;
}

#navigation ul li a:hover
{
	min-height:45px;
	height:auto !important;
	height:45px;
}

#navigation ul li a.selected
{
	min-height:75px;
	height:auto !important;
	height:75px;
}

#navigation ul li a.selected span
{
	padding-top:40px;
	display:block;
}

#navigation ul li a.services
{
	background:#903 url(/system/static/images/servicesButt.gif) no-repeat bottom;
}

#navigation ul li a.portfolio
{
	background:#459900 url(/system/static/images/portfolioButt.gif) no-repeat bottom;
}

#navigation ul li a.contacts
{
	background:#609 url(/system/static/images/contactsButt.gif) no-repeat bottom;
}

#navigation ul li a.home
{
	background:#000 url(/system/static/images/homeButt.gif) no-repeat bottom;
}

#endNavigation
{
	float:left;
	width:32px;
	height:75px;
	background:#000000 url(/system/static/images/companyborderCorner.png) no-repeat left bottom;
}

#contentContainer
{
	margin-top:10px;
	background:#fff url(/system/static/images/contentBG.jpg) repeat-x top;

}

#contentHolder
{
	width:1024px;
	margin:0 auto;
	padding-top:20px;
	padding-right:80px;
}

#mainCopy
{
	width:600px;
	float:right;
}

.componentHolder
{
	margin-bottom:4px;
}

.component
{
	background: transparent url(/system/static/images/componentBG.png) no-repeat top center;
	width:560px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:2px;
}

.subheaderservices
{
	background:#903 url(/system/static/images/servicesHeaderBR.gif) no-repeat bottom right;
	width:60%;
}

.subheaderportfolio
{
	background:#459900 url(/system/static/images/portHeaderBR.gif) no-repeat bottom right;
	width:60%;
}

.subheadercontacts
{
	background:#609 url(/system/static/images/contactsHeaderBR.gif) no-repeat bottom right;
	width:60%;
}

.componentBottom
{
	min-height:30px;
	height:auto !important;
	height:30px;
	background:transparent url(/system/static/images/componentBottom.png) no-repeat bottom;
}

.componentSmall
{
	width:180px;
	padding:20px;
	background:transparent url(/system/static/images/componentBGsmall.png) top no-repeat;
}

.componentSmallBottom
{
	min-height:30px;
	height:auto !important;
	height:30px;
	background:transparent url(/system/static/images/componentBGsmall.png) no-repeat bottom;
}

#rightCol
{
	width: 220px;
	height:50px;
	float:right;
}

/*Typography*/
h1
{
	margin:0px; 
	font-style:italic; 
	color:#999; 
	font-size: 0.9em; 
	font-weight:normal; 
	border-bottom: 1px solid #ccc; 
	padding:0px 20px 5px 20px;
}

h1 span 
{
	font-style:normal; 
	font-size:1.2em; 
	font-weight:bold;
}

h2, .subheaderportfolio a
{
	margin:0px;
	color:#fff;
	padding:5px 20px 0px;
	font-size:0.75em;
	text-decoration:none;
}

.subheaderservices h2
{
	background:transparent url(/system/static/images/servicesHeaderTL.gif) no-repeat top left;
}

.subheaderportfolio h2
{
	background:transparent url(/system/static/images/portHeaderTL.gif) no-repeat top left;
}

.subheadercontacts h2
{
	background:transparent url(/system/static/images/contactsHeaderTL.gif) no-repeat top left;
}

.subheaderservices ul li, .subheaderportfolio ul li, .subheadercontacts ul li
{
	display:inline;
	padding:0px 5px;
	border-right:1px solid #fff;
}


li.last
{
	border-right:none !important;
}


p, td, .component ul
{
	font-size:0.80em;
	line-height:140%;
	padding:0px 20px;
}

.subheaderservices ul, .subheaderportfolio ul, .subheadercontacts ul
{
	color:#fff;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 5px 20px;
	font-size:0.80em;
}

.servicesColour
{
	color:#903;
}

.portfolioColour
{
	color:#459900;
}

.contactsColour
{
	color:#609;
}

input, textarea
{
	border:1px solid #999;	
}

input
{
	background-image: url(/system/static/images/formBG.png);
	background-repeat: repeat-x;
	background-position: top;
}


/*COMMON*/
.Clearboth
{
	clear:both;
}