/* CSS Document */

/*Varnish stripping**/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
abbr, acronym {border: none;}

/*browser normalisation*/
#force-scrollbar { 
	position: absolute; 
	top: 0; 
	bottom: -1px;
	width: 1em;
	z-index: -1;
}

/*accessibility*/
.access {
	display: none;
}
#skiplinks {	
	position: absolute;
	top: 0;
	left: -2000px;
	z-index: -100;
}

/*Main page elements*/
body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#container {
	padding: 0px;
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/mint-background.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#logo {
	margin: 0px;
	padding: 0px;
	height: 130px;
}
#logo img {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 5px;
}

#flash-area {
	margin-bottom: 20px;
	padding: 0px;
	height: 310px;
	width: 850px;
	background-image: url(images/flashbackground.gif);
	background-repeat: repeat-x;
}
#flash {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 310px;
	width: 524px;
}
#panels {
	background-image: url(images/big-background.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 310px;
	width: 326px;
	float: left;
}

#nav {
	margin-bottom: 25px;
	height: 33px;
}
#nav ul {
	margin-right: 5px;
	margin-left: 5px;
}
#nav li {
	float: left;
	margin-right: 2px;
}
#nav a {
	background-image: url(images/nav-background.gif);
	height: 33px;
	width: 93px;
	padding: 0px;
	margin: 0px 2px 0px 0px;
	display: block;
	text-align: center;
	line-height: 33px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
}
#nav a:hover {
	background-image: url(images/nav-background-over.gif);
	color: #FFFFFF;
	text-decoration: none;
}
#main {
	padding: 0px;
	float: left;
	width: 570px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 5px;
}
#content-container h1 {
	color: #638524;
	font-size: 2em;
	margin-bottom: 20px;
	font-weight: normal;
	text-transform: lowercase;
}

#content-container p {
	margin-bottom: 15px;
}


#sidebar {
	width: 250px;
	margin-left: 25px;
	float: left;
}
.side-panel-top {
	background-image: url(images/sidebar-top-background.gif);
	margin: 0px;
	height: 34px;
	padding: 5px 15px 0px 15px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 34px;
	text-transform: lowercase;
}
.side-panel-bottom ul {
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
	margin-left: 15px;
}
.side-panel-bottom li {
	margin-bottom: 5px;
}


.side-panel-bottom {
	background-image: url(images/sidebar-bottom-background.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 10px 15px 15px 15px;
	margin-bottom: 20px;
}
#telephone-panel {
	padding: 0px;
	margin-bottom: 15px;
}
#copright {
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
}
#footer {
	padding-right: 5px;
	padding-left: 5px;
	text-align: right;
	margin-top: 20px;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#footer a {
	color: #85A245;
	text-decoration: underline;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #85A245;
}


#home-page #homebut, #about-page #aboutbut, #projects-page #projectsbut, #gallery-page #gallerybut, #contact-page #contactbut {
	background-image: url(images/nav-background-over.gif) !important;
}
#gallery-page #main {
	width: 595px;
}
#gallery-page #sidebar {
	width: 250px;
	float: left;
	margin-left: 0px;
}

#gallery-list li {
	margin-right: 15px;
	float: left;
	margin-bottom: 15px;
}
#gallery-list img {
	width: 130px;
	height: 100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.text {
	color: #b5c3a0;
	padding-left: 550px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding-top: 250px;
	padding-right: 30px;
	margin: 0px;
}

#projects-bigpic {
	background-image: url(../images/bigpics/3.jpg);
	padding: 0px;
	height: 310px;
	width: 850px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#about-bigpic {

	background-image: url(../images/bigpics/2.jpg);
	padding: 0px;
	height: 310px;
	width: 850px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#gallery-bigpic {


	background-image: url(../images/bigpics/4.jpg);
	padding: 0px;
	height: 310px;
	width: 850px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#contact-bigpic {



	background-image: url(../images/bigpics/1.jpg);
	padding: 0px;
	height: 310px;
	width: 850px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.clearer {
	margin: 0px;
	padding: 0px;
	clear: both;
}