/* CSS Document */
* {font-family:Arial, Helvetica, sans-serif;}
* {margin:0; padding:0;}

body {background-image:url(images/bodyBg.jpg); background-repeat:repeat-x; font-size:70%; background-color:#333;}

h1 {font-size:130%;}
h2 {font-size:110%;}
h3 {font-size:80%;}


#wrapper {height:100%;margin:0 auto;width:875px;}

#header {float:left;}

#navi ul {float:right; width:510px; margin:0 20px 0 0;}
html>body #navi ul {margin:0 -15px 0 0;}

#navi .nav li {float:left;  list-style:none; color:#fff; text-align:left;}
#navi .nav a { text-decoration:none; color:#fff; display:block; padding:15px 0 5px 18px;}
#navi .nav a:hover {text-decoration:underline; color: #c00;}

body#home #n-home span {text-indent:0px; color: #c00; text-decoration:underline;}
body#about #n-about span {text-indent:0px; color: #c00; text-decoration:underline;}
body#services #n-services span {text-indent:0px; color: #c00; text-decoration:underline;}
body#prices #n-prices span {text-indent:0px; color: #c00; text-decoration:underline;}
body#portfolio #n-portfolio span {text-indent:0px; color: #c00; text-decoration:underline;}
body#contact #n-contact span {text-indent:0px; color: #c00; text-decoration:underline;}
body#clientlogin #n-clientlogin span {text-indent:0px; color: #c00; text-decoration:underline;}


#content {float:left;width:975px; height:575px;background-image:url(images/mainScreen.jpg); background-repeat: no-repeat; }
#content p {margin:0 0 15px 0;}
#content p span {float:left;margin:17px 0 0 24px;}
#content a {color:#fff; text-decoration:none;}
#content a:hover {color:#FF9900; text-decoration:underline;}

#contentLeft {float:left;width:350px; margin:30px 0 0 30px;color:#CCC;}
#contentLeft li {list-style:none;}

#contentRight {float:right;width:350px; margin:30px 175px 0 0;color:#CCC;}
#contentRight li {list-style:none;}
#contentRight img {float:right;}

.form {width:350px; margin:15px 0 0 0;}
#contentLeft table{background-color:#000; color: #fff; width: 350px; border: 1px solid #fff; border-collapse: collapse;}
#contentLeft td{border: 1px solid #fff; padding: 5px;}
.labelcell {font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; background-color: transparent; width: 80px;}
.fieldcell { background-color: #000; color: #fff; text-align: right; margin-right: 0px; padding-right: 0px;} 

.fieldcell input, .fieldcell textarea {
 width: 245px;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #000;
 color: #fff;
 border: 1px solid #333 ;
 margin-right: 0px;
}

#contentLeft .myBtn, #contentLeft .myBtn {
 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #000;
 text-align:right;
 }

.formtext {font-size: 100%; margin:0 5px 0 5px; border: 1px solid #fff;}
.formBtn {font-size: 80%; margin:0 0 0 5px; border: 1px solid #fff;}


#footer {width:875px; padding:0 0 5px 0; color: #fff; text-align:right;margin:-2px 0 0 0;}
#footer a {padding-right:10px;text-decoration:underline; color:#fff;}
#footer a:hover {color:#f00;}


div.clearfloats {clear:both; border:solid 1px #000; visibility:hidden;}
/*<div class='clearfloats'><!--clear the float--></div>*/


/* for Internet Explorer min-width & min-height problem */
/*\*/
* html #HHheader {height: 100px;}

/**/