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

/* GLOBAL RULES */

body { font: 11px Verdana, Arial, Helvetica, sans-serif; background: url(../images/bg.jpg); background-color: #ccc; padding: 0 0 0 0; margin: 0 0 0 0; }
h1 { color: #231f20; font-size: 14px; font-weight: bold; }
h2 { color: #023f6e; font-size: 12px; font-weight: bold;  }
p { margin: 1em 0 1em 0; }
hr { width:760px; }
img { border: none; }
.clear { clear: both; }

/* WRAPPER / CONTAINER */

#wrapper { width: 807px; height: auto; margin: 0em auto 0 auto; background:#000; padding:0 ; }
#container { width: 789px; height: auto; margin: 0em auto 0 auto; background:#fff; }

/* LOGO */

.headerlogo { float:left; background:url(../images/header-logo.gif) no-repeat; height:82px; width:789px; }

/* NAVIGATION */

#nav { float:left; height:45px; }

#nav ul { list-style-type : none;  position : relative;  width : 789px;  height : 45px;  margin : 0;  padding : 0; }

li#logo { position : absolute;  top : 5px;  left : 0px;  width : 309px;  height : 45px;  background : url(../images/nav/nav1.gif) no-repeat 0 0; }
li#n1 { position : absolute;  top : 5px;  left : 309px;  width : 79px;  height : 45px;  background : url(../images/nav/home.gif) no-repeat 0 0; }
li#n2 { position : absolute;  top : 5px;  left : 388px;  width : 79px;  height : 45px;  background : url(../images/nav/about.gif) no-repeat 0 0;}
li#n3 { position : absolute;  top : 5px;  left : 466px;  width : 88px;  height : 45px;  background : url(../images/nav/services.gif) no-repeat 0 0; }
li#n4 { position : absolute;  top : 5px;  left : 554px;  width : 76px;  height : 45px;  background : url(../images/nav/work.gif) no-repeat 0 0; }
li#n5 { position : absolute;  top : 5px;  left : 630px;  width : 80px;  height : 45px;  background : url(../images/nav/links.gif) no-repeat -0 0; }
li#n6 { position : absolute;  top : 5px;  left : 710px;  width : 79px;  height : 45px;  background : url(../images/nav/contact.gif) no-repeat 0 0; }

#nav a { display : block;  width : 80px;  height : 50px;  text-indent : -9999px;  text-decoration : none; overflow : hidden; }

li#n1 a:hover { position:absolute; bottom:3px; width : 79px;  height : 50px;  background : url(../images/nav/2/home.gif) no-repeat; background-position:right top; }
li#n2 a:hover { position:absolute; bottom:3px; width : 79px;  height : 50px;  background : url(../images/nav/2/about.gif) no-repeat; }
li#n3 a:hover { position:absolute; bottom:3px; width : 88px;  height : 50px;  background : url(../images/nav/2/services.gif) no-repeat; }
li#n4 a:hover { position:absolute; bottom:3px; width : 76px;  height : 50px;  background : url(../images/nav/2/work.gif) no-repeat; }
li#n5 a:hover { position:absolute; bottom:3px; width : 80px;  height : 50px;  background : url(../images/nav/2/links.gif) no-repeat; }
li#n6 a:hover { position:absolute; bottom:3px; width : 79px;  height : 50px;  background : url(../images/nav/2/contact.gif) no-repeat; }

/*BODY*/

#body{ width:789px; }
#body hr { width:759px; padding:0 0 0 17px; }
#sub_header{ width:789px; height:36px; padding-top: 10px; }
.left { float:left; }
.right { float:right; }
#text { height:320px; width:309px; padding: 5px 21px 30px 23px; float:left; }
#text a { color:#8e8e17; text-decoration:none; }
#text a:hover { color:#000; text-decoration:underline;}
.heading { font-family: Georgia, "Times New Roman", Times, serif !important; font-size:11px; color: #8e8e17; font-weight:bold;  }

/*ABOUT PAGE*/

.about_heading { padding: 10px 0 0 17px; }
#about_text { width:789px; font-size:10px; }
#about_text a { color:#747411; text-decoration:none; font-weight:bold; }
#about_text a:hover { color:#000; text-decoration:underline;}

p.p1 { width:365px; padding: 0 0 0 17px; float:left; text-align:justify; line-height:1.7em; }
p.p2 { width:235px; padding: 0 0 0 17px; float:left; text-align:justify; line-height:1.7em; }
p.p3 { width:365px; padding: 0 0 0 17px; float:left; text-align:justify; line-height:1.7em;  }

/*SERVICES PAGE*/

.services_heading { padding: 10px 0 0 17px; }
.services_text { width:235px; font-size:10px; float:left; }

p.p4 { width:225px; padding: 0 0 0 17px; float:left; line-height:1.7em; }
p.p5 { width:140px; padding: 0 0 0 35px; float:left; line-height:1.7em; }
p.p6 { float:right; line-height:1.7em; }

ul.u1 { padding: 0 0 0 60px; }

/*SERVICES PAGE*/

#form { float:right; padding-right:155px; border:none; }
legend { padding:10px; }
fieldset { border:none; padding:0; }
.submit { float:left; }

/*WORK PAGE*/

.thumb_container { height:75px; width:776px; padding-left:17px;}
.thumb_container2 { height:75px; width:776px; padding-left:17px;}

/*FORM OBJECTS*/
.mytextarea { width: 230px;  }
.ContactButton { height: 25px; border: none; background-image: url(../images/contact_button.gif); background-repeat:no-repeat; width: 110px; cursor: pointer; }
.ResetButton {  height: 25px; border: none; background-image: url(../images/reset.gif); width: 110px; cursor: pointer; }
.contactTextBox { width: 230px; height: 70px; }
/*FORM OBJECTS*/

/*WORK */
.work_img { padding:17px; float:left; }
.work_txt { float:right; width:218px; padding: 20px 40px 0 0; }
.work_txt2 { float:right; width:180px; padding: 20px 40px 0 0; }
.work_txt2 a { color:#747411; text-decoration:none; font-weight:bold; }
.work_txt2 a:hover { color:#000; text-decoration:underline;}
.work_txt a { color:#747411; text-decoration:none; font-weight:bold; }
.work_txt a:hover { color:#000; text-decoration:underline;}

/* QUICK LINKS */

#qlinks { width:776px; height:120px; margin: 0 0 0 7px; float:left; }


/* FOOTER*/

#footer { width: 807px; height: 29px; margin: 0em auto 0 auto; background:url(../images/footer.gif) no-repeat; }
#footertext{ padding:5px 0 0 0; color:#ccc; }
#footertext a { color:#ccc; text-decoration:none; }
#footertext a:hover { color:#fff; text-decoration:underline;}