/*
-----------------------------------------------
sinelogic styles for screen media
author:  dan rubin
updated: July 30, 2005
----------------------------------------------- */


/* global
----------------------------------------------- */
body {
margin:0 10px;
padding:0;
text-align:center;
min-width:678px;
background-color:white;
font-family:tahoma, verdana, "lucida sans", sans-serif;
font-size:11px;
}

#wrapper {
margin:0 auto;
width:678px;
text-align:left;
}

img {border:none;}


/* layout
----------------------------------------------- */
#header {
position:relative;
width:255px;
height:44px;
margin:35px 0 33px;
cursor:pointer;
}

#header span {
position:absolute;
width:100%;
height:100%;
background:url(../img/logo_sinelogic_top.gif) no-repeat;
}

#column-wrapper {
background:url(../img/bg_columnwrapper.gif) repeat-y;
}

#error-message {
font-family:tahoma,verdana,sans-serif;
color:#a00;
font-weight:bold;
text-align:center;
background-color:#fff;
padding:0 0 5px 0;
}

#leftcol {
float:left;
width:408px;
}

#rightcol {
float:right;
width:262px;
}

#quote {
position:relative;
width:408px;
height:256px;
background:#fff url(../img/bg_quote.gif) no-repeat left top;
padding:0 0 8px;
}

#quote img {
position:absolute;
right:47px;
bottom:43px;
}

#info {
width:262px;
height:162px;
background:url(../img/bg_info.gif) no-repeat left top;
}

#countdown {
width:262px;
height:86px;
margin:0;
padding:8px 0;
background-color:#fff;
}

#buybuttons {
position:relative;
width:262px;
height:86px;
margin:0;
padding:8px 0;
background:#fff url(../img/bg_buybuttons.gif) no-repeat 0 50%;
}

#singlecopy {
position:absolute;
right:13px;
top:19px;
}

#sitelicense {
position:absolute;
right:9px;
top:58px;
}

#main {
width:408px;
margin:0;
padding:10px 0 0;
color:#000;
background:url(../img/corners_main_top.gif) no-repeat left top;
}

#main-padding {
padding:13px 21px 0;
}

img#showcase {
margin:17px 0 0;
}

#sidebar {
width:262px;
margin:0;
padding:10px 0 0;
background:url(../img/corners_sidebar_top.gif) no-repeat left top;
}

#sidebar-padding {
padding:12px 20px 0;
}

#sidebar div.entry {
padding-bottom:10px;
}

#sidebar div.entry img.photo {
float:left;
margin-right:8px;
}

#sidebar div.entry img.button-sitelicense {
margin-left:-3px;
padding:3px 0 10px;
}

#contact {
clear:both;
width:678px;
margin:0;
padding:0 0 10px;
background:url(../img/corners_contact_bot.gif) no-repeat left bottom;
}

#contact2 {
background:#f3f3f3 url(../img/corners_contact_top.gif) no-repeat left top;
padding:28px 0 0;
}

#download #contact2, #thankyou #contact2 {
background:#f3f3f3 url(../img/corners_download_top.gif) no-repeat left top;
padding:10px 0 0;
}

#contact3 {
width:100%;
height:100%;
background:url(../img/rails_contact.gif) repeat-y;
padding:5px 0 0;
}

#text-wrapper {
float:left;
width:338px;
}

#thankyou #text-wrapper {
float:left;
width:auto;
}

#text-wrapper div {
padding:5px 22px 0;
}

#form-wrapper {
float:right;
width:339px;
margin:0 0 5px;
border-left:1px solid #e1e1e1;
}

#form-error {
margin-left:15px;
}

#logo {
margin:30px auto;
width:107px;
height:27px;
background:url(../img/logo_sinelogic_bot.gif) no-repeat;
}


/* forms
----------------------------------------------- */
form {
width:292px;
margin:0 23px 0;
padding:6px 0 5px;
}

form div.name {
float:left;
width:146px;
}

form div.phone {
float:right;
width:146px;
}

label {
display:block;
color:#333;
margin:0 0 3px;
}

label span {
color:#a00;
}

input, select, textarea {
display:block;
margin:0 0 10px;
padding:0;
border:1px solid #ccc;
font-family:tahoma, verdana, sans-serif;
font-size:11px;
color:#444;
}
input.submit {border:none;}

.subject {
margin-bottom:10px;
}

input, textarea {padding:2px;}

textarea {
width:288px;
height:120px;
margin:0 0 18px;
}

/* hide from IE5-Mac \*/
* html #contact form textarea {width:285px;}
/* stop hiding from IE5-mac */

input#name {width:120px;}
input#phone {width:120px;}
input#email {width:170px;}
select#subject {width:170px;}

input.hidden {display:none;}


/* headings
----------------------------------------------- */
h1 {
font-size:14px;
}

#main h2 {
position:relative;
margin:32px 0 0;
padding:0;
width:201px;
height:27px;
font-size:12px;
}

h2#aboutthiswebsite span {background:url(../img/bg_heading_aboutthiswebsite.gif) no-repeat;}
h2#showmesomething span {background:url(../img/bg_heading_showmesomething.gif) no-repeat;}
h2#whatwedo span {background:url(../img/bg_heading_whatwedo.gif) no-repeat;}

#contact h2 {
position:relative;
margin:0;
padding:0 0 14px;
width:264px;
height:44px;
font-size:12px;
}

#contact h2 span {background:url(../img/bg_heading_hireus.gif) no-repeat;}

#download #contact h2 span {background:url(../img/bg_heading_download.gif) no-repeat;}

#thankyou #contact h2 {
width:auto;
height:auto;
padding:0;
color:#333;
}

#main h2.first, #contact h2.first {margin:0;}

#main h2 span, #contact h2 span {
position:absolute;
width:100%;
height:100%;
}

#sidebar h3 {
margin-top:0;
color:#B03D3B;
font-size:11px;
font-weight:normal;
}


/* text
----------------------------------------------- */
#main p {
line-height:16px;
color:#666;
}

#main p.note {
color:#aaa;
}

#sidebar p {
line-height:16px;
color:#888679;
}

#contact p {
padding-left:3px;
line-height:16px;
color:#666;
}

#thankyou #contact p {
padding-left:0;
}

#contact p span {
color:#333;
background-color:#ff9;
}


/* lists
----------------------------------------------- */


/* links
----------------------------------------------- */
p.moreinfo span a {
padding-bottom:1px;
color:#333;
border-bottom:1px solid #ccc;
text-decoration:none;
}

p.moreinfo span a:hover {
color:#f60;
}

p.moreinfo span {
padding-left:14px;
background:url(../img/icon_arrow_orange.gif) no-repeat 0 50%;
}



/* footer
----------------------------------------------- */
#footer {text-align:center;}

#footer hr {display:none;}

#footer p {color:#999;}


/* misc
----------------------------------------------- */
div.clear {
clear:both;
line-height:0;
height:0;
}

.error {color:#a00;font-weight:bold;}