/*########################################
              v.2.1
########################################*/

/*########################################
              GENERAL
########################################*/
/* General */
html { background:#000000 url("../images/background.jpg") repeat-y center top; width: 100%; font:11px Arial, Verdana; color:#ffffff; text-align:left;}
body { width: 100%; margin:0; border:none; }
img { border:none; }
p { margin: 0px 0 5px 0; padding: 5px 0 5px 0; }
uul {margin: 0px 0 0px 15ox; padding: 2px 0 2px 0; }
li {margin-bottom:5px; margin-top:0px;  padding: 0px 0 0px 0; }

/* General Titles */
h1, h2, h3, h4 { margin:0 0 7px 0; }
h1 { font-size:11px; letter-spacing:3px;}
h2 { font-size:11px; }
h3 { font-size:11px; }
h4 { font-size:11px; }


/* General Links */
a { color:#ffffff; text-decoration:underline; font-weight:normal; font-size:10px;}
a:hover { text-decoration:none; }
/*a:visited { color:#b96cd5; }*/
.h1 { text-decoration:none; font:11px Arial, Verdana; color:#ffffff; font-weight:bold; letter-spacing:3px; }
.h1:hover { text-decoration:underline; }
.link { text-decoration:none; ffont:11px Arial, Verdana; color:#ffffff; ffont-weight:bold; lletter-spacing:3px; }
.link:hover { text-decoration:underline; }


.h11 { font:11px Arial, Verdana; color:#ffffff;  letter-spacing:2px; }

/* Height Light*/
.light{ color:#f4a6db; font-weight:bold; color:#99cc00; }
.light-black{ color:#000000; font-weight:bold; font-size:12px; }
.light-purple {
	color:#8A1BE7;
	text-decoration:none;
	font-weight:bolder;
	font:11px Arial, Verdana;
	letter-spacing:2px;
}
.light-purple:hover { text-decoration:underline; }

/* Clear */
.clear { clear:both; overflow:hidden; height:0px; }


/* Float */
.left { float:left; }
.right { float:right; }
.black {color:#000000;}
/*########################################
              MAIN LAYOUT
########################################*/
#container {
  width:990px;
  margin: 0 auto;
  bborder:1px solid #ff00ff;
}
#header{
  width:840px;
  height:32px;
  padding-top:38px;
  text-align:left;
  Bborder:1px solid #ff0033;
  float:right;
}

#content{
  width:740px;
  text-align:left;
  margin:0 auto;
  bborder:1px solid #ffffff;
}
#left {
  background:#99cc00;
  width:620px;
  min-height:550px; 
  hheight:auto !important; 
  height:450px;
  padding:15px 30px 15px 40px;
  margin:0 auto; 
  line-height:13px;

}
#right{
  background: url("../images/frog.jpg") no-repeat bottom right;
  width:550px;
  height:510px;
  float:left;
  bborder:1px solid #ff00ff
}
#footer {
  margin: 0 auto;
  margin-top:7px;
  background: url("../images/footer.jpg") no-repeat bottom left;
  width:690px;
  padding:0 0 5px 0;
  bborder:1px solid #5500ff;  
}
/* index only */
#home-left {
  background:#99cc00;
  width:620px;
  height:450px;
  padding:30px 30px 30px 40px;
  margin:0 auto; 
}
#left .text { float:left; width:270px; bborder:1px solid #ff00ff;}
#left .banner { float:right; position:relative; right:-79px; top:80px;}

#home-right{
  width:234px;
  float:left;
  border:1px solid #0000ff;
}
/*########################################
              NAV LAYOUT
########################################*/
#nav{
  background: url("../images/nav.jpg") no-repeat top left;
  /*width:840px;*/
  width:690px;
  float:left;
  margin-top:7px;
  padding-top:5px;
  margin-right:145px;
  bborder-top:1px solid #425300;
}
#nav ul{  padding:0;  margin:0;  border:none;}

