@charset "UTF-8";
/* CSS Document */

* {
border : 0;
margin : 0;
padding : 0;
}
#laptop {
background : url(/images/3.png) no-repeat;
position : absolute;
top : 0;
left : 0;
width : 205px;
height : 225px;
z-index : 9;
}
#laptop a {
display : block;
overflow : hidden;
margin : 1px 0 0 4px;
text-indent : -99999px;
width : 185px;
height : 211px;
}
h2, h3, h4, h5, h6, hr, p, ol, ul {
margin : 0 0 15px;
}
#sidebar dl, #content p, #content li, #footer p, #footer li {
line-height : 1.5;
}
body {
background : #5699bb url(/images/2.gif) repeat-x center top;
font : 0.8em Trebuchet MS, Verdana, sans-serif;
padding : 20px 0 0;
}

.click a {
color: #fff;
}

a {
color : #33f;
cursor : pointer;
text-decoration : underline;
}
cite {
font-style : normal;
}
hr {
background : #fff;
border-bottom : 1px solid #369;
clear : both;
color : #fff;
}
.clear {
clear : both;
display : block;
overflow : hidden;
width : 0;
height : 0;
}
#container {
margin : 0 auto;
position : relative;
width : 760px;

}
#sidebar {
/*color : #a8b9cf;*/
color: #fff;
float : left;
overflow : hidden;
padding : 235px 20px 0 15px;
width : 145px;
}
#sidebar dt {
color : #fc3;
padding : 10px 0 0;
}
#sidebar dd a {
/*color : #a8b9cf;*/
color: #fff;
}
#sidebar dd a:hover {
color : #fff;
border-bottom: none;
}
#sidebar dd .aside {
color : #708aae;
}
#menu {
list-style : none;
margin : 0 -20px 10px -15px;
}
#menu li {
background : #a8b9cf url(/images/7.png) no-repeat left bottom;
margin : 0 0 5px;
}
#menu li span {
background : url(/images/6.png);
display : block;
font-size : 0;
overflow : hidden;
position : absolute;
top : 0;
left : 0;
width : 10px;
height : 10px;
}

#default #menu-home, #design #menu-design, #hosting #menu-hosting, #about #menu-about, #clients #menu-clients, #seo #menu-seo, #cms #menu-cms, #ecommerce #menu-ecommerce, #membership #menu-membership, #domains #menu-domains, #news #menu-news, #contact #menu-contact {
background : #fff url(/images/8.png) no-repeat left bottom;
border : 0;
}
#default #menu-home span, #design #menu-design span, #hosting #menu-hosting span, #about #menu-about span, #clients #menu-clients span, #seo #menu-seo span, #cms #menu-cms span,  #ecommerce #menu-ecommerce span, #membership #menu-membership span, #domains #menu-domains span, #news #menu-news span, #contact #menu-contact span  {
background-image : url(/images/9.png);
}
#default #menu-home a, #design #menu-design a, #hosting #menu-hosting a, #about #menu-about a, #clients #menu-clients a, #seo #menu-seo a, #cms #menu-cms a,  #ecommerce #menu-ecommerce a, #membership #menu-membership a, #domains #menu-domains a, #news #menu-news a, #contact #menu-contact a {
background : url(/images/14.png) no-repeat right center;
}


#menu a {
color : #18437d;
display : block;
font-family : Trebuchet MS, Georgia, serif;
font-size : 0.9em;
padding : 5px 10px 5px 15px;
position : relative;
text-decoration : none;
}
#menu a:hover {
text-decoration : underline;
}
#main {
float : right;
width : 580px;
}
#content {
background : #fff url(/images/10.png) no-repeat left bottom;
color : #222;
margin : 0 0 10px;
padding : 20px 30px;
position : relative;
width : 520px;
min-height: 850px;
}
#content a:hover {
color : #f90;
}
#content_left_top, #content_right_top {
display : block;
font-size : 0;
overflow : hidden;
position : absolute;
top : 0;
width : 10px;
height : 10px;
z-index : 9;
}
#content_left_top {
background : url(/images/11.png) no-repeat;
left : 0;
}
#content_right_top {
background : url(/images/12.png) no-repeat;
right : 0;
}
#content h1 {
background : url(/images/13.png) no-repeat center center;
font-family : Trebuchet MS, Georgia, serif;
font-size : 30px;
font-weight : normal;
letter-spacing : -1px;
text-align : center;
}
#content h1 span {
background : #fff;
padding : 0 5px;
}
#content h2 {
color : #999;
font-size : 0.9em;
}
#content h3 {
color : #333;
font-size : 0.9em;
}

#content blockquote p {
color : #18437d;
font-family : Trebuchet MS, "Times New Roman", Times, serif;
font-size : 0.9em;
line-height : 1.3;
}
#content blockquote p cite {
color : #000;
display : block;
font-size : 1.0em;
line-height : 1;
}
#content blockquote.pull {
clear : both;
float : right;
padding : 0 0 20px 20px;
width : 170px;
}

#content blockquote.pull img {
border : none;
text-decoration : none;
}

#content p.tagline {
color : #18437d;
font-family : "Times New Roman", Times, serif;
font-size : 1.3em;
font-style : italic;
letter-spacing : 1px;
text-align : center;
}
#content p.authors {
font-family : Trebuchet MS, "Times New Roman", Times, serif;
font-size : 1.0em;
margin-bottom : 20px;
text-align : center;
/*text-transform : lowercase;*/
}
#content p.authors .aside {
color : #999;
font-style : italic;
}
#content ol, #content ul {
margin-left : 20px;
}
#content ul {
list-style : square;
}
#footer {
background : url(/images/5.png) no-repeat;
color : #a8b9cf;
padding : 20px 30px 40px;
position : relative;
width : 520px;
}
#footer a {
color : #a8b9cf;
}
#footer a:hover {
color : #fff;
}
#footer h3 {
color : #fc3;
font-family : Trebuchet MS, Georgia, serif;
font-size : 2.0em;
font-weight : normal;
}
#footer li {
padding : 0 0 0 15px;
list-style : none;
}
#form {
border-right : 1px solid #466997;
float : left;
width : 250px;
}
#footer dt {
padding : 0 0 3px;
}

.zemLabel {
border: none;
}

.zemText, .zemTextarea {
background : #fff;
border : 1px solid #bac7d8;
color : #000;
font : 0.8em Trebuchet MS, Verdana, sans-serif;
margin : 3px 0 10px;
padding : 2px 3px;
width : 230px;
}
.name:focus, #name:focus, .email:focus, #email:focus, .message:focus, #message:focus {
background : #fff;
color : #000;
}
#message {
height : 100px;
overflow : auto;
}
#zemContactForm legend {
color : #fc3;
font-family : Trebuchet MS, Georgia, serif;
font-size : 3em;
font-weight : normal;
margin : 0 0 15px;
}
input.button, #zemSubmit, .zemSubmit {
background : #fc3;
border : 1px solid #f1f3f7;
color : #000;
cursor : pointer;
font : 0.8em Trebuchet MS, Verdana, sans-serif;
overflow : visible;
padding : 4px 5px;
width : auto;
}
#misc {
float : right;
width : 250px;
}

.left {
float: left;
padding-right: 5px;
}

.right {
float: right;
padding: 5px;
}

.strong, strong {
font-weight: bold;
}