/**Author Name: Gen 
 Developed in Vin Labs 
 Copyright at gendesigns.blogspot.com 
 ProjectName: Computer Zone **/
* { margin: 0px; padding: 0px; }*
body{ color: #dcdcdc; background: url(../images/background.jpg) top center repeat-x; font: 14px normal small gillsans, "gill sans", arial, helvetica, sans-serif;line-height: 1.6em; margin: 0; }
/**Common**/

ul { margin-left: 25px; margin-bottom: 10px; }

/**Wrapper **/
.wrapper { width: 960px; margin: 0 auto; }

#logo{ float: left; text-indent: -9000px; background: url(../images/logo.jpg) top center no-repeat; display: block; width: 500px; height: 275px; margin-left: 20px; }
/**Menu***/
xul{ list-style: none; }
#menu ul { margin: 0; }
#menu li { list-style: none; }
#menu{ padding-top: 100px; }
#menu li{ font: bold 12px gillsans, "gill sans", arial, helvetica, sans-serif; text-transform: lowercase; padding: 0;  }
#menu li a{ text-align: center; color: #fff; float: left; margin-right: 1px; text-decoration: none; font-size: 1.1em; padding: 7px 11px; margin: 0 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
#menu{ margin-left: 520px; }
#menu a:hover{ color: #fff; background: #2D7196; }
#menu li#current a,
#menu li#current a:hover{ background: #B75457; cursor: default; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;  -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0;  }

#content{ height: auto; color: #666; padding: 20px 0; clear: both; }

a:link{ color: #2D7196; }
a:visited{ color: #65A7BD; }
a:hover{ text-decoration: none; }

#slider-stage{width: 920px; overflow: auto; overflow-x: hidden; overflow-y: hidden; height: 405px; margin: 0 auto; }
#slider-buttons{width: 920px; margin: 0 auto; padding-left: 20px; }
#slider-list{width: 1920px; border: 0; margin: 0; padding: 0; }
#slider-list li{ list-style: none; margin: 0; padding: 0; border: 0; margin-right: 10px; float: left; width: 300px; height: 400px; }
#slider-list h1{ padding: 15px 0 15px 0; font: 30px gillsans, "gill sans"; text-transform: lowercase; }
#slider-list a{ display: block; text-decoration: none; height: 380px; padding: 10px; border: 1px dotted transparent; }
#slider-list a:link,
#slider-list a:visited{ color: #000; }
#slider-list a:link h1,
#slider-list a:visited h1{ color: #2D7196; border-bottom: 2px dotted #d3d3d3; margin: 14px 0; padding: 0 0 8px 0; }
#slider-list a:hover h1{ color: #B75457; border-color: #B75457; }
#slider-list a:hover{ background: #fff; border-color: #B75457; }
#slider-list a img{ /*width: 280px;*/ border: none; }

#body{ width: 600px; padding: 0 0 30px 0; margin-left: 340px; }
#spotlight{ margin: 0; padding: 0 0 0 30px; float: left; width: 300px; height: 400px; }

h1{ font: 30px gillsans, "gill sans"; text-transform: lowercase; margin: 0 0 10px 0; padding: 0; color: #B75457; }
p{ margin: 0 0 10px 0; padding: 0;  }

.figure-a{ display: block; margin: 0 auto; }
.figure-b{ float: right; margin: 0 0 10px 10px; }
.figure-c{ float: left;; margin: 0 10px 10px 0; }

#portfolio{ float: left; padding: 0 0 30px 0; }
#portfolio h1,
#portfolio p{ padding-left: 30px; }
#portfolio ul{ margin: 0; padding: 0 0 0 20px; }
#portfolio li{ display: block; float: left; width: 300px; margin-right: 10px; }
#portfolio li a{ display: block; padding: 10px; border: 1px dotted transparent; }
#portfolio li a:hover{ background: #fff; border-color: #B75457; }

fieldset{ padding: 0; border: none; }
label{ padding: 10px 0 0 0; display: block; color: #2f2f2f; }
#budget-area{ background:url(../images/horizontal.jpg) 0 8px no-repeat; height:23px; width:200px; margin:0 0 5px 0; }
#budget-slider{ background:url(../images/slider.png) no-repeat; width:33px; height:23px; cursor:pointer; }

#footer{ height: 270px; margin-top: 25px; margin-bottom: 0; clear: both; }
#footer .wrapper{ border-top: 2px dotted #65A7BD; }
#lcontain{ width: 300px; float: left; margin-left: 5px; margin-top: 7px; padding: 0 10px 0 10px; }
#rcontain{ float: right; width: 630px; margin-right: 5px; margin-top: 7px; }
#rcontain h1,#lcontain h1{ color: #2f2f2f; font: bold 14px gillsans, "gill sans"; text-transform: lowercase; padding: 15px 0px 0px 15px; }
#rcontain p{ color: #2f2f2f; padding: 10px 10px 0 15px; }
#lcontain p,#lcontain h2{ color: #2f2f2f; padding-left: 15px; }
#lcontain h2{ font-size: 1.1em; font-family: arial; padding: 10px 10px 0 15px; }
#lcontain a { }
.col{ float: left; width: 280px; padding-left: 15px; }
.col li a{ float: none; text-decoration: underline; }
.col li a:hover{ text-decoration: none; }

.clear{ clear: both; height: 1px; width: 100%; }

img.right { float: right; margin-left: 5px; }
img.left { float: left; margin-right: 5px; }
.border { padding: 10px; border: 3px solid #dcdcdc; }

.vcard li
{
    color: #2f2f2f;
    list-style: none;
}

.service { margin: 10px; }
.service { float: left; width: 250px; height: 200px; border: 2px solid #cccccc; padding: 3px; }

form div { margin-bottom: 3px; }
fieldset { border: 2px solid #cccccc; padding: 10px; float: left; margin-right: 3px; }
legend { font-weight: bold; font-size: 110%; }
.form-element-required { color: #cc0000; }
.form-element-error { color: #cc0000; font-weight: bold; }
.form-error {
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
    background-color: #cc0000;
}

.news-item {
    margin: 5px;
    padding: 5px;
    border-bottom: 1px solid #cccccc;
}

th { font-weight: bold; text-align: left;  }
td { vertical-align: top; }

.legal { text-align: center; color: #666666; }

#other { display: none; }