/* layout
----------------------------------------------- */
#wrapper {
margin:0 auto;
width:750px;
text-align:left;
}
#wrapper-padding {
padding:25px;
}


a#logo {
text-indent:-5000px;
position:absolute;
left:0;
top:0;
width:200px;
height:51px;
}

body#homepage a#logo {display:none;}

a#clientlogin {
text-indent:-5000px;
position:absolute;
right:14px;
top:18px;
width:71px;
height:15px;
font-size:11px;
background:url(../images/button_clientlogin_green_home.gif) no-repeat 0 0;
}



/* client quote on homepage */
#randomquote {
width:498px;
height:140px;
margin:-1px 0 0 -8px;
background:url(../images/bg_homepagequote.gif) no-repeat;
}

/* news blocks on homepage */
#news {
margin:10px 0 0;
width:490px;
}

#newsleft {
float:left;
margin:0 0 10px;
width:238px;
height:104px;
background:#F5FBE8 url(../images/bg_newsblock.gif);
border:1px solid #E4F0CB;
}
#newsright {
float:right;
margin:0 0 10px;
width:238px;
height:104px;
background:#F5FBE8 url(../images/bg_newsblock.gif);
border:1px solid #E4F0CB;
}

#news h4 {
float:left;
margin:7px 5px 0 8px;
font-size:10px;
color:#5A7A17;
padding:0 11px 0 0;
background:url(../images/icon_clock.gif) no-repeat right 3px;
}
#main #news p.newsdate {
margin:2px 0 0;
font-size:9px;
color:#799A34;
border:none;
}
#main #news p {
margin:0 8px 0 8px;
padding:3px 0 0;
font-size:11px;
color:#344C04;
border-top:1px solid #D3E5AE;
}

#newsfooter {
clear:both;
margin:10px 0 0;
height:23px;
background:#FFFFE5 url(../i/bg_newsfooter.gif);
border:1px solid #F2F2D7;
}
#news #newsfooter p {padding-top:2px;font-size:10px;font-weight:bold;border:none;}

#main #newsfooter a {
color:#A1A180;
padding-left:7px;
background:url(../images/icon_newsarrow.gif) no-repeat 0 50%;
}
#main #newsfooter a:visited {color:#A1A180;}
#main #newsfooter a:hover {color:#7E7E35;}


/* sidebar and sidebar boxes */
#sidebar {
float:right;
width:202px;
}

/* sidebar boxes */
#sidebar .box {
width:202px;
padding:7px 0 0;
margin-bottom:8px;
background:#ffc url(../images/corners_top_sidebar_yellow.gif) no-repeat left top;
}
#sidebar .box div {
background:url(../images/corners_bottom_sidebar_yellow.gif) no-repeat left bottom;
padding:0 0 7px;
}
#sidebar .box div div {
background:url(../images/rails_sidebar_yellow.gif) repeat-y left top;
padding:0 10px 0;
}

#sidebar .gray {background:#f8f8f8 url(../images/corners_top_sidebar_gray.gif) no-repeat left top;}
#sidebar .gray div {background:url(../images/corners_bottom_sidebar_gray.gif) no-repeat left bottom;}
#sidebar .gray div div {background:url(../images/rails_sidebar_gray.gif) repeat-y left top;}

#sidebar .green {background:#EBF7D2 url(../images/corners_top_sidebar_green.gif) no-repeat left top;}
#sidebar .green div {background:url(../images/corners_bottom_sidebar_green.gif) no-repeat left bottom;}
#sidebar .green div div {background:url(../images/rails_sidebar_green.gif) repeat-y left top;}




/* headings
----------------------------------------------- */
h1 {
font-size:16px;
color:#444;
padding:0 0 0 17px;
margin:7px 0 8px;
background:url(../images/icon_heading_green.gif) no-repeat left;
}
h1 em, #sidebar h3 em {
font-style:normal;
font-weight:normal;
color:#99bb54;
}