#nav a { text-decoration:none; font:11px Arial;; color:#99cc00; font-weight:bold; letter-spacing:3px; padding:0 35px 0 36px; bborder:1px solid #ff00ff;}
#nav a:hover { color:#ffffff; }
#nav .active { color:#ffffff; cursor:default; }
#nav li { display:inline; }
#nav .first { padding:0 37px 0 0; bborder:1px solid #ff00ff; text-align:left; }
#nav .last { padding:0 0 0 37px; float:right; text-align:right; bborder:1px solid #ff00ff; position:relative; top:-1px}
#nav .first-active { padding:0 37px 0 0; bborder:1px solid #ff00ff; text-align:left; color:#ffffff; }
#nav .last-active { padding:0 0 0 37px; float:right; text-align:right; bborder:1px solid #ff00ff; position:relative; top:-1px; color:#ffffff;}
/**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#nav a { padding:0 34px 0 34px; bborder:1px solid #ff00ff; }
  #nav .first { padding:0 34px 0 0; bborder:1px solid #ff00ff; text-align:left; }
  #nav .last { padding:0 0 0 34px; float:right; text-align:right; bborder:1px solid #ff00ff; position:relative; top:0px}
  #nav .first-active { padding:0 34px 0 0; bborder:1px solid #ff00ff; text-align:left; color:#ffffff; }
  #nav .last-active { padding:0 0 0 34px; float:right; text-align:right; bborder:1px solid #ff00ff; position:relative; top:0px; color:#ffffff;}
}

/*########################################
              FOOTER LAYOUT
########################################*/
#footer img { border:none; float:left; margin: 0 3px 0 3px; }
#footer a { text-decoration:none; font:11px Arial, Verdana; color:#99cc00; font-weight:bold; letter-spacing:3px; }
#footer a:hover { color:#ffffff; }
#footer .active { color:#ffffff; cursor:default; }
#footer li { display:inline; padding-left:0px; padding-right:32px; }
#footer ul { padding:0; margin:0; border:none; }
/**/
#footer2 .logo{ float:right; position:relative; margin:40px 87px 0 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #footer2 .logo{ float:right; position:relative; margin:40px 86px 0 0; }
}
#footer .right { color:#000000; margin:2px 7px 0 0;  font:10px Arial, Verdana; font-weight:bold; }
/*########################################
         OUR SERVICES PAGE
########################################*/
#our-services { width:280px; margin:25px; float:left; text-align:left; border:1px solid #ffffff; }
#our-services-nav { margin:100px 0 0 50px; float:right; }
#our-services-nav ul{ padding:0; margin:0px; list-style-type:none; }
#our-services-nav li { padding-bottom:30px; }
#our-services-nav a { color:#8a1bf8; text-decoration:none; text-decoration:none; font:11px Arial, Verdana; font-weight:bold; letter-spacing:1px;}
#our-services-nav a:hover { color:#ffffff; }
#our-services-nav .active { color:#ffffff; cursor:default; }
/*########################################
         OUR WORK LAYOUT
########################################*/
#our-work { background: url("../images/our-work-image.jpg") no-repeat center center; width:500px; height:400px; margin:25px; float:left; text-align:left; }

#our-work-nav { margin:50px 0 0 0px; float:right;}
#our-work-nav ul{ padding:0; margin:0px; list-style-type:none; }
#our-work-nav li { padding-bottom:26px; }
#our-work-nav a { color:#ffffff; text-decoration:none; text-decoration:none; font:11px Arial, Verdana; font-weight:bold; letter-spacing:1px;}
#our-work-nav a:hover { color:#8a1bf8; }
#our-work-nav .active { color:#8a1bf8; cursor:default; }
#our-work-inner { width:550px; hheight:500px; margin:0px; float:left; text-align:left; }
#our-work-inner #flash { margin-top:30px; margin-bottom:30px;}
#our-work-inner #buttons { bborder:1px solid #00ffff; width:145px; margin:0 auto; text-align:center; padding-left:15px; }
#our-work-inner .button { width:50px; margin:0px 10px 0px 10px; float:left; text-align:center; }
#our-work-inner .button a { color:#99cc00; text-decoration:none; font-weight:bold; }
#our-work-inner .button a:hover { color:#cc99ff; }
#our-work-inner #buttons .active { color:#cc99ff; cursor:default; }
/*########################################
         CONTACT LAYOUT
########################################*/
#contact-us { width:400px; margin:25px; float:left; text-align:left; }
#contact-us .image {float:left; position:relative; left:-89px; top:-10px; }
#contact-us .text {float:left; margin-top:30px; margin-left:150px; margin-bottom:50px; }
#form { margin-top:0px; }
.label, 
.smalllabel { width:200px; float:left; line-height:27px; color:#ffffff; font:11px Arial, Verdana; font-weight:bold; letter-spacing:1px;}
.smalllabel { width:80px; }
.textbox, 
.smalltextbox { width:400px; background:none; border:1px solid #ffffff; padding:2px 2px 2px 2px; color:#ffffff; font-weight:bold; margin-bottom:4px;}
.smalltextbox { width:175px; }

.textarea { width:400px; height:100px; background:none; border:1px solid #ffffff; padding:6px 3px 6px 3px; color:#ffffff; font-weight:bold;}
.button { background:#000000; color:#99cc00; border:none; }

.su-textbox { width:250px; background:none; border:1px solid #ffffff; padding:7px 3px 7px 3px; color:#ffffff; font-weight:bold; }
.su-button { background:none; color:#ffffff; border:none; margin:20px 0 0 0;  float:right; wwidth:100px; bborder:1px solid; }


#fade2-title { pposition:absolute; mmargin: 370px 50px 0 0; width:280px; }
#fade2 { pposition:absolute; mmargin: 200px 50px 0 0; width:280px; }
.form-error{ color:#ff0000; font-weight:bold; }
.form-correct{ color:#8a1bf8; font-weight:bold; }



#flash {margin-top:50px; margin-bottom:30px;}