/*==========================================================
Special styles for the publishers home page. Inherits from master.css.
===========================================================*/

body { color:#3d3d3d; background:#404041; }

.inner { width:960px; margin:auto; position:relative; }

/* Top header */

#header .inner { position:relative; }
#header { background:#757575; padding:0; z-index:1; }

#header #logo { position:absolute; right:0; top:5px; width:98px; }
#header #logo a,  #header #logo a:visited {background:url(../images/genwi-logo.gif) no-repeat;display:block; text-indent:-32000px; width:98px; height:36px; }

#navigation { margin:0; width:auto; }
#navigation li { list-style:none; margin-right:15px; }
#navigation li a { color:#ffffff; text-decoration:none; font-size:14px; display:block; padding:14px 0 11px; }

#navigation li h1 { margin-top:0; }
#navigation li h1 a { padding:8px 0; background:url(../images/isites-logo-small.gif) no-repeat left 50%; width:84px; height:26px; text-indent:-100000px; }

#navigation li a:link, #navigation li a:visited { color:#ffffff; }
#navigation li a:hover { text-decoration:underline; }

/* Banner */

#site-intro { background:#f7f4e3; border:0; padding:0; z-index:1000; overflow:visible; }
#site-intro .inner { height:356px; z-index:1000; }

#site-intro .screenshot { position:absolute; right:0; top:-19px; z-index:1000; }

#site-intro h1 { width:140px; height:47px; background: url(../images/isites-logo.gif) no-repeat left bottom; text-indent:-100000px; padding-top:40px; }
#site-intro h2, #site-intro h3, #site-intro h4 { font-weight:normal; color:#3d3d3d; }
#site-intro h2 { font-size:32px; line-height:1.2; margin-right:580px; margin-bottom:10px}
#site-intro h3 { font-size:20px; margin-right:640px; margin-bottom:10px;}
#site-intro h4 { font-size:16px; margin-bottom:10px; }

#site-intro a#go { float:right; margin-right:645px; padding:10px 20px; text-align:center; font-size:18px; font-weight:bold; background:#db7316 url(../images/button-bkg-orange.gif) repeat-x bottom left; color:#fff; text-decoration:none; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px; border:5px solid #ffffff; text-shadow:0 1px 1px #85450e; }
#site-intro a#go:hover { background:#db7316; cursor:pointer; }

/* Main content area */

#content { width:100%; background:#ffffff;}

.main-text { width:540px; float:left; padding:40px 0; }

.main-text .col-left, .main-text .col-right { width:48%; float:left; }
.main-text .col-left  { float:left; }
.main-text .col-right { float:right; }

.main-text h2 { margin:0 0 20px 0; font-size:24px; color:#767575; }
.main-text p + h2 { margin-top:35px; }

.main-text h3 { font-size:18px; margin:0 0 10px 0; }
.main-text p + h3 { margin-top:25px; }

.main-text h4 { font-size:14px; text-transform:uppercase; margin:0 0 10px 0; }
.main-text p + h4 { margin-top:25px; }

.main-text p { font-size:16px; margin:0 0 10px; }

.main-text li { font-size:14px; line-height:1.4; margin-bottom:5px; }

/* Highlight Homepage */

.highlight { border:1px solid #80912d; padding:16px; background:#e4e9ca; color:#576029; }
.highlight h2 { font-size:20px; margin-top:0; color:#80912d; }
.highlight p { margin-bottom:8px; }
.highlight p:last-child { margin-bottom:0; }

/* Aside area */

.aside { width:380px; float:right; padding:40px 0; }

.aside h2 { font-size:18px; margin:0 0 20px 0; color:#767575; }

.aside ul { margin:0; }
.aside ul.customers { overflow:hidden; }
.aside li { list-style:none; margin:0; }
.aside .customers li { margin:0 auto 10px auto;}
.aside li img { margin:auto; display:block; }
.aside li:nth-child(even) { clear:right; margin-right:0; }
.aside li:nth-child(odd) { clear:left; }

#testimonials { background:#f7f4e3; border:1px solid #e4d3be; clear:both; padding:15px 15px 0 15px; margin-top:20px; }
#testimonials blockquote { margin:0 0 15px 0; font-size:14px; padding-left:19px; background:url(../images/testimonial-quotes.gif) no-repeat left 3px; }
#testimonials blockquote p { margin:0; }
#testimonials blockquote span { font-size:12px; }

/* Tutorial */

#tutorial { width:100%; }

#tutorial h2 { font-size:30px; }

#tutorial .block { border:1px solid #C1D6DC; background:#E9F3F6; padding:20px; clear:both; margin-bottom:20px; overflow:hidden; }

.number { font-size:16px; font-weight:bold; color:#ffffff; background:#999999; -moz-border-radius:50%; -webkit-border-radius:520px; border-radius:50%; padding:6px 10px; position:relative; top:-2px; left:-5px; }

#tutorial .block p { font-size:14px; }

#tutorial img { margin-bottom:-80px; }
#tutorial img + img { margin-top:20px; }

/* button */
p.buttons { margin-top:10px; }
#submit { border:0; line-height:33px; text-align:center; font-size:1.2em; background:#b7ca56 url(../images/wire/create-button.gif) no-repeat 50% top; width:92px; height:33px; display:inline-block; color:#fff; text-decoration:none; cursor:pointer; }
#submit:hover { background-position:50% bottom; }

/* Footer */

#footer { background:none; border:none; font-size:14px; padding:15px 0 0 0; margin:0; }

#footer .col1 { float:left; width:540px; }
#footer .col2 { float:right; width:380px; text-align:right; }

#footer p { margin-bottom:10px;}
#footer .col2 p { font-size:12px; }

#footer a { color:#ffffff; text-decoration:none; padding-right:5px; }
#footer a:hover { text-decoration:underline; }

#footer .social { padding-bottom:40px; font-size:12px; }
#footer .social a { color:#cccccc; text-decoration:none; margin-right:10px; }

#footer p img { vertical-align:middle; margin-right:2px; }

#footer #powered a { display:inline-block; position:relative; top:-2px; right:-2px; text-indent:100000px; width:85px; height:21px; background:url(../images/genwi-logo-footer.gif) no-repeat; padding:0; }