/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* Layout Starts Here */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}

img a {
outline: none;
}

img a:focus {
-moz-outline-style: none;
}

a {
border:none;
border:0;
outline: none;
}

a:focus {
-moz-outline-style: none;
}


html, body {
	margin:0;
	padding:0;
	height:100%
}

@font-face {
    font-family: 'SansationRegular';
    src: url('http://digitalmonarchy.co.za/fonts/Sansation_Regular-webfont.eot');
    src: url('http://digitalmonarchy.co.za/fonts/Sansation_Regular-webfont.eot?') format('embedded-opentype'),
         url('http://digitalmonarchy.co.za/fonts/Sansation_Regular-webfont.woff') format('woff'),
         url('http://digitalmonarchy.co.za/fonts/Sansation_Regular-webfont.ttf') format('truetype'),
         url('http://digitalmonarchy.co.za/fonts/Sansation_Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	color :#2c2d30;
	font-size :14px;
	line-height :1.5;
	font-family: Arial,"Helvetica Neue",sans-serif;
	line-height: 16px;
	word-wrap: break-word;
	background: #2c2d30 url(backgrou.png) repeat scroll center top	
}


li {
	margin-bottom:6px
}
blockquote {
	border-left:1px solid #c1c1c1;
	color:#747474;
	padding-left:15px;
	margin-left:-15px
}
section h1 {
	font-size:20px;
	margin-bottom:5px;
	font-family:"SansationRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#938055;
	line-height: 22px;
font-style: normal;
}

footer h1 {
	padding-left:20px;
	font-size:20px;
	margin-bottom:5px;
	font-family:"SansationRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#938055;
	line-height: 22px;
font-style: normal;
}

section section h1 {
	font-size:20px;
	line-height: 22px;
	margin-top:5px;
	margin-bottom:5px;
	font-family:"SansationRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#938055;
font-style: normal;
}

section h2 {
	font-size:16px;
	margin-bottom:5px;
	font-family:"SansationRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#938055;
	line-height: 16px;
font-style: normal;
}
section section h2 {
	font-size:16px;
	line-height: 16px;
	margin-top:5px;
	margin-bottom:5px;
	font-family:"SansationRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#938055;
font-style: normal;
}

section h3 {
	font-size:16px;
	margin-bottom:5px;
	font-family:"SansationRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	line-height: 16px;
font-style: normal;
margin-left:20px
}
section section h3 {
	font-size:16px;
	line-height: 16px;
	margin-top:5px;
	margin-bottom:5px;
	font-family:"SansationRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
font-style: normal;
margin-left:20px
}

a img {
	border:none
}
a {
	color:#938055;
	text-decoration:none;
	-webkit-transition:color 1s ease-in-out;
	-o-transition:color 1s ease-in-out;
	-moz-transition:color 1s ease-in-out;
	transition:color 1s ease-in-out
}
a:hover {
	color:#666;
	text-decoration:none;
}

a.sss {
	color:#000;
	text-decoration:none;
	-webkit-transition:color 1s ease-in-out;
	-o-transition:color 1s ease-in-out;
	-moz-transition:color 1s ease-in-out;
	transition:color 1s ease-in-out
}
a.sssd {
	color:#fff;
	text-decoration:none;
	-webkit-transition:color 1s ease-in-out;
	-o-transition:color 1s ease-in-out;
	-moz-transition:color 1s ease-in-out;
	transition:color 1s ease-in-out
}


img {
max-width:100% -webkit-transition:-webkit-transform 0.550s ease-in-out
}
.share { position: relative; padding-top: 20px; height:120px;width:185px}
.share ul { display:block;height:120px;list-style:none }
.share ul li {
	position: absolute;
	bottom:0;
	margin:0;
	display:table-cell;
	vertical-align:bottom;
	height:100%
}
.share li.plusone {
	left: 0
}
.share li.twitter {
	left:60px
}
.share li.facebook {
	left:126px
}
section#content {
	width: 100%;
	margin:auto;
	padding:auto;
	border-bottom: #000 solid 1px;
}

