﻿/* Reset margins */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;

}

/* Format basic elements */
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
	vertical-align:top;
}
abbr,acronym {
	font-variant:normal;
	border-bottom:1px dotted #666;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
fieldset,img {
	border:0;
}
li {
	list-style-type:none;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none;
}
a {
	color:#ac000f;
	text-decoration:none;
}
:focus {
	outline:0;
}
.error{
	color:#f00;
}
/* Font settings */
body {
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
	font-size:12px;
	color:#000;	
	background:#edeae5 url(../img/bg.png) center top repeat-x;
    text-align:center;
    color:#555;
    font-size:14px;
	height:100% auto;
	letter-spacing:-0.07em;
}
input,button,textarea,select {
	font-family:inherit;
	font-size:99%;
	font-weight:inherit;
}
pre,code {
	font-family:"Lucida Console",Monaco,monospace;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	letter-spacing:-0.1em;
	text-shadow:#fff 1px 1px 0;
}
h1 {
	font-size:3.1em;
	color:#9b0218;
}
h2 {
	font-size:2.6em;
}
h3 {
	font-size:18px;
}
table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}

/* Default margins */
h1,h2,h3,h4,h5,h6 {
	margin-top:0;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom:12px; /* Should match font size */
}

/* Other stuff */
div#wrapper {
	width:900px;
	margin:120px auto 0 auto;
	text-align:left;
}
div#logo {
	background:url(../img/logo.png) center center no-repeat;
	width:300px;
	height:60px;
	margin-bottom:35px;
}
div#left,div#right {
	display:inline;
	float:left;
	position:relative;
}
div#left {
	width:550px;
}
div#left .inside {
	margin-left:10px;
	margin-right:30px;
}
div#left ul{
	margin:30px 50px 80px 50px;
}
div#left ul li{
	list-style-image:url("../img/li.png");
	font-size:24px;
	margin:10px 0;
}
div#right {
	width:340px;
	border-left:3px solid #d7d0c2;
	color:#8f8a80;
}
div#right .inside {
	margin-left:30px;
}
div#left a.contact{
	font-size:1.5em;
	background:#e1dbd4;
	padding:15px;
	border:1px solid #f0ede9;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	display:inline-block;
}
div#left a.contact:hover{
	background:#fff;
}

div#right a.contact{
	font-size:1em;
	background:#e1dbd4;
	padding:8px;
	border:1px solid #f0ede9;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	display:inline-block;
}
div#right a.contact:hover{
	background:#fff;
}
.space {
	margin-left:+20px;
}
p.tip{
	font-size:1.5em;
	margin:30px 0;
	background:#fff;
	padding:15px 15px 15px 100px;
	border:1px solid #f0ede9;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
div#tip{
	background:url(../img/tip.png) center center no-repeat;
	width:153px;
	height:163px;
	position:relative;
	top:-150px;
	left:-50px;
	margin-bottom:-100px;
}
form .element{
	margin:10px 0;
}
form label{
	color:#333;
}
form input[type=text],form textarea {
	padding:8px;
	border:3px solid #f0ede9;
	background:#fff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
form textarea  {
	overflow:hidden;
}
form button[type=submit] {
	padding:8px;
	background:url(../img/red.png) center center repeat-x;
	border:0;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	color:#fff;
	font-weight:bold;
}
form button[type=submit]:hover {
	background:url(../img/red_hover.png) center center repeat-x;
}

form button[type=reset] {
	padding:8px;
	background:#e1dbd4;
	border:0;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	color:#8f8a80;
	font-weight:bold;
}
form button[type=reset]:hover {
	background:#fff;
}
#featured{
	width:270px;
	display:inline;
	float:left;
	position:relative;
	margin-right:20px;
}
#project {
	float:left;
	display:inline;
	float:left;
	position:relative;
	border:3px solid #e1dbd4;
}
#contact {
	margin-top:50px;
	padding-top:30px;
	display:block;
	border-top:3px solid #e1dbd4;
}
#response {
	font-size:1em;
	margin:30px 0;
	background:#fff;
	padding:15px;
	border:1px solid #f0ede9;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	color:#9b0218;
}

.rotate {
/* Opers */
-o-transform:rotate(10deg);
/* Safari */
-webkit-transform: rotate(-10deg);
/* Firefox */
-moz-transform: rotate(-10deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
