@charset "utf-8";

/* Website rules */
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, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family: Arial,sans-serif; font-size: 0.95em; color: #999;}

body {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #3D3D3D; text-align: center;}

iframe {display: none;}

object {display: none;}

/* Utilities */
.left {float: left;}
.right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.clear {clear: both;}
.mar10 {margin: 10px;}
.square {width: 200px; height: 200px;}
.wide {width: 400px; height: 200px;}
.hide {display: none;}

/* Skeletal */
#wrap {width: 1000px; margin: auto; text-align: left; background-image: url(../images/bg.jpg);}
#header {width: 100%; height: 100px;}
#technology{width: 356px; height: 98px; background-image: url(../images/web3.jpg);}
#banner{width: 423px; height: 72px; background-image: url(../images/banner.jpg);}
#footer {width: 100%; height: 100px; background-color: #3d3d3d;}
#footer .copyright{margin: 20px 10px; font-size: 1em;}

/* Grid + Vertigo Sprite */
.grid_1{background-image: url(../images/grid-01-sprite.jpg);}
.grid_2{background-image: url(../images/grid-02-sprite.jpg);}
.grid_3{background-image: url(../images/grid-03-sprite.jpg);}
.grid_4{background-image: url(../images/grid-04-sprite.jpg);}
.vertigo{background-image: url(../images/vertigo-sprite.jpg);}
.clip_1_1{background-position: -200px 0px;}
.clip_1_2{background-position: -400px 0px;}
.clip_2_1{background-position: -200px -200px;}
.clip_2_2{background-position: -400px -200px;}
.clip_3_1{background-position: -200px -400px;}
.clip_3_2{background-position: -400px -400px;}

/* Caption Sprite */
.cp{background-image: url(../images/cp-sprite.gif);}
.cp_1{background-position: 0px 0px; width: 175px; height: 77px;}
.cp_2{background-position: -175px 0px; width: 219px; height: 77px;}
.cp_3{background-position: -394px 0px; width: 230px; height: 77px;}

.strip_1{background: url(../images/strip-1.jpg) no-repeat; background-position: 0px 160px;}
.strip_2{background: url(../images/strip-2.jpg) no-repeat; background-position: 0px 160px;}
.strip_3{background: url(../images/strip-3.jpg) no-repeat; background-position: 0px 160px;}

.steps ul li{list-style: none; font-family: "Century Gothic"; font-size: 1em; line-height: 1.23em; color: #5f5f5f;}

/* Subdomain link */
.subdomain{text-align: center;}
.subdomain a {text-decoration: none;}
.subdomain a:link {color: #666666;}
.subdomain a:visited {color: #666666;}
.subdomain a:hover {color: #666666;}
.subdomain a:active {color: #666666;}
.subdomain .big{font-size: 2em; color: #666666;}

/* Icons Sprite */
.icon ul li{list-style: none; margin: 10px 10px 0px 0px;}
.icon ul li a div{background-image:url(../images/icon-sprite.jpg); width: 25px; height: 40px; cursor: pointer;}
.icon ul li a div.icon_fbook {background-position:0px 0px;}
.icon ul li a:hover div.icon_fbook {background-position:0px -40px;}
.icon ul li a div.icon_linkedin {background-position:-50px 0px;}
.icon ul li a:hover div.icon_linkedin {background-position:-50px -40px;}
.icon ul li a div.icon_orkut {background-position:-25px 0px;}
.icon ul li a:hover div.icon_orkut {background-position:-25px -40px;}
.icon ul li a div.icon_blogger {background-position:-75px 0px;}
.icon ul li a:hover div.icon_blogger {background-position:-75px -40px;}
.icon ul li a div.icon_mail {background-position:-100px 0px;}
.icon ul li a:hover div.icon_mail {background-position:-100px -40px;}

/* Colors */
.darkbg {background-color: #1a1a1a;}
.yellow {color: #FFCC00;}