/* CSS Document */

/*-------------Custom Global Tags-----------------*/

body {
background: #505050;
padding-top: 10px;
padding-bottom: 30px;
margin: 0px;
font-family: "Trebuchet MS", sans-serif; 
}

p {
margin: 0px;
padding: 0px;
margin-bottom: 20px;
}

a img,:link img,:visited img { border: none; }

h1 {
color: #f8f8f8;
font-family: "Trebuchet MS", sans-serif; 
font-size: 18px;
margin: 0px;
}

h2 {
color: #f8f8f8;
font-family: "Trebuchet MS", sans-serif; 
font-size: 15px;
margin: 0px;
}

input {
background-attachment: fixed;
background: #FFF url(images/input_bg.gif) bottom left repeat-x;
color: #555;
border: 1px solid #444;
margin: 0px;
padding: 2px;
}

input:focus {
background: #FFF;
border: 1px solid #444;
}

textarea {
width: 2.8in;
height: 10.4em;
margin: 0px;
padding: 5px;
border: 1px solid #444;
background: #FFF url(images/textarea_bg.gif) bottom left repeat-x;
overflow: auto;
font-family: "Trebuchet MS", sans-serif; 
color: #555 !important;
font-size: 14px;
}

textarea:focus {
background: #FFF;
}

input.mailinglist {
background-attachment: fixed;
background: #FFF;
color: #999;
border: 1px solid #FFF;
margin: 0px;
padding: 0px;
}

input:focus.mailinglist {
background: #FFF;
border: 1px solid #264f65;
}

hr {
border: none 0;
width: 100% ;
height: 1px;
border-top: 1px dashed #676767;
}

#right a:link {
font-size: 14px;
text-decoration: underline;
color: #a9def9;
}

#right a:visited {
font-size: 14px;
text-decoration: underline;
color: #a9def9;
}

#right a:hover {
color: #fff;
text-decoration: underline;
}

ul {
padding-left: 20px;
}

/*--------------Special-------------------*/

.centeralign {
text-align: center;
}

.delButton {
float: right;
margin-top: -17px;
}

.req {
color: #3a9c1c;
}

.portfolioTitle {
font-size: 20px;
color: ccc;
}

a.designThumb img {
filter:alpha(opacity=100);
opacity: 1.00;
border: 1px solid #333;
}

a.designThumb:hover img {
filter:alpha(opacity=65);   
opacity: 0.65;
}

#adminNav a:link, a:visited {
font-size: 12px;
text-decoration: none;
color: #daf0fc;
}

#adminNav a:hover {
font-size: 12px;
color: #FFF;
text-decoration: underline;
}

#order a {
background: url(images/order.gif) 0 0 no-repeat;
display:block;
width: 130px;
height: 43px;
}

#order a:hover {
background-position: -130px 0;
}

/*-------------Main Nav-------------------*/

#menuWrap {
height: 38px;
text-align: left;
margin-right: 17px;
margin-left: 17px;
}

#topmenu {
padding-left: 130px;
height: 40px;
padding-top: 4px;
font-size: 14px;
}

#topmenu ul {
margin: 0px;
list-style: none;
display: inline;
font-family: "Trebuchet MS", sans-serif;
}


#topmenu li {
float: left;
background:url("images/tm_left.gif") no-repeat left top;
margin-left: 4px;
padding:0 0 0 15px;
}


#topmenu a {
float: left;
display:block;
background:url("images/tm_right.gif") no-repeat right top;
padding: 12px 19px 6px 4px;
text-decoration:none;
font-weight: bold;
font-size: 14px;
color: #333;
}


#topmenu a:link, a:visited {
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/

#topmenu a {float:none;}

/* End IE5-Mac hack */


#topmenu a:hover {
color: #d7e7e7;    
}


#topmenu #current {
background-image:url("images/tm_left_on.gif");
}


#topmenu #current a {
background-image:url("images/tm_right_on.gif");
color:#333;
}


#topmenu #current a:hover {
color:#7b7d7d;    
}


/*-------------Layout Divs--------------*/

#wrapperTop {
width: 900px;
height: 57px;
background: url(images/body_bg_top.gif) bottom center no-repeat;
position: relative;
margin: 10px auto; 
margin-bottom: 0px;
}

#wrapperCenter {
width: 856px;
background: url(images/body_bg_center.gif) top center repeat-y;
position: relative;
margin: 10px auto; 
margin-top: 0px;
margin-bottom: 0px;
padding-left: 44px;
}