ul.contact { 
  list-style-type:none;
  padding-top:10px;
}

ul.contact li.email {
  background:url('email000.png') no-repeat;
  line-height:30px;
  padding-left:40px;
}

ul.contact li.phone {
  background:url('phone000.png') no-repeat;
  line-height:30px;
  padding-left:40px;
}

ul.contact li.location {
  background:url('location.png') no-repeat;
  line-height:30px;
  padding-left:40px;
}


ul.contactinfo { 
  list-style-type:none;
  padding-top:10px;
}

ul.contactinfo li.email {
  background:url('email000.png') no-repeat;
  line-height:30px;
  padding-left:40px;
}

ul.contactinfo li.phone {
  background:url('phone000.png') no-repeat;
  line-height:30px;
  padding-left:40px;
}

ul.contactinfo li.location {
  background:url('location.png') no-repeat;
  line-height:30px;
  padding-left:40px;
}

ul.contactinfo li.vcard {
  background:url('http://www.digitalmonarchy.co.za/img/vcard.png') no-repeat;
  line-height:30px;
  padding-left:40px;
}

ul.projects { 
  list-style-type:none;
  padding-top:10px;
}

ul.projects li {
  line-height:30px;
  padding-left:16px;
}

ul.projects li.active {
  background:url('http://www.digitalmonarchy.co.za/img/active.png') no-repeat;
  line-height:30px;
  padding-left:16px;
}


header {
	position:absolute;
	width: 100%;
	z-index: 9999;
	border:none;
	height:auto;	
}

section#logo {
	margin:30px 0 0 20px;
	padding:0;
	border:none;
	height:auto;	
}

header img {
	max-width:100%;
	-webkit-transition:-webkit-transform 0.550s ease-in-out
}
h1.logo {
	display:none
}
	
header a.logo {
	background:url(digital-.png) no-repeat scroll 0 0 transparent;
	display:block;
	width:334px;
	height:49px;
	border:none
}
header a.logo { position:relative;display:block; }
header a.logo span { position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:url(digital-.png) left bottom no-repeat !important }
h1.logo {
	display:none
}





nav {
	text-align:right;
	center: 0;
	margin:40px 0 0 0;
	padding:0;
	border:none;
	height:auto;	
}

nav ul {
	top:15px;
	margin:0;
	list-style:none;
	list-style-type:none
}
nav ul li {
	display:inline;
	margin-right:30px
}
nav ul li:last-child {
	margin-right:0px
}
nav a {
	font-size:16px;
	font-family:"SansationRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: 22px;
	text-decoration:none
}
nav a {
	color:#2c2d30;
	-webkit-transition:color 1s ease-in-out;
	-o-transition:color 1s ease-in-out;
	-moz-transition:color 1s ease-in-out;
	transition:color 1s ease-in-out
}
nav a:hover {
	color:#938055
}


footer {

	width: 100%;
	margin:0;
	padding:10px 0 30px 0;
	color: #fff;
	text-align: center;
	border-top: rgba(255,255,255,0.15) solid 1px;
	background:url(footer-b.png) no-repeat scroll center bottom transparent;
	

}

footer section.container {
	color: #fff;
	text-align: left;

}

footer h2 {
	font-size:16px;
	margin-bottom:5px;
	font-family:"SansationRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#938055;
	line-height: 16px;
font-style: normal;
}

footer p {
margin-top: 5px;
}

img, object, embed {
	max-width:100%;
	-webkit-transition:-webkit-transform 0.550s ease-in-out
}

.social {padding:40px 0 10px 0}
.social img {max-width:100% -webkit-transition:-webkit-transform 0.550s ease-in-out}

.social a.facebook,
.social a.facebook span {height:23px;background:url(social-f.png) center top no-repeat }
.social a.twitter,
.social a.twitter span {height:26px;background:url(social-t.png) center top no-repeat }
.social a.linkedin,
.social a.linkedin span {height:30px;background:url(social-l.png) center top no-repeat }

