html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;font-weight:normal}blockquote,q{quotes:none}:focus{outline:0}@font-face{font-family:'FFFTusjBold';src:url('../assets/fonts/FFF_Tusj-webfont.eot');src:url('../assets/fonts/FFF_Tusj-webfont.eot?#iefix') format('eot'),url('../assets/fonts/FFF_Tusj-webfont.woff') format('woff'),url('../assets/fonts/FFF_Tusj-webfont.ttf') format('truetype'),url('../assets/fonts/FFF_Tusj-webfont.svg#webfontjSpbZQRv') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'UbuntuRegular';src:url('../assets/fonts/Ubuntu-Regular-webfont.eot');src:url('../assets/fonts/Ubuntu-Regular-webfont.eot?#iefix') format('eot'),url('../assets/fonts/Ubuntu-Regular-webfont.woff') format('woff'),url('../assets/fonts/Ubuntu-Regular-webfont.ttf') format('truetype'),url('../assets/fonts/Ubuntu-Regular-webfont.svg#webfontHLBpjp3B') format('svg');font-weight:normal;font-style:normal}body{font:normal 100% 'UbuntuRegular',tahoma,verdana,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;text-transform:lowercase;background:#464646 url(../assets/body-bg.png) repeat-x;color:#444}div#wrapper{background:#a9a9a9;background:rgba(255,255,255,0.5);border-bottom:1px solid #b86509;padding:10px 0;min-height:350px}h1.intro{font-size:150%;color:#444;margin-top:10px}div#header p{background:transparent url(../assets/marmalade.png) no-repeat;margin-top:30px;font:73pt Georgia,serif;text-indent:-9999px;color:#ababab}div#header,div#footer,div#content{width:1000px;margin:0 auto;position:relative;overflow:hidden}div#header{height:180px;position:relative}div#footer{clear:both;color:#ababab;text-align:right;font-size:87.5%;padding:40px 0}div#footer a{color:#ababab;}div#header ul{list-style-type:none;position:absolute;right:0;bottom:0}div#header li{float:left}span#tag{bottom:30px;font-style:italic;left:205px;position:absolute;color:#733e03}body#home li#m_home a,body#work li#m_work a,body#about li#m_about a,body#contact li#m_contact a{color:#844703;background:#a9a9a9;background:rgba(255,255,255,0.5)}div#header li a{border-top-left-radius:8px;border-top-right-radius:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;font-size:150%;display:block;text-decoration:none;margin:0 5px;color:#eecda7;float:left;text-transform:lowercase;background-color:#ca6f0a;padding:4px 20px 3px 20px}div#header li a:hover{color:#043b53}span.dash{color:#ca6f0a}div.work{overflow:auto;margin-bottom:1em}div.work img{float:left;margin-right:10px}div#content h2{border-bottom:1px solid #844703;font-size:160%;margin:15px 0 10px;padding:0;color:#844703}div#content h3{font-size:150%;line-height:.8em;font-weight:normal;color:#844703}div#content h4{font-size:120%;font-weight:normal;line-height:1.4em;color:#363636;text-transform:lowercase}h5{font-size:120%;margin-bottom:.5em}a{text-decoration:none;color:#844703}a:hover{text-decoration:underline;color:#363636}h3 a:hover{text-decoration:none}p{margin:8px 0;line-height:1.2em}div#slider li{width:1000px}dl#services dt{font-weight:bold}dl#services:first-child{padding-top:3px;}dl#services dd{margin-left:20px}div.spacer{padding:20px}

input,textarea,button{
	font-family: 'UbuntuRegular',sans-serif;
	padding: 4px 10px;
	border-radius: 15px;
	border : 1px solid #666;
}

div.clear{
	clear:both;
}

div#footer #social{
	text-align: left;
	padding-top : 5px;
	float:left;
}

.feedback{
	border : 1px solid #666;
	padding : 20px;
	margin : 10px 0;
	border-radius: 5px;
}

.warning{
	background-color : #844703;
	font-weight: bold;
	color : #aaa;
}

.feedback h3{
	color : #fff !important;
	padding-bottom : 10px !important;
}

.feedback ul{
	list-style-type : none;
}

.feedback li{
	padding-left : 20px;
}

@media screen and (max-device-width: 640px){
	/* Styles */
		div#header,div#footer,div#content{
			width : 390px;
			margin : 0 auto;
			position : relative;
			overflow : hidden;
	}
	div.work{
		overflow: hidden;
	}
	div#header{
		height : 172px
	}
	div#header p{
			background : transparent url(../assets/marmalade391.png) no-repeat;
	}
	div#header li a {
		margin: 0 0 0 0.2em;padding:0.3em 0.4em;
		font-size : 100%;
	}
}

@media screen and (min-width: 800px) and (max-width:1030px){
	div#header,div#footer,div#content{
			width : 800px;
			margin : 0 auto;
			position : relative;
			overflow : hidden;
	}
	div#header{
		height : 150px;
	}

	div#header p{
			background : transparent url(../assets/marmalade800.png) no-repeat;
	}				
}
@media screen and (min-width: 400px) and (max-width:830px){
	div#header,div#footer,div#content{
			width : 500px;
			margin : 0 auto;
			position : relative;
			overflow : hidden;
	}
	div#header p{
			background : transparent url(../assets/marmalade391.png) 50% 0 no-repeat;
	}
	div#header{
		height : 180px
	}
	div#header li a {
		margin: 0 0 0 0.2em;padding:0.3em 0.4em;
		font-size : 125%;
	}
}

@media screen and (min-width: 320px) and (max-width:530px){
	div#header,div#footer,div#content{
			width : 390px;
			margin : 0 auto;
			position : relative;
			overflow : hidden;
	}
	div.work{
		overflow: hidden;
	}
	div#header{
		height : 172px
	}
	div#header p{
			background : transparent url(../assets/marmalade391.png) no-repeat;
	}
	div#header li a {
		margin: 0 0 0 0.2em;padding:0.3em 0.4em;
		font-size : 100%;

	}
}