#wrapperBottom {
width: 900px;
height: 45px;
background: url(images/body_bg_bottom.gif) top center no-repeat;
position: relative;
margin: 10px auto; 
margin-top: 0px;
margin-bottom: 0px;
}

#header {
width: 810px;
height: 150px;
margin-bottom: 10px;
background: #555 url(images/header.jpg) top left no-repeat;
}

#content {
width: 810px;
}

#left {
float: left;
width: 220px;
}

#rightWrap {
float: right;
width: 580px;
}

#rightTop {
width: 560px;
height: 27px;
background: #555 url(images/right_top.gif) top left repeat-x;
padding-top: 3px;
padding-left: 20px;
color: #fff;
}

#right {
width: 540px;
min-height: 350px;
background: #555 url(images/right_bg.gif) bottom left repeat-x;
padding: 20px;
padding-top: 10px;
color: #fff;
font-size: 14px;
}

* html #right {height: 350px;}  /* IE min-height hack */


#rightWrapFull {
float: right;
width: 810px;
}

#rightTopFull {
width: 790px;
height: 27px;
background: #555 url(images/right_top.gif) top left repeat-x;
padding-top: 3px;
padding-left: 20px;
color: #fff;
}

#rightFull {
width: 770px;
min-height: 350px;
background: #555 url(images/right_full_bg.gif) bottom right no-repeat;
padding: 20px;
padding-top: 10px;
color: #fff;
font-size: 13px;
}

* html #rightFull {height: 350px;}  /* IE min-height hack */

#clear {
clear: both;
height: 20px;
}


#footer{
width: 810px;
text-align: right;
font-size: 11px;
color: #ccc;
}

#bottomFooter{
width: 900px;
text-align: center;
font-size: 11px;
color: #999;
position: relative;
margin: 10px auto;
margin-top: 0px;
}

#bottomFooter a:link, a:visited{
color: #fff;
text-decoration: underline;
font-size: 12px;
}

#bottomFooter a:hover{
color: #353343;
text-decoration: underline;
}

#mailingList {
width: 220px;
height: 50px;
padding-top: 40px;
text-align: center;
background: url(images/mailinglist.gif) top left no-repeat;
margin-bottom: 10px;
}

#portfolioAd a {
background: url(images/view_portfolio.gif) 0 0 no-repeat;
display:block;
width: 220px;
height: 90px;
margin-bottom: 10px;
}

#portfolioAd a:hover {
background-position: -220px 0;
}

#smallTestWrap {
width: 220px;
}

#smallTestTop {
height: 40px;
background: #77cd69 url(images/testimonials_top.gif) top left no-repeat;
}

#smallTest {
width: 190px;
min-height: 255px;
background: #94dd7a url(images/testimonials_center.gif) bottom left repeat-x;
font-size: 12px;
line-height: 17px;
padding: 15px;
padding-top: 0px;
color: #222;
}

* html #smallTest {height: 255px;}  /* IE min-height hack */

#contactInfo {
float: right;
width: 235px;
}

#post {
padding: 5px;
background: #696969;
margin-bottom: 10px;
}

#adminNav {
width: 200px;
height: 210px;
padding-top: 40px;
padding-left: 20px;
background: url(images/adminnav_bg.gif) top left no-repeat;
}

#testimonial {
width: 495px;
border: 1px solid #6b6b6b;
padding: 20px;
margin-bottom: 15px;
background: #4d4d4d url(images/testimonial_bg.gif) bottom right no-repeat;
}

#submitTestimonial {
width: 220px;
height: 61px;
}

#hostPlan {
float: left;
width: 166px;
margin-right: 20px;
padding-bottom: 5px;
background: #555;
}

#image {
float: left;
width: 82px;
height: 82px;
border: 1px solid #777;
margin-right: 14px;
margin-bottom: 14px;
padding: 4px;
}

#portfolio {
width: 579px;
}

#showcase {
float: right;
width: 250px;
margin-bottom: 20px;
}

#showcaseText {
float: left;
text-align: left;
padding-left: 50px;
}

#form {
float: left;
width: 441px;
height: 296px;
padding: 0px;
background: url(images/form_bg.gif) top left no-repeat;
margin-left: 20px;
margin-top: 20px;
padding: 40px 0 40px 40px;;
color: #000;
}

#webdesign {
width: 530px;
margin: 0 0 10px 30px;
}

#printdesign {
width: 530px;
margin: 0 0 10px 30px;
}

#logodesign {
width: 530px;
margin: 0 0 10px 30px;
}