/*************************************************************************
*
*   Copyright 2008, Koert Buijze
*   www.22b.nl
*
*************************************************************************/

body	{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#aaa;
	background:#171717 url(/cl/img/bg.jpg) no-repeat 50% 0 fixed;
	text-align:center;
	cursor:default;
	margin:0;
	padding:50px 0;
}

div	{
	text-align:left;
}

h1,h2,h3,h4	{
	font-weight:400;
	color:#fff;
}

h1 {
	color: #FFCC00;
	margin:0 0 10px 0;
	font-size:30px;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:11px;
}

a {
	color:#fc0;
	text-decoration:none;
}

li {
	list-style:none;
}

address	{
	line-height:18px;
	font-size:12px;
	font-style:normal;
	color:#fff;
	float:right;
	padding:3px 0;
}

p {
	margin-top:15px;
	line-height:16px;
}

fieldset {
	border:0 solid transparent;
}

input,textarea,select	{
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	border:3px solid #333;
	overflow:auto;
	background:#fefefe url(/cl/img/bg-field.gif) repeat-x 0 0;
	margin:3px 0 0;
	padding:2px;
}

.err	{
	font-weight:700;
	color:#fc0;
}

input.small	{
	width:180px;
	padding:2px;
}

select.small	{
	width:190px;
	padding:2px;
}

input.large,textarea	{
	width:386px!important;
	padding:2px;
}

input.tel_prefix {
	width:30px;	
}

input.tel_suffix {
	width:136px;
}

input.address_street {
	width:323px;	
}

input.address_housenumber {
	width:60px;
}

input.address_street {
	width:313px;	
}

input.zipcode {
	width:60px;
}

input.city {
	width:313px;
}


a:hover,strong	{
	color:#fff;
}

body.home #nav a.navhome,body.gallery #nav a.navgallery,body.photography #nav a.navphotography,body.order #nav a.navorder,body.scripting #nav a.navscripting,body.links #nav a.navlinks,body.signup #nav a.navsignup,body.contact #nav a.navcontact	{
	background:#fc0 none!important;
	color:#000;
	border-bottom:3px solid #fc0;
	cursor:default;
	margin:0 3px 0 0;
}

body.home #footnav a.navhome,body.gallery #footnav a.navgallery,body.photography #footnav a.navphotography,body.order #footnav a.navorder,body.scripting #footnav a.navscripting,body.links #footnav a.navlinks,body.signup #footnav a.navsignup,body.contact #footnav a.navcontact	{
	color:#fff;
	cursor:default;
}

#head .brand	{
	width:90px;
	height:50px;
	display:block;
	background:transparent url(/cl/img/a-logo.png) no-repeat 0 0!important;
	background:#1e1e1e url(/cl/img/a-logo.gif) no-repeat 0 0;
	float:left;
	margin:10px 0 0;
}

#head .brand:hover	{
	background-position:0 -50px!important;
}

#head #client	{
	width:460px;
	float:right;
}

#head #client p	{
	margin:1px 15px 3px 0;
}

#head ul li	{
	float:left;
	margin-left:15px;
}

#nav	{
	border-bottom:10px solid #fc0;
	margin:0 0 10px;
}

#nav li a	{
	font-size:13px;
	float:left;
	display:block;
	color:#fff;
	background:transparent url(/cl/img/bg-dark.png)!important;
	background:#1e1e1e;
	margin:0 3px 3px 0;
	padding:6px 15px;
}

#nav li a:hover	{
	background:transparent url(/cl/img/bg-light.png) repeat 0 0!important;
	background:#fc0;
}

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

#wrapper	{
	background:#1e1e1e url(/cl/img/bg-random.jpg) no-repeat 100% 100%;
	margin:0 0 10px;
	padding:15px 25px 25px 25px;
}
#wrapper div#rightbox {
	width:210px;
	float:right;
}
#wrapper div#rightbox h3 {
	text-align:right;
}

#wrapper div#rightbox ul li {
	text-align:right;
}

#content	{
	width:600px;
	float:left;
}

#workstatus	{
	width:85px;
	background:#2b2b2b;
	float:right;
	padding:12px;
}

#form	{
	width:396px;
	float:left;
	padding:15px 0 0;
}

#form label	{
	color:#fff;
	display:block;
}

#form p.col,#client p.col	{
	width:189px;
}

#form p	{
	width:396px;
	margin:0;
	padding:0 0 15px;
}

.skills	{
	width:150px;
	float:left;
	padding:0 37px 0 0;
}

.skills h4	{
	width:150px;
	color:#fff;
	padding:10px 0;
}

.skills li	{
	width:135px;
	font-size:11px;
	color:#aaa;
	padding-left:15px;
	background:transparent url(/cl/img/li-bullet.gif) no-repeat 0 60%;
	margin:5px 0;
}