.social a { position:relative;display:block; }
.social a span { position:absolute;display:block;width:100%;top:0;left:0;background-position:center bottom !important }

.up { position:relative;display:block; }
.up span { position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:url(http://digitalmonarchy.co.za/img/up.png) left bottom no-repeat !important }


.copyright {
	margin:30px 0 90px 0;
}

label.error {
	display:block;
	color:red;
	font-size:11px;
	font-weight:bold
}
form#FormViewForm fieldset {
	padding:0 40px 10px 20px;
	margin:0 auto;
	border:none;
	text-align:left
}
form#FormViewForm input[type="email"]{
	margin:3px 0 0 0;
	padding:6px;
	width:100%;
	font-family:arial, sans-serif;
	font-size:12px;
	border:3px solid #3e4044;
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px
}
form#FormViewForm input[type="email2"]{
	margin:3px 0 0 0;
	padding:6px;
	width:100%;
	font-family:arial, sans-serif;
	font-size:12px;
	border:3px solid #3e4044;
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px
}
form#FormViewForm textarea {
	width:100%;
	height:82px
}
form#FormViewForm label {
	display:block;
	font-size:13px;
	color:#FFF;
	margin-left:5px;
	font-weight:bold
}
form#FormViewForm label.error {
	width:100%;
	margin:3px 0 0 0;
	display:block;
	color:#938055;
	font-size:11px;
	text-align:right
}
form#FormViewForm .placeholder {
	color:#aaa
}
form#FormViewForm .button {
	display:inline-block;
	margin:5px 0 0 10px;
	padding:5px 0 5px 0;
	background-color:#938055;
	border:none;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-appearance:none;
	border-radius:3px;
	width:100%
}
form#FormViewForm .button:hover {
	background-color:#82714b;
	cursor:pointer
}
form#FormViewForm .button:active {
	background-color:#2c2d30;
	cursor:pointer
}



form#enquiry fieldset {
	padding:0 20px 20px 20px;
	margin:0 auto;
	border:0;
	text-align:left
}
form#enquiry input[type="text"], input[type="url"], input[type="email"], input[type="tel"], textarea {
	margin:3px 0 0 0;
	padding:6px;
	width:100%;
	font-family:arial, sans-serif;
	font-size:12px;
	border:3px solid #d6cfbe;
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-appearance:none;
	border-radius:3px
}
form#enquiry textarea {
	width:100%;
	height:82px
}
form#enquiry label {
	display:block;
	font-size:13px;
	color:#2c2d30;
	margin-top:10px;
	margin-left:5px;
	font-weight:bold
}
form#enquiry label.error {
	width:100%;
	margin:3px 0 0 0;
	display:block;
	color:#938055;
	font-size:11px;
	text-align:right
}
form#enquiry .placeholder {
	color:#aaa
}
form#enquiry .button {
	display:inline-block;
	margin:5px 0 0 10px;
	padding:5px 0 5px 0;
	background-color:#938055;
	border:none;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-appearance:none;
	border-radius:3px;
	width:100%
}
form#enquiry .button:hover {
	background-color:#82714b;
	cursor:pointer
}
form#enquiry .button:active {
	background-color:#2c2d30;
	cursor:pointer
}



.work {
  background: #fff url(body_noi.png);
	
	border-bottom: solid 1px #000;
	padding-top:100px;
}

.work p{
	color: #2c2d30;

}

.twelvecol {

text-align: center;

}




/* 					Slider Container Options						 */



