html {
background-color:#5a5a5a;
}
body {
background:url(images/bg.jpg);
background-repeat:repeat-x;
margin:0; 
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
li, ul{
list-style: none;
padding:0;
margin:0;
}
#footer a { 
color:#fff;
text-decoration:none;
  }
#footer a:visited,a:hover,a:active {
color:#fff;
}

#skin {
width: 770px;
margin:0 auto;
padding:0;
overflow:hidden;
}
#head {
width:770px;
height:110px;
}

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

#nav {
background:url(images/bg_cont.jpg) no-repeat;
background-color:#FFFFFF;
height:60px; 
padding-top:8px;
}

#mynav {
position:relative;
margin:0px;
padding:0px;
}
#mynav li {
float:left;
list-style-type:none;
}
#mynav li a{
position:absolute;
top:0px;
margin:0px;
padding:0px;
display:block;
background:url(images/nav.gif);
text-indent:-9999px;
height:56px;
}
li#home a{
left:25px;
width:80px;
background-position:0 0;
}
li#home a:hover{ 
background-position:358px 0;
}
#bodyhome li#home a{
background-position:358px 0;
}

li#services a{
left:105px;
width:100px;
background-position:-82px 0;
}
li#services a:hover{ 
background-position:-440px 0;
}
#bodyservices li#services a{
background-position:-440px 0;
}

li#whyhireus a{
left:200px;
width:117px;
background-position:-180px 0;
}
li#whyhireus a:hover{ 
background-position:-538px 0;
}
#bodywhyhireus li#whyhireus a{
background-position:-538px 0;
}

/*---- -----*/

#body {
height:446px;
background-color:#FFFFFF;
}
#cont {
background:url(images/cont.jpg) no-repeat;
width:496px;
height:446px; 
float:left;
}
#sub_cont {

width:262px;
height:448px;
float:right;
padding-right:12px;
}
#bodyservice {
background-color:#FFFFFF;
}
#blog {
background:url(images/blog.jpg) no-repeat center top;
height:540px;
}
#footer {
background-color:#000;
text-align:center; font-size:10px;
color:#FFFFFF;
width:770px;
height:39px; 
padding-top:15px;
}

/*-- Sub Nav --*/

#sub_nav {
margin:0;
padding-left:25px;
width:770px;
height:20px;
}

#mysub nav {
  margin: 0;
  padding: 0;
  background: #000;
  list-style-type: none;
  width: 770px;    
  float: left; /* Contain floated list items */
}
#mysub_nav li { 
  margin: 0;
  padding: 0;
  float: left;
  font-size:9px;
}
#mysub_nav a {
float: left;
width: 120px;
color: #000;
text-decoration: none;
text-align: center;
border-right: 1px solid #000;
}
#mysub_nav #mysub_nav_con a {
  border: none;
}
#mysub_nav a:hover {
background: #000;
color:#fff;
}#bodyhigh {
background:url(images/watermarks.jpg) no-repeat bottom right;
margin-right: 30px;
margin-left: 30px;
padding-bottom:30px;
}
#bodyskin {
background-color:#FFFFFF;
overflow:hidden;
}
#websolution {
margin-left:30px;
}
#brochure {
background:url(images/brochure.jpg) no-repeat center top;
height:600px;
}
#flyer{
background:url(images/flyer.jpg) no-repeat center top;
height:590px;
}
#custom{
background:url(images/costom.jpg) no-repeat center top;
height:540px;
}
fieldset{
text-align:right;
margin-right:30%;
margin-left:10%;
padding-right:5%;
}
#msg {
vertical-align: top;
}
#mycontent { 
background:url(images/watermarks.jpg) no-repeat bottom right;
background-color:#FFFFFF;
height: 390px;
}
#myinquiry {
background:url(images/watermarks.jpg) no-repeat bottom right;
background-color:#FFFFFF;
height: 250px;
padding-top:10%;
padding-left:10%;
}
#inq {
text-align:left;
padding-left:10px;
}
#conv {
padding-bottom:20px;
padding-left:63px;
padding-top:520px;
}
#conv1 {
padding-bottom:20px;
padding-left:63px;
padding-top:420px;
}
#error {
width:40%;
float:left;
}
#myerror {
width:60%;
float:right;
}