* {
	margin:0;
	padding:0;
}

body {
	font:0.8em Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#deedf5;
	background:#010d01;
}

div {text-align:left;}
.clear {clear:both;}

.container {
	margin:0 auto 0 auto;
	width:780px;
}

.logo {
	margin:5px 0 0 5px;
	border:0;
}

#main {
	background:url(images/bg/main_bg.gif) repeat 0 0;
}

#main .container {
	height:383px;
	background:url(images/bg/content.gif) no-repeat 0 0;
}

#main h1,#main h2,.container h3,.left p,.middle p,.right p {
	margin-bottom:5px;
	padding:0 10px 10px 10px;
}

#main h1,#main h2,.container h3 {
	padding-top:5px;
	font:normal 2em Tahoma, Verdana, Helvetica, Arial, sans-serif;
	text-transform:lowercase;
}
#main h1 {
	font-size:1.35em;
	color:#22a1ef;
}
.home #main h1,.home .middle h2,.home .right h2 {color:#22a1ef;}
.services #main h1,.services .middle h2,.services .right h2 {color:#9bf41f;}
.portfolio #main h1,.portfolio .middle h2,.portfolio .right h2 {color:#ffd715;}
.news #main h1,.news .middle h2,.news .right h2 {color:#c7554a;}
.about #main h1,.about .middle h2,.about .right h2 {color:#c74abc;}
.contact #main h1,.contact .middle h2,.contact .right h2 {color:#12a6ff;}
.legal #main h1,.legal .middle h2,.legal .right h2 {color:#22a1ef;}

#main h2 {font-size:1.35em;}
#main h3 {padding-top:0;font-size:1.1em;}

#main .right h2 {
	margin:0;
	padding-top:0;
}

.left p,.middle p,.right p,.left ul {
	font:0.85em Verdana, Arial, Helvetica, sans-serif;
}

.left,.middle,.right {display:inline;}

.left {
	float:left;
	margin:22px 0 0 10px;
	width:430px;
}

.left p a,.left li a,.middle p a,.right p a {text-decoration:none;}
.left p a:hover,.left li a:hover,.middle p a:hover,.right p a:hover {text-decoration:underline;}

.home .left p a,.home .left li a,.home .middle p a,.home .right p a {color:#22a1ef;}
.services .left p a,.services .left li a,.services .middle p a,.services .right p a {color:#9bf41f;}
.portfolio .left p a,.portfolio .left li a,.portfolio .middle p a,.portfolio .right p a {color:#ffd715;}
.news .left p a,.news .left li a,.news .middle p a,.news .right p a {color:#c7554a;}
.about .left p a,.about .left li a,.about .middle p a,.about .right p a {color:#c74abc;}
.contact .left p a,.contact .left li a,.contact .middle p a,.contact .right p a {color:#12a6ff;}
.legal .left p a,.legal .left li a,.legal .middle p a,.legal .right p a {color:#22a1ef;}

ul.services,ul.news {
	margin-left:10px;
	list-style:none;
}

ul.services li,ul.news li {
	margin-bottom:10px;
}

.serviceimg {
	float:right;
	margin:0 0 10px 10px;
	width:120px;
	height:60px;
	border:1px solid yellow;
}

.portfolio h3 {
	margin:0;
	padding-left:0;
	font-size:1.1em;
}

.left .portfolioitem {
	margin:0 10px 10px 10px;
	padding:5px;
	border:1px solid #000000;
}

/*.portfolio p {
	margin:0;
	padding:0;
}

.portfolio .left p {padding:0 10px 10px 10px;}
.portfolio .middle p {padding-top:0;}
.portfolio .middle p.date {padding-top:10px;}
.portfolio .right p {padding:0 10px 10px 10px;}*/

#portfoliolist p {padding:0;}

.portfolioleft,.portfolioright {display:inline;}

.portfolioleft {
	float:left;
	width:130px;
}

.portfolioleft img {
	display:block;
	width:120px;
	height:60px;
}

.portfolioleft a img {border:2px solid #000000;}
.portfolioleft a:hover img {border:2px solid #ffd715;}

.portfolioright {
	float:right;
	width:263px;
}

.portfolioright a {
	color:#ffd715;
	text-decoration:none;
}
.portfolioright a:hover {
	text-decoration:underline;
}

.portpagelinks {text-transform:lowercase;}

.portone,.porttwo,.portthree {
	display:inline;
	float:left;
	width:130px;
	color:#000000;
}

.porttwo {
	margin:0 10px 0 10px;
	color:#ffffff;
	text-align:center;
}

.portthree {
	text-align:right;
}

.portpagelinks a {
	color:#ffd715;
	text-decoration:none;
}
.portpagelinks a:hover {
	text-decoration:underline;
}

#contactform p {
	clear:both;
	padding-bottom:0;
}

.newsdate {
	display:block;
	float:left;
	width:93px;
}

.contactleft,.contactright {display:inline;}

.contactleft {
	float:left;
	width:210px;
}

.contactright {
	float:right;
	width:220px;
}

label {
	float:left;
	padding-top:2px;
	width:70px;
}

input,textarea {
	padding:1px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#010d01;
	border:1px solid #12a6ff;
}
input:focus,textarea:focus {
	border:1px solid #9bf41f;
}

input {width:110px;}
textarea {width:320px;}

.button {
	margin-left:70px;
	padding:2px 2px 3px 2px;
	width:auto;
	color:#FFFFFF;
	background:#12a6ff;
}
input.button:focus {background:#9bf41f;}

.middle {
	float:left;
	margin:22px 0 0 15px;
	width:150px;
}

.middle h2 {padding-top:5px;padding-bottom:5px;}

.middle p {
	clear:both;
	padding-left:10px;
	padding-right:10px;
}

#randomwork {
	height:339px;
	background-repeat:no-repeat;
	background-position:0 0;
}

.date {
	margin:0;
	padding:0;
}

.right {
	float:right;
	margin:22px 10px 0 0;
	width:150px;
}

#nav {
	list-style:none;
}
#nav li {
	text-align:right;
	float:right;
	width:150px;
}

#nav a {
	display:block;
	padding:3px 10px 3px 10px;
	font-size:0.85em;
	color:#deedf5;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0 50%;
}

.a a {background-image:url(images/bg/a_off.gif);}
.b a {background-image:url(images/bg/b_off.gif);}
.c a {background-image:url(images/bg/c_off.gif);}
.d a {background-image:url(images/bg/d_off.gif);}
.e a {background-image:url(images/bg/e_off.gif);}
.f a {background-image:url(images/bg/f_off.gif);margin-bottom:10px;}

.a a:hover {background-image:url(images/bg/a_on.gif);}
.b a:hover {background-image:url(images/bg/b_on.gif);}
.c a:hover {background-image:url(images/bg/c_on.gif);}
.d a:hover {background-image:url(images/bg/d_on.gif);}
.e a:hover {background-image:url(images/bg/e_on.gif);}
.f a:hover {background-image:url(images/bg/f_on.gif);}

#footer {
	margin-top:10px;
	list-style:none;
	text-align:center;
}
#footer li {
	display:inline;
	margin:0 10px 0 10px;
	padding-bottom:10px;
	font-size:0.8em;
	text-transform:lowercase;
}

#footer a {
	color:#1bf31b;
	text-decoration:none;
}
#footer a:hover {
	color:#0093e8;
}