@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:url(../images/instyledesigner-main-bg.jpg) no-repeat center top; }

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

/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block; }

body > header { margin:0 auto; padding:0; display:table; width:980px; height:240px; }
body > header h1 { margin:8px 0 0 18px; padding:0; font-family:Impact; font-size:60px; font-weight:normal; letter-spacing:3.5px; color:#fff; float:left; display:inline; }
body > header h1 span { color:#fe8000; }

body > header h2 { margin:45px 0 0 19px; padding:0; font-size:24px; font-weight:normal; line-height:32px; color:#868686; clear:both; float:left; width:400px; display:inline; }
body > header h2 span { color:#fe8000; }
body > header h2 a { text-decoration:none; color:#868686; }
body > header h2 a:hover { color:#ffb526; }

.slogan { margin:5px 0 0 0; padding:0; width:430px; height:30px; font-size:24px; color:#d1d102; font-style:italic; float:right; }

aside { margin:63px auto 0 auto; padding:0; display:table; width:945px; height:250px; }
aside a { text-decoration:underline; color:#0000ee; }
aside a:hover { text-decoration:underline; color:#000; }

.first-para { margin:0; padding:10px 10px 10px 15px; float:right; width:775px; line-height:20px; font-size:13px; color:#050505; }
.second-para { margin:0; padding:10px; float:right; width:900px; line-height:20px; font-size:13px; color:#050505; float:left; }

body > section { margin:60px auto 0 auto; padding:0; display:table; width:980px; height:550px; }
.left-selected-work { margin:0 0 0 15px; padding:0; float:left; display:inline; width:370px; }
.left-selected-work a { text-decoration:none; color:#0000ee; margin-bottom:20px; width:350px; height:168px; display:block; }
.left-selected-work a:hover { color:#000; }
.left-selected-work a img { border:0px; }

.left-selected-work-right { margin:140px 0 0 0px; padding:0; float:left; display:inline; width:565px; height:400px; }
.left-selected-work-right h3 { margin:0; padding:0; font-size:20px; font-weight:normal; text-transform:uppercase; border-bottom:2px solid #fff; color:#fff; line-height:15px; }

.left-selected-work-right ul { margin:8px 0; padding:0; list-style:none; }
.left-selected-work-right li, .left-selected-work-right li a { color:#111; text-decoration:none; line-height:24px; }
.left-selected-work-right li a:hover { color:#fff; text-decoration:none; }

.creative-designs { margin:0; padding:0; float:left; width:265px; text-align:right; }
.technical-coding { margin:0; padding:0; float:right; width:265px; }

footer { margin:0px auto 0 auto; =margin:14px auto 0 auto; padding:0; display:table; width:980px; height:115px; =height:160px; }
footer p { margin:11px auto 0 auto; padding:0; width:980px; font-family:"Times New Roman", Times, serif; font-size:16px; color:#050505; clear:both; }
footer ul { margin:70px 0 35px 0; padding:0; list-style:none; float:right; width:655px; }
footer ul li { margin:8px 0; padding:0 12px 0 16px; background:url(../images/arw.gif) no-repeat left 6px; float:left; color:#000; font-size:18px; text-transform:uppercase; }