* {
	margin:0;
	padding:0;
	list-style:none;
	}

body {
	color: #444;
	font-family: 'Molengo', Arial, serif;
	font-size:80%;
	background: #E5EEEE;
	display:block;
	margin:0 0 0 0px;
	padding:0;
	}

#content {
	margin:0px 0 0px 40px;
	padding:0 0 0 0;
	display:block;
	float:left;
	}
	
#header {
display:block;
position:fixed;
z-index:100;
top:0px;
left:0px;
padding:20px 0 0 40px;
height:100%;
width:200px;
background: url("../images/header-bg.png") 0 0 repeat-y;
}	

#rhsheader {
display:block;
position:fixed;
z-index:100;
top:0px;
right:0px;
padding:0px;
height:100%;
width:50px;
background: url("../images/header-right.png") top left repeat-y;
}	

h1 {
 font-family: 'Lobster', arial, serif;
	font-size:3.3em;
	margin:0 0 0 0;
	padding:40px 0 0 0;
	}

body.portfolio h1 {
padding:20px 0 0 0;
}


h2 {

	}

h3 {

}

p {
margin:0 0 10px 0;
padding:0;
font-size:13px;
}

img {
border:0;
}

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

a:visited {
	color:#333;
	}

a:hover, a:focus {
	background:#0ff;
	cursor:pointer;
	color:#fff;
	
	}
	
	
dl.project {
	margin:0 0 0 5px;
	padding:10px;
	width:320px;
	float:left;
	display:block;
	}
	
dl.project a {
	min-height:0;
	padding:0;
	float:none;
	display:inline;
	background:none;
	border:none;
}

dl.project a:hover {
	min-height:0;
	padding:0;
	float:none;
	display:inline;
	color:#000;
	border:none;
	background:#cff;
}

	
dl dt {
	width:65px;
	clear:both;
	border-right:1px solid #ccc;
	text-align:right;
	margin:0 0 5px 0;
	float:left;
	padding:5px 5px 0px 5px;
	font-size:1em;
	vertical-align: top;
	line-height:1em;
	font-weight:bold;
	position:relative;
		}

dl dd {
	font-size:1.2em;
	line-height: 1.5em;
	vertical-align: top;
	float:left;
	position:relative;
	padding:0px 5px;
	margin:0;
	width:230px;
	display:inline;
	
	}

.screenshots {
	float:left;
	top:-50px;
	left:350px;
	position:relative;
	width:640px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0;
	padding:95px 25px 25px 25px;
	background:#fff;
	}


table {
	margin:0;
	border:0;
	}

td, th {
	margin:0;
	padding:5px;
	vertical-align:top;
	}

tr {
	margin:0;
	padding:0;
	border:1px solid #aaa;
	background:#f5f5f5;
	}

tr.stripe {
background:#fbfbfb;
}

tr:hover, tr.stripe:hover {
border:1px solid #aaa;
background:#ffc;
}

thead {
background:#fefefe;
}

label {
	color:#fff;
	width:150px;
	margin:0;
	display:block;
	float:left;
	padding:2px 5px;
	font-size:12px;
	}

ul li {
margin:0px 0;
padding:0px;
}

.project {
float:left;
display:block;
}

.project a {
float:left;
height:310px;
min-height:310px;
width:240px;
display:block;
margin:10px 20px 10px 0;
padding:15px;
background:#fff;
cursor:pointer;
text-decoration:none;
border: 5px solid #fff;
}

.project a img {
display:block;
width:240px;
height:auto;
border:1px solid #fff;
}


.project a p {
font-size:1.2em;
text-align:center;

}

.project a:hover {
border: 5px solid #cff;
cursor:pointer;
}


.project-full {
width:760px;
margin:0px 0px 0 0;
height:640px;
overflow:hidden;
float:left;
clear:none;
display:block;
padding:32px 0 0 0;
background:#fff;
cursor:pointer;
text-decoration:none;
}

