html { min-height: 100%; margin-bottom: 1px; }

html, body, form, fieldset, ul, ol, li, input, textarea, select, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}

body {background: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em;}
a {color: #C0C0C0; text-decoration: none;}

#container {width: 760px; margin: 0 auto;}

#banner {width: 760px; height: 54px; background: url(../images/header.gif) no-repeat; margin-top: 10px;}
#banner span {display: none;}
#banner a {display: block; height: 100%; width: 244px;}

/* Navigation */
#nav {
	height: 70px;
	background: #000000;
}

/* Footer */
#footer {float: right; clear: both; color: #999; font-size: 0.85em; margin-bottom: 14px; width: 100%; border-top: 18px solid #333; margin-top: 15px; padding-top: 4px;}
html* #footer {float: none;}
#footer ul {list-style-type: none; float: left;}
#footer li {float: left;}
#footer a {margin-right: 2px; margin-left: 2px;}
#footer a:hover {color: #fff;}
#footer p {float: right;}

#abricot {float: right; clear: both; color: #999; font-size: 0.85em; margin-top: -30px;}
#abricot a {colour: #fff;}
#abricot a:visited {colour: #fff;}

/* Home page */
#img1, #img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10, #img11, #img12 {float: left; width: 169px; height: 385px; background-repeat: no-repeat; margin-right: 28px;}
#img1 {clear: left; background-image: url(../images/home_page/image1.jpg);}
#img2 {background-image: url(../images/home_page/image2.jpg);}
#img3 {background-image: url(../images/home_page/image3.jpg);}
#img4 {background-image: url(../images/home_page/image4.jpg); margin-right: 0;}
#img5 {clear: left; background-image: url(../images/home_page/image5.jpg);}
#img6 {background-image: url(../images/home_page/image6.jpg);}
#img7 {background-image: url(../images/home_page/image7.jpg);}
#img8 {background-image: url(../images/home_page/image8.jpg); margin-right: 0;}
#img9 {clear: left; background-image: url(../images/home_page/image9.jpg);}
#img10 {background-image: url(../images/home_page/image10.jpg);}
#img11 {background-image: url(../images/home_page/image11.jpg);}
#img12 {background-image: url(../images/home_page/image12.jpg); margin-right: 0;}

/* Portfolio */
#portfolio {width: 780px; position: relative; left: -10px;}
#portfolio td {width: 20%; background-color: #222; padding: 8px; text-align: center;}
#portfolio tr {margin: 10px;}
#portfolio a img {border: 0;}

#more {float: right;}
#more a {display: block; height: 22px; width: 68px; background-image: url(../images/more.gif);}
#more a span {display: none;}

/* Text */
h2, h3 {color: #595959;  font-weight: normal; }
h2 {
	font-size: 1.1em;
	border-bottom: 1px solid;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
}
h3 {font-size: 1.2em;}
p {
	line-height: 2em;
	margin-bottom: 1em;
}
.fulltextblock {background-color: #222; color: #999; padding: 10px; margin-bottom: 25px;}
.textblock {clear: left; background-color: #222; color: #999; padding: 10px; width: 545px; margin-bottom: 25px;}
.rightimg {float: right;}

/* Forms */
fieldset {border: 1px solid #999; padding: 8px; margin-top: 6px;}
legend {font-size: 1.15em; color: #999;}
.legendspacer {display: block; height: 2px; font-size: 0.6em;}
label {float: left; clear: left; margin-bottom: 10px;}
input, select, textarea {float: left; margin-left: 10em; margin-top: -1.2em;}
.submit {margin: 0; clear: left;}
.textblock a {
	color: #FF0000;
}
.textblock a:hover {
	color: #FFFFFF;
}