/*************** General layout *******************/

body {
	background: #CCCCCC url(bg_site.gif) repeat fixed;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #333333;}
	
a:link {color: ##0000FF;}
a:visited {color: #00FF00;}
a:hover {color: #00FF00;}
a:active {	color: #999999;}
	
#maincontainer {
	background-color: #FFFFFF;
	height: auto;
	width: 742px;
	margin-right: auto;
	margin-left: auto;
	border-right: 9px solid #EEF0F1;
	border-left: 9px solid #EEF0F1;
	padding-right: 1px;
	padding-left: 1px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;}

#header {
	background: #000000;
	height: 120px;
	width: 100%;
	border-bottom: 1px solid #000000;
	float: left;
	}

#header h1 {
	margin: 0px;
	padding: 0px;
	background: url(logo1.gif) no-repeat;
	height: 67px;
	width: 222px;
	text-indent: -5000pt;}

#pagemessage {
	background: #353535 url(bg_pagemessage.gif) repeat-x bottom;
	float: left;
	height: 140px;
	width: 100%;
	border-bottom: 1px solid #FFFFFF;}

#pagemessage h1 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	padding: 8% 0px 0px 3%;
	color: #FFFFFF;
	margin: 0px;
	float: left;}
	
#pagemessage img {
	float: right;
	display: block;
	margin-top: 6%;
	margin-right: 2%;}

#leftcol {
	float: left;
	height: auto;
	width: 410px;
	vertical-align: top;
	background-color: #FFFFFF;}
	
#rightcol {
	height: auto;
	width: 331px;
	border-left: 1px dashed #CCCCCC;
	float: left;
	background-color: #FCFBFB;}
	
#mainimage {
	background-color: #CCCCCC;
	width: 331px;
	float: left;
	height: 207px;}
	
#portfoliopane {
	background-color: #FFFFFF;
	width: 331px;
	float: left;
	height: 435px;}
	
#sitecontent {
	background-color: #FFFFFF;
	padding: 10px;
	height: auto;
	width: 390px;
	float: left;
	font-size: 1.1em;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;}
	
#sitecontent a:link {color: #0033FF;text-decoration: none;border-bottom: 1px dashed #669900;	padding: 0.2em;}
#sitecontent a:visited{color: #669900;text-decoration: none;border-bottom: 1px dashed #669900;	padding: 0.2em;}
#sitecontent a:hover {	color: #ffffff;	text-decoration: none;	border-bottom: 1px dashed #669900;	background-color: #00FF00;	padding: 0.2em;}
#sitecontent a:active {color: #669900;text-decoration: none;border-bottom: 1px dashed #669900;	padding: 0.2em;}

#sitecontent h1,h2,h3,h4,h5{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #99CC00;
	margin: 0px;
	padding: 0px;}
	
	#sitecontent h6 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #666666;
	margin: 0px;
	padding: 2px;
	width: auto;}
	
#footer {
display:block;
background: url(bg_footer.gif) repeat-x #000000;
height: 184px;
width: 760px;
margin:0 auto;
text-align:center;
}
   
#footer ul {
    list-style-type: none;
}
   
#footer li {
    display: inline;
}
	
#footer a:link, a:visited,a:hover,a:active {color: #999999;}
	
#footer form {
	background: url(bg_footer_form.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 184px;
	width: 233px;
	font-size: 9px;}
	
.footerinfo {
	height: auto;
	width: 500px;
	padding-top: 30px;
	padding-left: 20px;
	color: #999999;
	footer footerinfo p text-align:center;}
	
	
.footerinfo img {
	padding-top: 5px;}		
	
.inputfield {
	margin-top: 118px;
	margin-left: 55px;
	width: 80px;
	background-color: #DEDEDE;
	border: none;
	font-size: 1em;}
	
.inputbutton {
	background: url(go.gif) no-repeat;
	height: 19px;
	width: 25px;}
	
	#clear p {	clear: both;	margin: 0px;	padding: 0px;}	

/*************** menu system *******************/

#menu {
	float: left;
	width: 100%;
	height: auto;
	background: #4F4F4F;
	font-size: 1em;
	font-weight: bold;}

#menu ul{
	margin: 0;
	padding: 0;}

#menu ul li {
	display: inline;}

#menu ul li a {
	padding: 0.5em 1em;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	color: #FFFFFF;}

#menu ul a:hover{background-color: #ADE000; color: #333333;}

#menu ul li a:hover{
background-color: #ADE000;
color: #333333;}

#submenu {
	float: left;
	width: 100%;
	background: #99CC00;
	font-size: 1em;
	border-top: 1px solid #FFFFFF;}

#submenu ul{
	margin: 0;
	padding: 0;}

#submenu ul li {
	display: inline;}

#submenu ul li a {
	padding: 0.4em 0.4em 0.4em 0.7em;
	color: #333333;
	text-decoration: none;
	float: left;}

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

