/* Copyright Mirnyx. All Rights Reserved. */

/* RESET */
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{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ol, ul {list-style: none;}

/* GLOBAL */
body{line-height:1.5; font-size:.688em; font-weight:500; color:#666; background:#000 url('../images/bg-header.png') repeat-x 0 0; 
font-family:"Lucida Grande", "Lucida Sans Unicode", lucida sans, helvetica, arial, verdana, sans-serif;}
a{color:#30a565; text-decoration:underline;}
a:hover{color:#000000; text-decoration:underline;}

/* HEADER */
.header{position:relative; width:950px; height:200px; margin:0px auto; background:url('../images/rams.jpg') no-repeat 370px 12px;}
.header ul{position:absolute; bottom:0px; left:0px; width:950px; height:38px;}
.header li{list-style:none; display:inline; line-height:38px;}
.header li#nav1{position:absolute; bottom: 0px; left:   0px; width: 155px; height: 38px; text-indent:-9999px;}
.header li#nav2{position:absolute; bottom: 0px; left: 155px; width: 160px; height: 38px; overflow:visible; cursor:pointer; text-indent:-9999px;}
.header li#nav3{position:absolute; bottom: 0px; left: 315px; width: 160px; height: 38px; text-indent:-9999px;}
.header li#nav4{position:absolute; bottom: 0px; left: 475px; width: 160px; height: 38px; text-indent:-9999px;}
.header li#nav5{position:absolute; bottom: 0px; left: 635px; width: 160px; height: 38px; text-indent:-9999px;}
.header li#nav6{position:absolute; bottom: 0px; left: 795px; width: 155px; height: 38px; text-indent:-9999px;}
.header li#nav1 a{display:block; width: 160px; height: 38px; background: url('../images/navbg.png') no-repeat    0px 0px;}
.header li#nav2 a{display:block; width: 160px; height: 38px; background: url('../images/navbg.png') no-repeat -155px 0px;}
.header li#nav3 a{display:block; width: 160px; height: 38px; background: url('../images/navbg.png') no-repeat -315px 0px;}
.header li#nav4 a{display:block; width: 160px; height: 38px; background: url('../images/navbg.png') no-repeat -475px 0px;}
.header li#nav5 a{display:block; width: 160px; height: 38px; background: url('../images/navbg.png') no-repeat -635px 0px;}
.header li#nav6 a{display:block; width: 155px; height: 38px; background: url('../images/navbg.png') no-repeat -795px 0px;}
.header li#nav1 a:hover{background-position:    0px -38px;}
.header li#nav2 a:hover{background-position: -155px -38px;}
.header li#nav3 a:hover{background-position: -315px -38px;}
.header li#nav4 a:hover{background-position: -475px -38px;}
.header li#nav5 a:hover{background-position: -635px -38px;}
.header li#nav6 a:hover{background-position: -795px -38px;}
#logo{position:absolute; top:30px; left:20px; width:223px; height:100px;}

ul#menu li.mega a {}
ul#menu li.mega a:hover {text-decoration:underline;}
ul#menu div {display:none;}
ul#menu li.mega div {position:absolute; top:38px; left:0px; height:175px; width:161px; background: url('../images/bg-mega.png') no-repeat 0px 0px; opacity:0.9; cursor:default; line-height:1.5; font-size:11px; }
ul#menu li.mega div p.opp{position:absolute; top:0px; left:0px; height:35px; width:161px;}
ul#menu li.mega div p.opp a{position:relative; display:block; height:35px; width:161px; background-image:none; text-indent:-9999px;}
ul#menu li.mega div p.mat{position:absolute; top:35px; left:0px; height:35px; width:161px;}
ul#menu li.mega div p.mat a{position:relative; display:block; height:35px; width:161px; background-image:none; text-indent:-9999px;}
ul#menu li.mega div p.tec{position:absolute; top:70px; left:0px; height:35px; width:161px;}
ul#menu li.mega div p.tec a{position:relative; display:block; height:35px; width:161px; background-image:none; text-indent:-9999px;}
ul#menu li.mega div p.x1{position:absolute; top:105px; left:0px; height:35px; width:161px;}
ul#menu li.mega div p.x1 a{position:relative; display:block; height:35px; width:161px; background-image:none; text-indent:-9999px;}
ul#menu li.mega div p.e2{position:absolute; top:140px; left:0px; height:35px; width:161px;}
ul#menu li.mega div p.e2 a{position:relative; display:block; height:35px; width:161px; background-image:none; text-indent:-9999px;}
ul#menu li.hovering div {display:block; z-index:2000;}

/* INDEX */
.heroW{position:relative; width:100%; background:#fefefe;}
.heroI{position:relative; min-height:420px; width:950px; margin:0px auto;}
.heroI img{position:absolute; top:10px; right:0px; height:400px; width:950px;}
.heroI p{position:relative; float:left; padding:0px 0px 10px 0px;}
.buttonsW{position:relative; width:100%; background:#fefefe url('../images/bg-g5.png') repeat-x bottom left;}
.buttonsI{position:relative; width:950px; height:150px; margin:0px auto; padding:0px 0px 13px 0px;}
.buttonsI img{float:left; margin-right:10px;}
.buttonsI img.last{margin:0px;}

/* LAYOUT */
.overviewW{position:relative; width:100%; background:#fefefe;}
.overviewWb{position:relative; width:100%; background:#fefefe url('../images/bg-g5.png') repeat-x bottom left;}
.overviewI{position:relative; min-height:380px; width:950px; margin:0px auto; padding-bottom:20px;}
.overviewI #images{position:absolute; top:20px; right:0px; height:360px; width:500px;}
.overviewI #images img{position:absolute; top:0px; right:0px; height:300px; width:500px;}
.overviewI #images h2{position:absolute; height:50px; width:50px; text-indent:-9999px; cursor:pointer; box-shadow:0 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 5px rgba(0,0,0,0.3);}
.overviewI #images h2.oppr1{position:absolute; bottom:0px; right:165px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px 0px;}
.overviewI #images h2.oppr2{position:absolute; bottom:0px; right:225px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -50px;}
.overviewI #images h2.mt   {position:absolute; bottom:0px; right:285px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -100px;}
.overviewI #images h2.tt   {position:absolute; bottom:0px; right:285px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -150px;}
.overviewI #images h2.xt   {position:absolute; bottom:0px; right:285px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -200px;}
.overviewI #images h2.et   {position:absolute; bottom:0px; right:285px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -250px;}
.overviewI #images h2.ct   {position:absolute; bottom:0px; right:225px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -300px;}
.overviewI #images h2.lt   {position:absolute; bottom:0px; right:165px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -350px;}
.overviewI #images h2.bal1 {position:absolute; bottom:0px; right:285px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -600px;}
.overviewI #images h2.bal2 {position:absolute; bottom:0px; right:225px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -650px;}
.overviewI #images h2.bal3 {position:absolute; bottom:0px; right:165px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -700px;}

.overviewI #image{position:absolute; top:20px; right:0px; height:300px; width:500px;}
.overviewI #image img{position:absolute; top:0px; right:0px; height:214px; width:500px;}
.overviewI #image h2{position:absolute; height:50px; width:50px; text-indent:-9999px; cursor:pointer; box-shadow:0 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 5px rgba(0,0,0,0.3);}
.overviewI #image h2.opps1{position:absolute; bottom:0px; right:315px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -400px;}
.overviewI #image h2.opps2{position:absolute; bottom:0px; right:255px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -450px;}
.overviewI #image h2.opps3{position:absolute; bottom:0px; right:195px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -500px;}
.overviewI #image h2.opps4{position:absolute; bottom:0px; right:135px; background: url('../images/sprite-thumbs.jpg') no-repeat 0px -550px;}

.overview{position:relative; float:left; width:450px; margin:0px auto; padding:20px 0px;}
.overview h1{position:relative; float:left; height:50px; width:370px; margin-bottom:10px; text-indent: -9999px;}
.overview h1.mat{background: url('../images/sprite-h1.png') no-repeat 0px 0px;}
.overview h1.tec{background: url('../images/sprite-h1.png') no-repeat 0px -50px;}
.overview h1.x1 {background: url('../images/sprite-h1.png') no-repeat 0px -100px;}
.overview h1.e2 {background: url('../images/sprite-h1.png') no-repeat 0px -150px;}
.overview h1.opp{background: url('../images/sprite-h1.png') no-repeat 0px -200px;}
.overview h1.bbs{background: url('../images/sprite-h1.png') no-repeat 0px -350px;}
.overview h1.ops{background: url('../images/sprite-h1.png') no-repeat 0px -400px;}
.overview h1.pro{background: url('../images/sprite-h1.png') no-repeat 0px -450px;}
.overview p{position:relative; float:left; width:400px; padding-bottom:10px}
.overview .dlr{position:relative; float:left; height:20px; width:186px; margin:20px 0px 0px 0px; background: url('../images/sprite-link.png') no-repeat 0px 0px; text-indent: -9999px;}
.overview .utb{position:relative; float:left; height:20px; width:186px; margin:20px 0px 0px 20px; background: url('../images/sprite-link.png') no-repeat 0px -20px; text-indent: -9999px;}
.overview .mhl{position:relative; float:left; height:20px; width:186px; margin:20px 0px 0px 0px; background: url('../images/sprite-link.png') no-repeat 0px -120px; text-indent: -9999px;}
.overview ul{position:relative; float:left; width:400px; list-style:none; padding-bottom:10px;}
.overview li{position:relative; float:left; width:400px; line-height:20px; font-weight:600; color:#222}

.featureW{position:relative; width:100%; min-height:250px; background:#fefefe url('../images/bg-g2.png') repeat-x bottom left;}
.featureI{position:relative; width:950px; margin:0px auto; padding-bottom:20px;}
.featureI h2{position:relative; float:left; height:50px; width:950px; background: url('../images/sprite-h1.png') no-repeat 0px -250px; text-indent: -9999px;}
.featureI .feature{position:relative; float:left; width:300px; margin:20px 20px 0px 0px;}
.featureI .feature h3{position:relative; float:left; font-size:1.0em; padding-left:70px;}
.featureI .feature p{position:relative; float:left; padding:0px 0px 10px 70px;}
.featureI .feature img{position:absolute; top:0px; left:0px; height:60px; width:60px;}
.featureI .featureL{position:relative; float:left; width:300px; margin:20px 0px 0px 0px;}
.featureI .featureL h3{position:relative; float:left; font-size:1.0em; padding-left:70px;}
.featureI .featureL p{position:relative; float:left; padding:0px 0px 10px 70px;}
.featureI .featureL img{position:absolute; top:0px; left:0px; height:60px; width:60px;}

.proshopW{position:relative; width:100%; min-height:250px; background:#fefefe url('../images/bg-g2.png') repeat-x bottom left;}
.proshopI{position:relative; width:950px; margin:0px auto; padding:20px 0px;}
.proshopI h2{position:relative; float:left; height:50px; width:950px; background: url('../images/sprite-h1.png') no-repeat 0px -500px; text-indent: -9999px;}
.proshopI .feature{position:relative; float:left; width:300px; margin:20px 20px 0px 0px;}
.proshopI .feature h3{position:relative; float:left; font-size:1.0em;}
.proshopI .feature p{position:relative; float:left; padding:0px 0px 10px 0px;}
.proshopI .featureL{position:relative; float:left; width:300px; margin:20px 0px 0px 0px;}
.proshopI .featureL h3{position:relative; float:left; font-size:1.0em;}
.proshopI .featureL p{position:relative; float:left; padding:0px 0px 10px 0px;}

/* FOOTER */
.footerW{position:relative; clear:both; height:200px; width:100%; background: url('../images/bg-footer.png') repeat-x;}
.footer{position:relative; height:50px; width:950px; margin:0px auto;}
.footer p{font-size:10px; padding-top:100px; text-align:center;}
.footer .twitter{position:absolute; top:10px; left:0px; height:20px; width:186px; background: url('../images/sprite-link.png') no-repeat 0px -40px; text-indent:-9999px;}
.footer .flickr{position:absolute; top:10px; left:259px; height:20px; width:186px; background: url('../images/sprite-link.png') no-repeat 0px -160px; text-indent:-9999px;}
.footer .tumblr{position:absolute; top:10px; left:496px; height:20px; width:186px; background: url('../images/sprite-link.png') no-repeat 0px -60px; text-indent:-9999px;}
.footer .facebook{position:absolute; top:10px; right:-15px; height:20px; width:186px; background: url('../images/sprite-link.png') no-repeat 0px -100px; text-indent:-9999px;}

/* MISC */
.clear{position:relative; clear:both; height:0px; width:950px;}

/* H TAGS */
h1{font-size:1.5em;}
h2{font-size:1.375em;}
h3{font-size:1.25em;}
h4{font-size:1.0em;}
h5{font-size:.75em;}
h6{font-size:.688em;}