/* html5 reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul {list-style:none; }
blockquote, q {quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none; }
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins {background-color:#ff9; color:#000; text-decoration:none; }
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del {text-decoration: line-through; }
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help; }
table {border-collapse:collapse; border-spacing:0; }
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select {vertical-align:middle; }

/* site: johan desilva */
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#cacaca}

#header {background:#272f34;height:80px;position:relative;width:100%;margin:0 0 50px 0}
.inside {height:100%;margin:0 auto;width:768px; overflow:hidden}
.inside .logo{margin:25px 0 0 0; padding:0;  font-size:24px }
.inside .logo a{color:#fff; text-decoration:none}
#footer {width:100%;height:50px;position:fixed;bottom:0;left:0;z-index:1000;background-color:#272f34;overflow:hidden;}

#wrap{width:768px; margin:20px auto}
#logo {color:#fff; font-size:30px; margin:30px auto; text-transform:uppercase}
#feature {float:left; width:768px; height: 314px; margin-bottom:30px; background:#011934 url('/images/feature.gif'); position:relative; overflow:hidden}
#feature h2{position:absolute; top:20px; left:17px; color:#cacaca; font-size:60px; text-transform:uppercase; line-height:50px}
#feature p {position:absolute; top:140px; left:17px; color:#cacaca; font-size:26px; text-transform:uppercase; line-height:40px}
#feature-mask{float:left; width:768px; height: 281px; position:relative;}
#feature .btn-1{display:block; position:absolute; overflow:hidden; z-index:3; width:192px; height:315px; top:0; left:0}
#feature-mask a{ display:block; margin:284px 0 0 0px; color:#fff; text-decoration:none; font-size:24px; text-transform:uppercase; text-align:center}
#feature ul{list-style:none}
#feature .btn-2{display:block; position:absolute; overflow:hidden; z-index:3; width:192px; height:315px; top:0; left:192px}
#feature .btn-3{display:block; position:absolute; overflow:hidden; z-index:3; width:192px; height:315px; top:0; left:384px}
#feature .btn-4{display:block; position:absolute; overflow:hidden; z-index:3; width:192px; height:315px; top:0; left:576px}
#feature .pic-1{display:block; position:absolute; overflow:hidden; z-index:2; background:url('/images/feature-1.jpg') no-repeat; width:192px; height:281px; bottom:0; left:0}
#feature .pic-2{display:block; position:absolute; overflow:hidden; z-index:2; background:black url('/images/feature-2.jpg') no-repeat; width:192px; height:281px; bottom:0; left:192px}
#feature .pic-3{display:block; position:absolute; overflow:hidden; z-index:2; background:black url('/images/feature-3.jpg') no-repeat; width:192px; height:281px; bottom:0; left:384px}
#feature .pic-4{display:block; position:absolute; ovzerflow:hidden; z-index:2; background:black url('/images/feature-4.jpg') no-repeat; width:192px; height:281px; bottom:0; left:576px}


/* bug fixes */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}