.active {	background-color: #99CC00;}
.active a{color: #006633;}

/*************** pagetools *******************/

#pagetools {
	background-color: #FFFFFF;
	height: 20px;
	width: 410px;
	border-bottom: 1px dashed #CCCCCC;}
	
#pagetools a {text-decoration: none;}

#favourites ul{	float: left;	width: 137px;	background: url(favourites_off.gif) no-repeat;	text-indent: -5000px;	margin: 0px;	padding: 0px;	list-style-type: none;}
#favourites ul li a:link {background: url(favourites_off.gif);	height: 50px;	width: 137px;float: left;	}
#favourites ul li a:visited {background: url(favourites_off.gif);	height: 50px;	width: 137px;float: left;	}
#favourites ul li a:active {background: url(favourites_off.gif);	height: 50px;	width: 137px;float: left;}
#favourites ul li a:hover {	background: url(favourites_on.gif);	height: 50px;	width: 137px;	float: left;	background-repeat: no-repeat;}
	
#print {	float: left;	width: 116px;	background: url(print_off.gif) no-repeat;	text-indent: -5000px;}
#print ul {	margin: 0px;	padding: 0px;	list-style-type: none;}
#print ul li a:link {	background: url(print_off.gif);	height: 50px;	width: 116px;	float: left;	}
#print ul li a:visited {	background: url(print_off.gif);	height: 50px;	width: 116px;	float: left;}
#print ul li a:active {	background: url(print_off.gif);	height: 50px;	width: 116px;	float: left;	}
#print ul li a:hover {background: url(print_on.gif);	height: 50px;	width: 116px;		float: left;}

#skype {	float: left;	width: 116px;	background: url(print_on.gif) no-repeat;	text-indent: -5000px;}
#skype ul {	margin: 0px;	padding: 0px;	list-style-type: none;}
#skype ul li a:link {	background: url(skype_on.gif);	height: 50px;	width: 116px;	float: left;	}
#skype ul li a:visited {	background: url(skype_on.gif);	height: 50px;	width: 116px;	float: left;}
#skype ul li a:active {	background: url(skype_on.gif);	height: 50px;	width: 116px;	float: left;	}
#skype ul li a:hover {background: url(skype_on.gif);	height: 50px;	width: 116px;		float: left;}

/*************** newsarea *******************/

#newsarea {
	background-color: #DFDFDF;
	height: auto;
	width: 330px;
	background: url(bg_newsarea.gif) no-repeat top;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 1.1em;
	border-bottom: 1px dashed #CCCCCC;}
	
#newsarea h2 {
	margin: 10px 0px;
	padding: 2%;
	height: auto;
	width: 96%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: 1.2em;
	color: #666666;
	background-color: #EDF6C9;}
	
#newsarea img {
	float: left;
	margin-left: 7px;
	border: 1px dashed #CCCCCC;
	margin-top: 7px;

}
	
#newsarea img a:link {
	border: 1px solid #CCCCCC;
	height: auto;
	width: auto;}
	
#newsarea img a:hover {
	border: 1px solid #FF0000;
	height: 99px;
	width: 99px;
}

	.newstitle {
	float: left;
	padding-bottom: 15px;
	height: auto;
	width: 100%;}
	
.newsdesc{padding: 0px 5px 5px;}

/*************** portfolio *******************/

.portfoliothumbs {
	height: auto;
	width: 95%;
	padding: 1%;
	float: left;}
	
.portfoliothumbs img {
	float: left;
	height: 90px;
	width: 90px;
	border: 1px solid #CCCCCC;
	margin-right: 5px;

}

/*************** standard site forms *******************/

#siteforms {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
	height: auto;
	width: auto;}

#siteforms fieldset {
	border: 1px solid #CCCCCC;
	padding: 10px;
	background-image: url(bg_quotefieldset.gif);
	background-repeat: repeat-x;
	background-position: top;}

#siteforms fieldset textarea {
	width: 80%;
	height: auto;
	border: 1px solid #CCCCCC;
	color: #666666;}
	
#siteforms legend {
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #99CC00;
	border: 1px solid #CCCCCC;}

.quotefields {
	width: 70%;
	height: auto;
	border: 1px solid #CCCCCC;
	color: #666666;}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #FFFFFF;
	letter-spacing:.1em;
	}

#commentdata fieldset
{
	display: block;
	margin: 1em 1em 1em 1em;
	border: 1px solid #669966;
	padding: 1em 1em 1em 1em;
	background-color: #00CC00;
}


#commentdata input, textarea
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#commentdata textarea
{
	left: 8.2em;
}

#commentdata input.submit
{
	clear: both;
	top: 0;
    left: 0;
}

#commentdata label
{
	clear: both;
	float: left;
	display: block;
	width: 8em;
	margin-top: -1em;
	font-weight: bold;
}

#commentdata label.formlabelfirst
{
	margin-top: 1em;
}