#slider {

	background: #fff;
	border-bottom: solid 1px #000;

}




	.asyncslider_container {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	.asyncslider_container li {
		margin: 0 auto;
		padding: 0 20px;
		max-width: 1100px;
	}
	
	/* Slide 1 */	
	.slide-01 {
		background: #fff url(amarok_b.jpg) no-repeat center;
		height: 500px;
	}
	
	.asyncslider_container .left {
		float: left;
		padding-top: 190px;
		max-width: 100%;
		height: 300px;
	}
	
	.asyncslider_container .right {
		float: right;
		padding-top: 140px;
		text-align:right;
	}
	
	.asyncslider_container .right h1 {
		color: #2c2d30;
		font-size: 20px;
		margin: 0px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	
	.asyncslider_container .right p {
		color: #2c2d30;
		font-family: Arial;
		font-size: 12px;
		line-height: 1.6;
	}
	.asyncslider_container .left h1 {
		color: #2c2d30;
		font-size: 30px;
		margin: 0px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	
	.asyncslider_container .left p {
		color: #2c2d30;
		font-family: Arial;
		font-size: 12px;
		line-height: 1.6;
	}
	
	
	
	/* Slide 2 */
	.slide-02 {
		background: #fff url(amarok_c.jpg) no-repeat center;
		height: 500px;
	}
	
	.slide_options {
		float: right;
		padding-top: 190px;
		padding-bottom: 10px;
		position: relative;
		max-width: 100%;
		text-align:right;
	}
	
	.slide_options_text {
		float: left;
		position: relative;
		margin-left: 20px;
		padding-top: 130px;
	
	}
	
	.slide_options h1 {
		color: #2c2d30;
		font-size: 30px;
		margin: 0px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	
	.slide_options p {
		color: #000000;
		font-family: Arial;
		font-size: 12px;
		line-height: 1.6;
	}
	 
	.slide_options img {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	.slide_options .opt1 {
		left: 240px;
		top: 160px;
	}
	
	.slide_options .opt2 {
		left: 0;
		top: 180px;
	}
	
	.slide_options .opt3 {
		left: 100px;
		top: 140px;
	}
	
	/* Slide 3 */
	.slide-03 {
	background: #000 url(bonang_b.jpg) no-repeat center;
		height: 500px;
	}
	
	.markup {
		float: left;
		padding-top: 190px;
		
	}
	
	.javascript {
		float: right;
		padding-top: 120px;
		text-align:right;
		max-width: 100%;
	}
	
	.asyncslider_container .markup h1 {
		color: #0FC;
		font-size: 30px;
		margin: 0px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	
	.asyncslider_container .markup p {
		color: #ffffff;
		font-family: Arial;
		font-size: 12px;
		line-height: 1.6;
	}
	/* Slide 4 */
	.slide-04 {
		background: #000 url(amarok_c2.jpg) no-repeat center;
		height: 500px;
	}
	
	.slide_options4 {
		float: left;
		padding-top: 190px;
		padding-bottom: 10px;
		position: relative;
		max-width: 100%;
		text-align:left;
	}
	
	.slide_options_text4 {
		float: right;
		position: relative;
		margin-right: 40px;
		padding-top: 90px;
	
	}
	
	.slide_options4 h1 {
		color: #ffffff;
		font-size: 30px;
		margin: 0px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	
	.slide_options4 p {
		color: #ffffff;
		font-family: Arial;
		font-size: 12px;
		line-height: 1.6;
	}
	 
	.slide_options4 img {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	.slide_options4 .opt1 {
		left: 240px;
		top: 160px;
	}
	
	.slide_options4 .opt2 {
		left: 0;
		top: 180px;
	}
	
	.slide_options4 .opt3 {
		left: 100px;
		top: 140px;
	}
	/* Misc */
	.clear {
		clear: both;
	}
	
	
	/* Styling Custom Slider Buttons (button styles are taken from http://ubuwaits.github.com/css3-buttons/) */
	#asyncslider_slides_nav {
		list-style: none;
	}


	#asyncslider_slides_nav li a {
		display: block;
		color: #FFF;
		text-indent: -9999px;
		width: 26px;
		height: 25px;
	}

	#asyncslider_slides_nav li {
		display: inline-block;
		margin-right: 5px;
		width:22px;
		height:22px;
		background: url(slider-o.png);
	}
	
	#asyncslider_slides_nav li.active {
		display: inline-block;
		width:22px;
		height:22px;
		background: url(slider-p.png);
		cursor: pointer;
	}
	
	
	/* Async Slider Next Prev Nav */
	#asyncslider_next_prev_nav {
		list-style: none;
	}
	
	#asyncslider_next_prev_nav li a {
		display: block;
		color: #FFF;
		text-indent: -9999px;
		width: 28px;
		height: 28px;
	}
	
	#asyncslider_next_prev_nav .next a {
		background: url(arrow-ri.png);
	}
	
	#asyncslider_next_prev_nav .prev a {
		background: url(arrow-le.png);
	}
	
	
	/* Version 1.1  - Auto Switcher */
	.auto_switcher {
		display: block;
		float: right;
		margin-right: leftpx;
		font-size: 11px;
		line-height: 1;
		padding: 8px;
		text-align: center;
	}
	
	.auto_switcher .on {
		display: inline-block;
		width:22px;
		height:22px;
		background: url(pause000.png);
	}
	
	.auto_switcher .off {
display: inline-block;
		width:22px;
		height:22px;
		background: url(http://www.digitalmonarchy.co.za/img/play.png);
	}

#slider_buttons_env {

text-align: center;
}

