@charset "utf-8";
/*ro-creative*/

/*========= BEGIN Global Styles ==========*/
* {
	padding: 0;
	margin: 0;
	}

html {
	height: 100%;
	}

body {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;	
	color: #000000;
	}
	
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 15, 2010 */

@font-face {
	font-family: 'DaysRegular';
	src: url('days-webfont.eot');
	src: local('☺'), url('days-webfont.woff') format('woff'), url('days-webfont.ttf') format('truetype'), url('days-webfont.svg#webfontW7saoSUH') format('svg');
}

a, a:link, a:active, a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;	
	}
	
a:hover { 
	text-decoration: underline;	
	font-weight: bold;
	}
	
.clear {
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
	height:0;
	}


h1 {
	color: #313021;
	font-family: 'DaysRegular', Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	font-weight:normal;
	border-bottom: #313021 2px solid;
	}
	
/*=======LAYOUT styles =========== */


#topbar {
	width: 100%;
	height: 50px;
	background-color: #677167;
		
	}

#wrapper {
	margin: 0 auto 0;
	width: 960px;
	height: 100%;
	min-height: 100%;
	}

#header {
	width: 960px;
	}


#logo {
	float:left;
	}	
	
#logo img {
	border:0;
	}
	
#menu {
	float:right;
	margin: 20px 0 0 0;
	color: #313021;
	font-family: DaysRegular, Helvetica, sans-serif;
	font-size: 1.5em;
	}

#menu a {
	font-weight:normal;
	color: #313021;
	text-decoration: none;
	}

#menu ul {
	position:relative;

	}


#menu ul li {
	position:relative;
	margin: 0 15px 0 15px;
	display: inline;
	padding: 5px 10px 5px 10px;
	}

#menu ul li.current{
	position:relative;
	background-color: #d8ddce;
	padding: 5px 10px 5px 10px;
	}

#menu ul li.current a:hover {
	position:relative;
	background-color: #d8ddce;
	padding: 5px 10px 5px 10px;
	margin: -5px -10px -5px -10px;
	}

#menu ul li a:hover {
	position:relative;
	background-color: #d8ddce;
	padding: 5px 10px 5px 10px;
	margin: -5px -10px -5px -10px;
	}

/*==========CONTENT styles ========= */

/*==========WORK styles ============*/
#content {
	margin-top: 40px;
	}

div.row {
	width: 960px;
	}

div.project {
	margin: 20px 30px 20px 0;
	width: 210px;
	float: left;
	}
img.screenshot {
	border: #d9d5ca 5px solid;
	}
	
p.description {
	margin: 5px 0 5px 5px;
	line-height: 1.5em;
	letter-spacing: 0.5pt;
	}

/*============ABOUT and CONTACT styles ==============*/

div.about, div.contact {
	font-size: 11.5px;
	margin-top: 20px;
	line-height: 1.5em;
	letter-spacing: 0.5pt;
	min-height: 550px;
	}

div.about ul {
	margin-left: 100px;
	}

div.about p {
	margin: 20px 0 20px 0;
	}

/******* /CONTAINER *******/
/******* FORM *******/
#contactform{
	margin-top: 20px;
	padding: 0 10px 10px;
}
#contactform label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#contactform input{
	width: 220px;
	padding: 6px;
	color: #949494;
	font-size: 11px;
	border: 1px solid #cecece;
}
#contactform input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#contactform textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#contactform textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#contactform div{
	margin-bottom: 15px;
}
#contactform div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#contactform div span.error{
	color: #e46c6e;
}
#contactform #send{
	background: #677167;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#contactform #send:hover{
	background: #d8ddce;
}
.error{
	margin: 20px;
	padding: 10px;
	border: 1px solid #e77776;
	background-color: #f8dbdb;
}
.success {
	margin: 20px;
	padding: 10px;
	border: 1px solid #a6b0a6;
	background-color: #d8ddce;
	}
/*============FOOTER styles ==============*/

#footer {
	width: 100%;
	height: 20px;
	padding: 10px 0 10px 0;
	background-color: #d8ddce;
	margin: 10px 0 0 0;
	text-align: center;
	color: #677167;
	}