.project-full img {
float:left;
margin:0 0 0 20px;
width:auto;
height:auto;
display:block;
border:1px solid #fff;
position:relative;
display:block;
top:-10px;
}


.project-full p a {
color:#666;
font-size:11px;
margin:0 0 0 0px;
position:relative;
top:-10px;
}

.project-full p a:hover {
color:#999;

font-size:11px;
}

.forward {
float:left;
left:-250px;
position:relative;
width:55px;
height:15px;
display:block;
}

.forward-page {
float:right;
left:-570px;
position:relative;
width:80px;
height:15px;
display:block;
}


.forward-page a {
display:block;
position:relative;
width:80px;
background:#9c0;
height:15px;
display:block;
color:#fff;
font-size:12px;
padding:5px;
font-weight:bold;
font-family: Helvetica, Arial, san-serif;
}

.forward-page a:hover {
background:#ad1;
}

.forward a {
display:block;
position:relative;
width:55px;
background:#9c0;
height:15px;
display:block;
color:#fff;
padding:5px;
font-weight:bold;
font-family: Helvetica, Arial, san-serif;
}

.forward a:hover {
background:#ad1;
}


.back {
float:left;
color:#fff;
left:600px;
position:relative;
width:55px;
height:15px;
display:block;
}

.back-page {
float:left;
color:#fff;
left:767px;
position:absolute;
width:85px;
height:15px;
display:block;
}

.back-page a {
display:block;
position:relative;
width:85px;
background:#fc0;
padding:5px;
height:15px;
color:#fff;
display:block;
font-weight:bold;
font-size:11px;
font-family: Helvetica, Arial, san-serif;
}


.back a {
display:block;
position:relative;
width:55px;
background:#fc0;
padding:5px;
height:15px;
color:#fff;
display:block;
font-weight:bold;
font-family: Helvetica, Arial, san-serif;
}

.back a:hover {
background:#fd1;
}

.back-to-portfolio {
display:block;
position:relative;
width:105px;
background:#fc0;
padding:5px;
height:15px;
font-size:11px;
float:left;
color:#fff !important;
display:block;
font-weight:bold;
font-family: Helvetica, Arial, san-serif;
}

.back-to-portfolio:hover {
background:#fd1;
}

.view a {
display:block;
position:relative;
width:130px;
background:#0ff;
padding:5px;
margin:0 0 0 490px;
height:15px;
color:#fff;
display:block;
font-weight:bold;
font-family: Helvetica, Arial, san-serif;
}

.view a:hover {
background:#0ee;

}

.project-full p {
margin:5px 30px;
}


.pagination {
margin:10px 0;
display:block;
float:left;
padding:0;
list-style:none;
}

.pagination li {
float:left;
width:100px;
display:inline;
font-size:11px;
}

.menu {
margin:10px 0 0 0;
float:left;
padding:0;
border:none;
line-height:100%;
}

.menu li {
margin:0 0 0 0;
width:190px;
padding:0 0 0 0;
border:none;
line-height:100%;
text-decoration:none;
font-size:11px;
display:block;
float:left;
}

.menu li a {
text-decoration:none;
font-size:11px;
display:block;
width:140px;
margin:0;
line-height:100%;
padding:2px 0 2px 5px;
float:left;
}

.menu li {
clear:both;
}

.menu li a:hover {
text-decoration:none;
font-size:11px;
background: #fc0;
}

.menu li a.current {
background:#bd2;

}

.menu li span {
color:#999;
width:32px;
font-size:10px;
margin:0;
padding:0;
height:12px;
display:block;
float:left;
}

.index-menu {
font-size:1.3em;
margin:10px 0 0 0;
padding:20px 0px;
width:500px;
display:block;
position:relative;
}

.index-menu li {
margin:0 10px 0 40px;
padding: 0 0 0 0;
}

.index-menu li strong {
margin:0 10px 0 -40px;
padding: 0 0 0 0;
}