#tablet{
display:none;
}



/* ========================================== */
/* ! Provide assets for Tablet & smaller screens   */
/* ========================================== */

@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}

	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}

#desktop{
display:none;
}

#tablet{
display:block;
}

nav {
	text-align:right;
	center: 0;
	margin:40px 20px 0 0;
	padding:0;
	border:none;
	height:auto;	
}

#about .fourcol, #contact .fourcol {
	padding-left: 20px;
	padding-right: 20px;
}

}


/* ============================= */
/* ! Provide assets for Mobile   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;

	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.last {
	padding-left: 0;
	padding-right: 20px;
	margin-left: 0;
	margin-right: 20px;
	}





	.row .eightcol, .eightcol.last{
	width: 100%;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}


section#logo {
	float: none;
	position:relative;
	text-align:center;
	padding:15px 0 15px 0;
	margin:0;
	}



nav {
	text-align:center;
	center: 0;
	margin:0;
	padding:0;
	border:none;
	height:auto;	
}

nav ul {
	top:15px;
	margin:0;
	list-style:none;
	list-style-type:none
}
nav ul li {
	display:block;
}
nav ul li:last-child {
	margin:0px
}
nav a {
	font-size:18px;
	font-family:"SansationRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: 50px;
	text-decoration:none
}
nav a {
	color:#2c2d30;
	-webkit-transition:color 1s ease-in-out;
	-o-transition:color 1s ease-in-out;
	-moz-transition:color 1s ease-in-out;
	transition:color 1s ease-in-out
}
nav a:hover {
	color:#938055
}





nav {
	float: none;
	position:relative;
	text-align:center;
	padding:0;
	margin:0;
	}

nav
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 100%;
}

nav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

nav li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
}

nav li a { text-decoration: none; }


nav ul { 
  list-style-type:none;
  padding-top:10px;
}

nav ul li {
  line-height:60px;
}

nav ul li.active {
  line-height:60px;
}


header {
	text-align:center;
	position:relative;
	background:#fff;
	top:auto;
	left:auto;
	padding:10px 0 0 0;
	width:100%;
}

header a.logo {
	text-align:center;
	margin:0 auto
}
header img {
	max-width:100%;
	-webkit-transition:-webkit-transform 0.550s ease-in-out
}
nav {
	position:relative;
	top:auto;
	right:auto;
	width:100%;
	text-align:center;
	padding:0;
	padding-top:15px;
	margin:0 auto
}
nav ul {
	float:none;
	top:auto;
	text-align:center;
	padding:0;
	margin:0 auto
}
nav ul li {
	float:none
	padding:0;
	margin:0 auto
}
#slider{
display:none;
}

#slider_buttons_env, .auto_switcher{
display:none;
}

.social.fourcol {

padding: 10px 0 10px 0;

}

.work {

	background: #fff;
	background:url(body_noi.png);
	border-bottom: solid 1px #000;
	padding-top:20px;
}

a.fwa {position:fixed; z-index:999;float:top left}
}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

}