h1 a {color:#444;}
h1 em a {color:#99bb54;}

h2 {
font-size:16px;
color:#8CB53F;
margin-bottom:-13px;
}
.workcolumn h2 {margin:0 0 8px;}
body.servicemanager h2 {margin-bottom:11px;}

h2 em {
display:block;
font-size:70%;
color:#4B6912;
font-style:normal;
}

h3 {
font-size:14px;
color:#444;
margin-bottom:-12px;
}
#main .casecolumn-right h3 {margin-bottom:0;}

#sidebar h3 {
font-size:14px;
color:#444;
padding:0;
margin:0 0 3px;
}
#sidebar .contact h3 {margin:0;}


/* text
----------------------------------------------- */
#main p {
font-size:13px;
line-height:18px;
color:#444;
}
#main .casecolumn-right p {margin-top:0;}

#main p.readmore {color:#999;}

#main p img.inset {
float:left;
margin:0 10px 0 0;
padding:3px;
border:1px solid #e6e6e6;
}

#main p span {background-color:#ffc;}

#main .clients {
font-size:13px;
font-weight:bold;
color:#8CB53F;
}

p#screenshotnav {
margin:0;
padding-right:2px;
text-align:center;
font-size:11px;
font-weight:bold;
color:#acacac;
}
p#screenshotnav a {
color:#acacac;
border:none;
}
p#screenshotnav a:hover {
color:#777;
border:none;
}

p#quote {
margin:5px 0;
padding:13px 2px 0 9px;
font-family:georgia,'times new roman',serif;
font-size:16px;
line-height:130%;
font-style:italic;
color:#aaa;
background:url(../images/quote.gif) no-repeat 0 0;
}

p#quotecredit {
margin:0;
padding:0 8px;
font-size:11px;
line-height:11px;
font-style:italic;
color:#ccc;
text-align:right;
}
p#quotecredit em {font-size:95%;}

#sidebar p {
margin:0;
padding:0;
font-size:11px;
line-height:17px;
}
#sidebar .contact p {color:#535947;}

#footer p {
padding:0;
margin:0;
font-size:10px;
line-height:10px;
color:#b4b4b4;
}
p#footer-left {float:left;}
p#footer-right {float:right;}

#footer a {color:#b4b4b4;}
#footer a#contactlink {padding-left:19px;padding-bottom:2px;background:url(../images/icon_email.gif) no-repeat 0 50%;}
#footer a:hover {color:#888;}


/* lists
----------------------------------------------- */
#main ul {
font-size:13px;
line-height:18px;
color:#444;
margin:5px 0 0;
padding-left:30px;
padding-bottom:10px;
list-style:none;
}
#main ul li {
padding-left:10px;
background:url(../images/icon_doublearrow_gray.gif) no-repeat 0 50%;
}

#main ol {
font-size:13px;
line-height:18px;
color:#444;
margin:5px 0 0;
padding-bottom:10px;
}

#main ul.work {
list-style:none;
margin:0;
padding:0;
}

#main ul.work li {
font-size:13px;
line-height:15px;
font-weight:bold;
padding-bottom:10px;
color:#333;
background-image:none;
}
ul.work li strong {
font-size:11px;
color:red;
}
ul.work li span {
font-size:11px;
font-weight:normal;
}

ul.work li a {color:#666;}
ul.work li a.details {margin-right:5px;padding:0 0 0 14px;background:url(../images/icon_details.gif) no-repeat;}
ul.work li a.viewsite {padding:0 0 0 16px;background:url(../images/icon_viewsite.gif) no-repeat;}
ul.work li a:visited {color:#999;}
ul.work li a:hover {color:#333;}

#sidebar ul {
list-style:none;
margin:0;
padding:0;
font-size:11px;
line-height:17px;
}

#sidebar .services li {
padding:0 0 0 11px;
color:#595947;
background:url(../images/icon_doublearrow_yellow.gif) no-repeat left;
}

#sidebar .clientlist li {font-weight:bold;}

#sidebar .gray li {
padding:0 0 0 11px;
color:#666;
background:url(../images/icon_doublearrow_gray.gif) no-repeat left;
}

