/* CSS Document */

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

body {
background: #942121 url(images/body_bg.jpg) top center repeat-x;
margin: 0px;
font-family: Calibri, Arial, Helvetica, sans-serif;
padding: 0;
}

h1.home {
font-size: 21px;
font-weight: 100;
padding: 0 0 13px 0;
border-bottom: 1px dotted #ccc;
margin: 0 0 15px 0;
color: #000;
}

h1 {
font-size: 21px;
font-weight: 100;
padding: 0;
margin: 0 0 15px 0;
color: #000;
}

h2 {
margin: 0;
padding: 0;
font-size: 20px;
font-weight: 100;
}

h3 {
font-size: 17px;
padding: 0;
margin: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
font-weight: 100;
color: #444;
}

hr {
height: 1px;
background: none;
border-top: none;
border-bottom: 1px dotted #ccc;
padding: 0;
margin-top: 15px;
margin-bottom: 15px;
}

a {
border: none;
outline: none;
}

a:link, a:visited {
font-size: 14px;
color: #942121;
text-decoration: underline;
}

a:hover {
font-size: 14px;
color: #d96f6f;
text-decoration: underline;
}

img {
border: none;
outline: none;
}

p {
padding: 0;
margin: 0 0 15px 0;
}

form {
margin: 0;
padding: 0;
}

input {
width: 318px;
height: 20px;
color: #444;
border: 1px solid #ccc;
margin: 0 0 10px 0;
padding: 3px 5px 5px 5px;
font-size: 16px;
font-family: "Trebuchet MS", sans-serif;
background: #fff url(images/input_bg.gif) top center no-repeat;
}

input:focus {
border: 1px solid #999;
background: #fff;
}

select {
width: 330px;
height: 30px;
color: #444;
border: 1px solid #ccc;
margin: 0 0 30px 0;
padding: 3px 5px 5px 5px;
font-size: 16px;
font-family: "Trebuchet MS", sans-serif;
background: #fff;
}

textarea {
width: 318px;
height: 100px;
margin: 0px;
padding: 5px;
border: 1px solid #ccc;
overflow: auto;
font-family: "Trebuchet MS", sans-serif; 
color: #444;
font-size: 16px;
background: #fff url(images/textarea_bg.gif) top center no-repeat;
background-position: center;
}

textarea:focus {
border: 1px solid #999;
background: #fff;
}

textarea.big {
width: 648px;
height: 100px;
margin: 0px;
padding: 5px;
border: 1px solid #ccc;
overflow: auto;
font-family: "Trebuchet MS", sans-serif; 
color: #444;
font-size: 16px;
background: url(images/textarea_bg_large.gif) top center no-repeat;
background-position: center;
}

/*-------------Navigation--------------*/

#nav {
width: 883px;
height: 54px;
background: url(images/nav_bg.jpg) top left no-repeat;
margin: 0 0 0 52px;
padding: 0 0 0 12px;
}

ul.nav {
padding: 0;
margin: 0;
list-style: none;
float: left;
}

ul.nav li {
float: left;
display: inline;
margin: 0;
}

ul.nav li a {
cursor: pointer;
display: block;
float: left;
height: 54px;
margin: 0 17px 0 17px;
color: #fff;
font-size: 17px;
text-decoration: none;
padding: 0 1px 0 0;
}

ul.nav li a span {
padding: 0 0 0 15px;
position: relative; 
float:left;
height: 38px;
padding: 16px 15px 0 15px;
}

ul.nav li a.active {
background: url(images/nav_active.gif) bottom center no-repeat;
}

ul.nav li a.active:hover, ul.nav li a:hover {
background: url(images/nav_hover.jpg) no-repeat top right;
color: #fff;
padding: 0 1px 0 0;
}

ul.nav li a.active:hover span, ul.nav li a:hover span {
background: url(images/nav_hover.jpg) no-repeat top left;
}

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

#wrapper {
width: 1000px;
position: relative;
margin: 0 auto;
}

#header {
width: 1000px;
height: 125px;
background: url(images/header_bg.jpg) top left no-repeat;
padding: 232px 0 0 0;
}

#content {
width: 954px;
background: #fff url(images/content_bg.jpg) top center no-repeat;
margin: 0 0 0 23px;
min-height: 370px;
}

#feature {
width: 954px;
height: 292px;
background: url(images/feature_bg.jpg) top left no-repeat;
}

#carousel-wrapper {
width: 778px;
height: 292px;
overflow: hidden;
}

#carousel-content {
width: 4000px;
}

#carousel-content .slide {
float: left;
width: 778px;
height: 292px;
}

#leftArrowBar {
width: 86px;
height: 192px;
float: left;
padding: 100px 0 0 0;
}

#rightArrowBar {
width: 86px;
height: 192px;
float: right;
padding: 100px 0 0 0;
}

#rightArrow a {
float: left;
background: url(images/right_arrow.jpg) top right no-repeat;
display: block;
width: 86px;
height: 88px;
margin: 0;
padding: 0;
outline: none;
}

#rightArrow a:hover {
background-position: right -88px;
}

#leftArrow a {
float: left;
background: url(images/left_arrow.jpg) top right no-repeat;
display: block;
width: 86px;
height: 88px;
margin: 0;
padding: 0;
outline: none;
}

#leftArrow a:hover {
background-position: right -88px;
}

#text {
padding: 0 28px 0 28px;
font-size: 14px;
color: #555;
text-align: justify;
}

#clear {
clear: both;
height: 1px;
line-height: 1px;
background: none;
}

#footerWrap {
width: 100%;
height: 149px;
background: url(images/footer_bottom_bg.jpg) bottom left repeat-x;
}

#footerBottom {
position: relative;
margin: 0px auto; 
height: 80px;
width: 950px;
background: url(images/footer_bg.jpg) top left no-repeat;
font-size: 14px;
color: #fff;
padding: 61px 0 0 50px;
}

#footerBottom a {
font-size: 14px;
color: #fff;
text-decoration: none;
}

#footerBottom a:hover {
color: #ccc
}

#testimonialWrap {
width: 898px;
margin-bottom: 15px;
}

#testimonialTop {
width: 858px;
background: url(images/testimonial_top.gif) top left no-repeat;
padding: 20px 20px 5px 20px;
}

#testimonialBottom {
width: 823px;
height: 23px;
color: #444;
padding: 20px 0 0 75px;
background: url(images/testimonial_bottom.gif) top left no-repeat;
}

#hostingImg {
width: 222px;
height: 263px;
float: right;
}

#showcase {
width: 500px;
float: right;
padding: 30px 0 0 30px;
border-left: 1px dotted #ccc;
}

#showcaseText {
width: 220px;
padding: 0 0 30px 30px;
}