@charset "utf-8";
/* Inspiration from undohtml.css - (CC) 2004 Tantek Celik. Some Rights Reserved. Also from Eric Meyer reset css.  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, 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;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
div, ul, ol, dl, form, fieldset {position:relative;}
a:link, a:hover, a:visited {text-decoration:none;}
a img, :link img, :visited img {border:none;}
ol, ul {list-style:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}

body {background:#000;color:#fff;font:normal 62.5% Arial,Helvetica,sans-serif;text-align:center;}
h1, h2, h3 { color: #fc0; }

div#w1 { width: 990px; font-size: 1.2em; position: relative; margin: 0 auto; }

h1#firstagain {  position: absolute; left: 0; top: 0; background: url(images/title-first-again.jpg) left top no-repeat; 
	width: 553px; height: 515px; text-indent: -1000em; letter-spacing: -1000em; overflow: hidden;
}

h1#logo {
	position: absolute; right: 45px; top: 53px; 	text-indent: -1000em; letter-spacing: -1000em; overflow: hidden;
	width: 221px; height: 50px; background: url(images/logo-commsec.gif) left top no-repeat;
}

h2 { font-size: 1.5em; font-weight: bold; }
h3 { font-size: 1.1em;}

div#content { width: 466px; padding-top: 160px; margin-left: 279px; text-align: left; float: left; }
div#content p {margin: 1em 0; line-height: 1.4em; }
div#content ul { margin: 1em 0; list-style: square; }
div#content ul.first li { margin-left: 15px; }
div#content ul.second li { margin-left: 25px; }

div.boxwrap {  margin: 0.5em 0 1em 0; width: 453px; }
div.boxed { border: 2px solid #fc0; padding: 15px; position: relative; }
div.boxed h2 { font-size: 1.2em; }
div.boxed ol { font-size: 0.9em; list-style: decimal; margin-top: 1em;  }
div.boxed ol li { margin: 0.25em 0 0.25em 15px; }
div.boxed ol li strong { color: #fc0; }

div.corner { width: 6px; height: 6px; position: absolute; background-color: #000; background-position: left top; background-repeat: no-repeat;  }
div.corner.tl { background-image: url(images/box-corner-tl.gif); left: 0; top: 0; }
div.corner.tr { background-image: url(images/box-corner-tr.gif); right: 0; top: 0; }
div.corner.bl { background-image: url(images/box-corner-bl.gif); left: 0; bottom: 0; }
div.corner.br{ background-image: url(images/box-corner-br.gif); right: 0; bottom: 0; }

div#explore {
	position: absolute; top: 115px; right: 0px; width: 400px; height: 600px;
	background: url(images/glowing-iphone.jpg) right top no-repeat;
	z-index: 0;
}

div#explore a#explorebutton { margin-top: 20px; background: url(images/button-explore.gif) left top no-repeat; width: 157px; height: 51px; display: block; margin-left: 175px; text-indent: -1000em; letter-spacing: -1000em; overflow: hidden; float: left; }
div#explore a#explorebutton:hover { background-position: left -51px; }

div#explore a#exploreimage { display: block; 
	height: 345px; width: 215px; margin-left: 100px; margin-top: 60px; 
	text-indent: -1000em; letter-spacing: -1000em; overflow: hidden;}

a#joinnow { 
margin: 0.5em 0;
background: url(images/button-joinnow.gif) left top no-repeat; width: 157px; height: 51px; display: block;
text-indent: -1000em; letter-spacing: -1000em; overflow: hidden;
}
a#joinnow:hover { background-position: left -51px; }

div#footer { border-top: 1px solid #666; margin-top: 40px;}

div#footer div#footercontent { width: 901px; margin: 0px auto; margin-top: 10px; height: 5em; position: relative; }
div#footer div.disclaimer { color: #666; text-align: left; position: absolute; left: 0; top: 5px;}
div#footer div.taglines { float: right; text-align: right; font-size: 1.5em; font-weight: bold; color: #fff; position: absolute; 
right: 0; }

div#webby {
	position: absolute; top: 616px; left: 218px;
	z-index: 0;
	width:425px;
	height:80px;

}

.half {width:47.8%;margin-right:2.2%;}
.third {width:31.1%;margin-right:2%;}
.qrtr {width:24%;margin-right:1%;}
.fift {width:19%;margin-right:1%;}
.sixt {width:15.5%;margin-right:1.1%;}
.floatleft {float:left;}
.clr {height:0;margin:0;font-size:1px;line-height:0;clear:both;}