.links-menu {
font-size:1.1em;
margin:10px 0 0 0;
padding:20px 0px;
width:300px;
display:block;
position:relative;
}

.links-menu li {
margin:0 10px 0 0px;
float:left;
}

.links-menu li strong {
margin:0;
padding:0;
}




.footer {
float:left;
display:block;
clear:both;
margin:80px 0 0 0px;
padding:0 0 0 20px;
font-size:80%;
color:#aaa;
}

.footer li a {
background:none !important;
}


.footer li a:hover {
background:none !important;
}


.standard-form {
	padding: 0;
	margin: 0 0 0 0px;
	width:690px;
	position:relative;
	display:block;
	background:none;
}

.standard-form fieldset {
	background:none;
	position:relative;
	border:none;
	display:block;
	color: #3d3d3d;
	padding: 10px 0;
	margin: 0 0 0 0px;
}

.standard-form fieldset fieldset {
	border: 0;
	position:relative;
	padding: 0;
	margin: 0 0 0 0px;
	display:block;
}

.standard-form fieldset legend {
	display:block;
	position:relative;
	color: #009ACA;
	font-size: 1.8em;
	padding: 0 0 0 0;
	margin:0;
	height:auto;
}


.standard-form fieldset ol {
	margin: 0 0 0 20px;
	padding:0;
	position:relative;
}

.standard-form fieldset fieldset.linear-options label {
	display: block;
	position:relative;
	float: left;
	font-weight: normal;
	margin-right: 0.6em;
}

.standard-form fieldset fieldset.linear-options {
	display: block;
	position:relative;
	margin:0;
	padding:0;
}

/* ordered list styles */
.standard-form ol {
	clear: both;
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 5px 10px;
	position:relative;
}

.standard-form ol li {
	clear: both;
	list-style-image: none;
	list-style-type: none;
	margin: 3px 0 5px 0;
	min-height: 25px; /* has ie6 hack */
	position:relative;
}

.standard-form fieldset.linear ol {
	list-style-image: none;
	list-style-type: none;
	position:relative;
}

.standard-form.large-form fieldset.linear ol {
	list-style-image: none;
	list-style-type: none;
	width:900px;
	position:relative;
}

.standard-form fieldset.linear ol li {
	clear: none;
	float: left;
	list-style-image: none;
	list-style-type: none;
	margin-right: 8px;
	position:relative;
}

.standard-form label {
color:#000;
}

.standard-form input,
.standard-form textarea {
	background: #fafafa;
	border:1px solid #ccc;
	color: #000;
	display: block;
	position:relative;
	margin: 4px 0 0 0;
	padding: 2px;
}

.standard-form textarea {
	font-family: Arial, sans-serif;
	font-size:1.1em;
	line-height:140%;
	padding:10px;
}


.standard-form .x-large {
	width:20em;
}

.standard-form .large {
	width:15em;
}

.standard-form .medium {
	width:10em;
}

.standard-form .small {
	width:5em;
}

.standard-form .x-small {
	width:4em;
}

.standard-form .xx-small {
	width:3em;
}

.standard-form input.disabled {
	border:1px solid #eee;
	color:#999;
}


.standard-form input.radio,
.standard-form input.checkbox {
	background: none;
	border:none;
}

.standard-form input,
.standard-form select,
.standard-form textarea {
	display: inline;
}

.standard-form input:focus,
.standard-form textarea:focus {
	background: #fff;
	border: 1px solid #FDAB02;
}

.standard-form input.hidden,
.standard-form select.hidden,
.standard-form textarea.hidden {
	border:none;
	padding:0;
	margin:0;
	width:auto;
	display: none;
}

.standard-form select.error,
.standard-form input.error,
.standard-form textarea.error,
.standard-form input.error:focus,
.standard-form textarea.error:focus {
	background: #f77;
	color: #000;
	border: 1px solid #900;
}