/* CSS Document */
html, body {height:100%;}
html {overflow: -moz-scrollbars-vertical;}
body{font-family:Arial, Helvetica; font-size:12px; line-height:16px; font-weight:normal; color:#666; padding:0; margin:0 auto 0 auto;}
p {font-family:Arial, Helvetica; color:#666; padding:0; margin:0;}
table, tr, td {font-family:Arial, Helvetica; font-size:12px; padding:0; margin:0;}

/*COMMON STYLES*/
a:link {color:#3399CC; text-decoration:none; padding:0;}
a:visited {color:#3399CC; text-decoration:none; padding:0;}
a:hover {color:#666; text-decoration:none; padding:0;}

a.link2:link {color:#FFF; text-decoration:none; padding:0;}
a.link2:visited {color:#FFF; text-decoration:none; padding:0;}
a.link2:hover {color:#666; text-decoration:none; padding:0;}

a.link3:link {color:#EEE; text-decoration:none; padding:0;}
a.link3:visited {color:#EEE; text-decoration:none; padding:0}
a.link3:hover {color:#666; text-decoration:none; padding:0;}

ul {margin:0; padding:0;}
ol {margin:0; padding:0;}
li {margin:3px 0 0 30px; padding:0; list-style:none url('../images/bullet.png');}

img {margin:0; padding:0;}

/* CONTAINERS */
#f5 {background:url('../images/spacer_g.png') repeat; width:100%; height:100%; margin:0; paddng:0;}
#doc {background:url('../images/bg_grad.png') 0 0 repeat-x; width:100%; height:100%; min-height:600px; margin:0 auto; padding:0; text-align:center;}
.main {width:820px; height:100%; margin:0 auto; padding:0; text-align:left;}

/* HEADER....TOPNAV AND BRAND */
.hd {background:transparent; margin:0 auto 0 auto; paddding:0; width:820px; height:auto; text-align:left;}
.topnav {background:transparent; margin:45px 0 0 0; padding:0; width:500px; height:auto; float:right; text-align:right;}
.brand {background:transparent; margin:0 0 10px 95px; padding:10px 0 0 0; width:170px; height:auto; cursor:hand; cursor:pointer;}

/*FOOTER*/
.footer {background:transparent; font-size:11px; color:#999; margin:10px auto 0 auto; padding:0; width:820px; height:30px; text-align:center;}

/*BODY*/
.bd {background:url('../images/bg_main.png') 0 0 repeat-y; width:auto; height:auto; margin:0 auto 0 auto; padding:0;}
.bg-00 {margin:0 0 0 80px; padding:0;}
.bg-01 {background:url('../images/bg_rocks1.jpg') 0 100% no-repeat; margin:0 0 0 80px; padding:0; vertical-align:top;}
.bg-02 {background:url('../images/bg_rocks2.jpg') 50% 100% no-repeat; margin:0 0 0 80px; padding:0; vertical-align:top;}
.bg-03 {background:url('../images/bg_rocks3.jpg') 45% 5% no-repeat; margin:0 0 0 80px; padding:0; vertical-align:top;}
.bg-04 {background:url('../images/bg_rocks4.jpg') 5% 100% no-repeat; margin:0 0 0 80px; padding:0; vertical-align:top;}
.mainbody {background:transparent; margin:0 auto 0 auto; padding:15px 0 15px 0; width:100%; height:auto; min-height:400px;}

h1 {font-size:18px; font-weight:bold; margin:0; padding:5px 0; line-height:20px;}
h2 {color:#3399CC; font-size:20px; font-weight:bold; margin:0; padding:0;}
h3 {font-size:14px; font-weight:bold; margin:0; padding:0;}
h4 {font-size:12px; font-weight:bold; margin:0; padding:0;}

.boxtitle-01 {background:#DEDEDE; margin:0; padding:0;}
.subtitle-01 {border-bottom:1px dotted #666; margin:0; padding:0;}
.note {font-size:10px;}
.quote {background:transparent url('../images/quote_l.png') 0 0 no-repeat; margin:0; padding:0; width:230px; min-width:40px; min-height:40px;}
.quote2 {background:transparent url('../images/quote_r.png') 100% 85% no-repeat; margin:0; padding:0; min-width:40px; min-height:40px;}
.quote-body {text-indent:35px; margin:0; padding:5px 0 5px 0; font-style:italic;}
.quote-note {color:#999; font-size:10px; line-height:12px;}

.col-1 {width:435px; height:auto; background:transparent; margin:0 0 0 20px; padding:0; text-align:left;}
.col-2 {width:260px; height:auto; float:right; margin:0; padding:0;}
.col-2a {width:260px; height:auto; background:url('../images/bg_circle2.png') 0 0 repeat-y; float:right; margin:0; padding:0; vertical-align:top;}
.col-full {width:800px; height:auto; margin:0; padding:0;}

.box-spot {width:435px; height:150px; background:url('../clients/casestudy/spot_ebay_cs_01.jpg') no-repeat; margin:0; padding:0; border:4px solid #EEE;}
.box-spotside {width:260px; height:130px; background:url('../clients/casestudy/spotside_ebay_01.jpg') no-repeat; margin:0; padding:0;}
.box-sidebrand {width:260px; height:75px; background:transparent; margin:0; padding:0;}
.box-case {width:435px; height:150px; margin:0; padding:0; border:4px solid #EEE;}
.box-full {width:800px; border:1px solid #EEE; width:220px; margin:0 0 15px 0; padding:0;}
.box-1 {width:536px; height:auto; margin:0; padding:0;}
.box-2outer {background:#DEDEDE; width:auto; height:auto; margin:0 0 10px 0; padding:0;}
.box-2{background:transparent; width:auto; height:auto; margin:0; padding:0 10px 5px 10px;}
.box-3first {background:#FFF; border:4px solid #CCC; width:260px; height:150px; margin:0; padding:0;}
.box-3 {float:right; background:#FFF; border:4px solid #CCC; width:250px; height:150px; margin:0 0 0 15px; padding:0;}
.linky {cursor:hand; cursor:pointer;}

.w-case {margin:10px 0; padding:0;}
.caseImg {width:25%; margin:0 25px 0 0;}
.caseTxt {width:75%; margin:0; float:right;}
.thumb {width:auto; height:auto; margin: 5px 11px 5px 0; padding:0; float:left; border:2px solid #CCC;}
.thumb2 {width:auto; height:auto; margin: 5px 20px 15px 0; padding:0; float:left; border:2px solid #CCC;}

.clear {clear:both;}

/*WEB EMAIL FORM*/
.mform {font-family:arial, helvetica; font-size:12px; color:#666;}
.input_txt0 {border:3px solid #CCC; margin-bottom: 5px; padding:3px;}
.input_txt1 {width:220px; height:auto; border:3px solid #CCC; margin-bottom: 5px; padding:3px;}
.input_txt2 {width:400px; height:auto; border:3px solid #CCC; margin-bottom: 5px; padding:3px;}
.input_bdy1 {width:400px; height:100px; border:3px solid #CCC; margin-bottom: 5px; padding:3px; overflow:auto; font-family:arial, helvetica; font-size:12px;}


/*add for opacity:  filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40;  */