

header,nav,section,article,menu,footer { display:block; }

* { margin:0; padding:0; }

.clear:after {
	display:block;
	clear:both;
	float:none;
	width:0;
	height:0;
	content:'';
}

.wrap {
	width:960px;
	margin:0 auto;
}

.grid {
	display:inline-block;
	float:left;
}

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

a:hover {
	border-bottom:1px dotted #d38383;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-style:normal;
}

h1 { font-size:36px; margin:0 0 20px 0; }

p {
	line-height:1.4em;
	padding:0 0 20px 0;
}

small {
	display:block;
	font-style:italic;
	margin:2px 0 0 0;
}

blockquote {
	color:#6e6e6e;
	font-size:1.125em;
	font-style:italic;
	text-align:center;
	padding:15px 0;
}

body {
	font:16px Georgia, 'times new roman', serif;
	background:#d38383;
}

header {
	background:#362c2b;
	/*width:1000px;
	margin:0 auto;*/
	padding:30px;
	position:relative;
	border-radius:0px;
}

#logo { float:left; margin:0; }

#logo a {
	color:#fff;
	font-style:normal;
	text-decoration:none;
	border:0;
}

nav {
	position:absolute;
	right:0;
}

nav ul {
	list-style-type:none;
}

nav li {
	float:left;
}

nav a {
	color:#fff;
	display:block;
	font-size:1.125em;
	margin:0 5px;
	padding:5px 10px;
	border:1px solid transparent;
	border-radius:2px;
	-webkit-transition:all .1s ease-in;
}

nav a:hover {
	text-decoration:none;
	background:#5d4c4a;
	border-bottom:1px solid transparent;
	text-shadow:0 0 5px #000;
}

nav a.active {
	color:#362c2b;
	text-shadow:0 0 2px #e28d8d;
	text-transform:uppercase;
	background:#d38383;
	border:1px solid #e28d8d;
}

#main {
	background:#fff;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-box-shadow:0 0 20px #000;
	padding:30px 0;
}

#content {
	width:580px;
	padding:0 20px;
}

aside {
	background:url(../img/right_shadow.png) top left no-repeat;
	min-height:440px;
	width:300px;
	padding:0 20px;
}

footer {
	font-size:0.75em;
	color:#825151;
	text-shadow:0 1px 2px #f89a9a;
	padding:10px 0;
}

footer a {
	color:#825151;
	text-decoration:none;
}

#footer-links {
	/float:right;
}

/* HOME ************************************/

#service-list {
	list-style-type:none;
}

#service-list a {
	display:block;
	margin:5px 0;
	padding:3px;
	border:0;
	border-radius:2px;
	-webkit-transition:all 0.1s ease-in;
}

#service-list a:hover, .active-service {
	color:#6e6e6e;
	text-decoration:none;
	background:#ebebeb;
}

aside img {
	display:block;
	max-width:70%;
	-webkit-box-shadow:0 0 10px #b9b9b9;
	box-shadow:0 0 10px #b9b9b9;
}

/* CONTACT ************************************/

fieldset {
	padding:40px;
}

legend {
	padding:0 -40px;
}

select {
	padding:5px;
}

label {
	display:block;
	color:#6e6e6e;
	/*font-family:'marketing script';*/
	padding:5px;
}

label[for=ml] {
	float:left;
	vertical-align:bottom;
	cursor:pointer;
}

#ml {
	position:relative;
	left:20px;
	top:5px;
	vertical-align:bottom;
	cursor:pointer;
}

input {
	outline:0;
	width:300px;
	height:20px;
	margin:0 0 20px 0;
	padding:5px;
	border:1px solid #e0e0e0;
	-webkit-transition:all 0.2s ease-in;
}

input:hover, textarea:hover { 
	-webkit-box-shadow:0 0 3px #d38383;
}

input:focus, textarea:focus{
	-webkit-box-shadow:0 0 10px #825151;
}

textarea {
	outline:0;
	display:block;
	font-family:arial, helvetica, verdana, sans-serif;
	width:300px;
	height:100px;
	border:1px solid #e0e0e0;
	padding:10px;
	margin:0 0 10px 0;
	resize:vertical;
}

button {
	font-family:georgia, 'times new roman', serif;
	font-size:18px;
	font-style:italic;
	background:#e0e0e0;
	border:0;
	margin:10px 0 0 0;
	padding:10px 20px;
	cursor:pointer;
	-webkit-transition:all 0.2s ease-in;
}

button:hover {
	/*background:#959d4e;*/
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.4);
}


@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {

	.hide-handheld {
		display:none;
	}

	body {
		font-size:2em;
	}

	.wrap {
		width:100%;
		margin:0;
	}
	
	.grid {
		display:block;
		float:none;
	}
	
	nav {
		display:block;
		position:relative;
	}
	
	#content {
		width:100%;
	}
	
	aside img {
		display:none;
	}
}



