.showpreview	{
	width:250px;
}

.showpreview a	{
	border:3px solid #2c2c2c;
	background:#000;
	display:block;
	float:left;
	margin:8px 0 0;
}

.showdetails	{
	background:#000;
	border:3px solid #2c2c2c;
	float:left;
	margin:15px 0 0;
}

#numbers li a	{
	float:left;
	background:#2c2c2c;
	border:0 none;
	color:#fff;
	padding:3px 5px;
}

#numbers li.disabled	{
	background:#fc0;
	border:0 none;
	color:#000;
	cursor:default;
	padding:3px 5px;
}

#options li a,#paging li a	{
	background:#2c2c2c;
	border:0 none;
	color:#fff;
	float:left;
	padding:3px 5px;
}

#options li.disabled,#paging li.disabled	{
	background:#212121;
	border:0 none;
	color:#4b4b4b;
	cursor:default;
	padding:3px 5px;
}

#involvement h3	{
	width:150px;
	font-size:14px;
	color:#fff;
	padding:0 0 10px;
}

#involvement li	{
	font-size:11px;
	color:#666;
	padding-left:15px;
	background:transparent url(/cl/img/li-bullet.gif) no-repeat 0 60%;
	margin:5px 0;
}

.testimonial dt	{
	font-size:12px;
	padding:0 0 10px;
}

.testimonial dd	{
	line-height:16px;
}

.testimonial dd.pos	{
	color:#fff;
	padding:10px 0 0;
}

.clear	{
	clear:both;
}

.hr	{
	width:525px;
	height:1px;
	font-size:1px;
	clear:both;
	background:transparent url(/cl/img/hr-divider.gif) repeat-x 0 0;
	padding:15px 0;
}

.submit	{
	width:50px;
	height:24px;
	border:0 none;
	cursor:pointer;
	display:block;
	background:#2b2b2b url(/cl/img/btn-submit.gif) no-repeat 0 0;
	margin:4px 0 0;
}

.profile	{
	width:69px;
	background:#2b2b2b url(/cl/img/btn-profile.gif) no-repeat 0 0;
}

.logout	{
	width:56px;
	background:#2b2b2b url(/cl/img/btn-logout.gif) no-repeat 0 0;
}

.request	{
	float:left;
	margin:20px 0 0 15px;
}

.required	{
	color:#fc0;
}

#foot #footnav li.first	{
	background:none;
	padding:5px 12px 5px 0;
}

#foot #footnav li	{
	font-size:12px;
	background:transparent url(/cl/img/li-divider.gif) no-repeat 0 50%;
	float:left;
	padding:5px 12px 5px 14px;
}

#w3c p	{
	color:#fff;
	float:left;
	margin:0;
	padding:0;
}

#w3c .top	{
	display:block;
	background:#1e1e1e;
	color:#fff;
	float:right;
	padding:3px 8px;
}

#w3c .copyright	{
	color:#818181;
}

*,#head p,#workstatus p,.last	{
	margin:0;
	padding:0;
}

input:focus,textarea:focus,.error,.showpreview a:hover	{
	border:3px solid #fc0;
}

legend,label,#accessibility,#nav h3,.hide	{
	display:none;
}

#head,#foot	{
	background:transparent url(/cl/img/bg-dark.png)!important;
	background:#1e1e1e;
	margin:0 0 10px;
	padding:25px;
}

#head #client h3,.skills h3,.showpreview h3	{
	font-size:14px;
}

#head #client p.col,#nav li	{
	display:inline;
}

#head ul,.right	{
	float:right;
}

.showpreview img,.showdetails img	{
	border:0 none;
	float:left;
}

.showpreview p,#numbers li,.left	{
	float:left;
}

#numbers li a:hover,#options li a:hover,#paging li a:hover,#w3c .top:hover	{
	background:#fc0;
	color:#000;
}

.testimonial.first,.nopadding	{
	padding:15px 0 0;
}

ul.photos li {
	width:200px;
	height:auto;
	float:left;	
	margin:10px;
	vertical-align:top;
	text-align:center;
}

div.latestnews {
	margin: 10px 0 15px 0;	
}

div.newstitle {
	color:#FFCC00;
	font-size:12px;
	padding-bottom:2px;
	
}

div.newstitle span.placedate{
	float:right;
}

div.newsintro {
	margin:5px 0 0 0;
}

div.newsreadmore {
	margin:5px 0 0 0;
	font-style:italic;
}

div.newstags {
	border-top: 1px dotted #FFCC00;
	
	padding-top:2px;
}

div.newstags a {
	padding-left:3px;	
}

.firefox {
	margin-top:5px;
}