#sidebar li a {color:#555;}
#sidebar li a:visited {color:#999;}
#sidebar li a:hover {color:#222;}

#sidebar li.link {background:url(../images/icon_doublearrow_green.gif) no-repeat left;}
#sidebar p.link a {background:url(../images/icon_doublearrow_green.gif) no-repeat left;padding-left:10px;}

#sidebar .link a {color:#76b400;font-weight:bold;}
#sidebar .link a:visited {color:#76b400;}
#sidebar .link a:hover {color:#629500;}



form {
margin:0;
padding:5px 10px;
background:#f7f7f7 url(../images/bg_form.gif);
font-size:80%;
border:1px solid #eee;
}

form#contactus {margin-bottom:10px;}

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

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

label {
display:block;
color:#333;
margin:0;
}
label span {color:#c00;}

input.text, 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.hidden {display:none;margin:0;border:0;}

.subject {margin-bottom:10px;}

input.text, textarea {padding:2px;}

textarea {
width:350px;
height:120px;
margin:0 0 5px;
}

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

input.hidden {display:none;}


/* error classes
----------------------------------------------- */
p.error {
color:#c00;
font-weight:bold;
}

label.error {
color:white;
background:#c00 url(../images/icon_formerror.gif) no-repeat 3px 50%;
font-weight:bold;
padding:1px 1px 1px 17px;
}


/* service manager
----------------------------------------------- */
table.servicedetail {
width:100%;
padding:7px;
border:0;
border-top:1px solid #ededed;
background-color:#f7f7f7;
font-size:12px;
color:#333;
}
table.servicelist {
width:100%;
padding:0;
border:0;
font-size:12px;
color:#333;
}

table.servicelist thead tr th {font-size:11px;padding:3px;text-align:left;background-color:#555;color:#fff;}
table.servicelist tr td {padding:4px 3px;border-top:1px solid #ededed;background-color:#f7f7f7;}

table.even, table.servicelist tr.even td {background-image:url(../images/bg_servicepattern.gif);}

.servicedetail a {color:#999;padding:1px;}
.servicedetail a:hover {color:#666;text-decoration:none;}

.servicelist th a {color:#fff;}
.servicelist th a:hover {color:#ccc;}

/* status bar */
.status {
width:202px;
border:1px solid #BAD88D;
background-color:#EBF7D2;
text-align:left;
}
.status div {
width:0;
height:10px;
background-color:#D2EBAC;
}

.s5 div {width:5%;}
.s10 div {width:10%;}
.s15 div {width:15%;}
.s20 div {width:20%;}
.s25 div {width:25%;}
.s30 div {width:30%;}
.s35 div {width:35%;}
.s40 div {width:40%;}
.s45 div {width:45%;}
.s50 div {width:50%;}
.s55 div {width:55%;}
.s60 div {width:60%;}
.s65 div {width:65%;}
.s70 div {width:70%;}
.s75 div {width:75%;}
.s80 div {width:80%;}
.s85 div {width:85%;}
.s90 div {width:90%;}
.s95 div {width:95%;}
.s100 div {width:100%;}


/* miscellaneous
----------------------------------------------- */
hr {
text-align:left;
margin-left:0;
margin-bottom:15px;
height:1px;
width:480px;
background-color:#fff;
color:#fff;
border:none;
border-bottom:1px dashed #ddd;
}

.description hr {margin-bottom:0;}

/* used on View Browser Source page */
dfn {
font-style:normal;
border-bottom:1px dotted #999;
}

.download a {
font-weight:bold;
padding-left:20px;
background:url(../images/icon_disk.gif) no-repeat 0 50%;
}


#notice {
margin:0;
padding:10px;
font-size:11px;
font-family:'lucida grande',arial,sans-serif;
text-align:center;
color:#fff;
background-color:#900;
border-bottom:1px solid #111;
}
#notice a {color:#fff;font-weight:bold;padding:1px;}
#notice a:hover {color:#333;background-color:#fff;text-decoration:none;}