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

body {font-size:13px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#eee; background-color:#222; margin:0; padding:0;}
.madstache {font-size:13px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#eee;}
p {margin:0; padding:4px 0px 10px 0px;}
a {color:#62befe; text-decoration:none;}
a:hover {color:#fff; text-decoration:none;}

.heading {color:#62befe; font-size:15px; margin-bottom:4PX;}

/* Company Directory */
.directory {font-size:11px; line-height:15px; font-family:Arial, Helvetica, sans-serif; color:#eee;}
.directory img {border:1px solid #888; margin:1px 10px 0px 0px;}
.directoryheading {font-size:15px; color:#fdf391;}

/* Image Rollovers */
a#dennisrollover, a#benrollover, a#jarodrollover, a#lisarollover, a#martharollover, a#michelerollover, a#naterollover, a#richardrollover, a#sheilarollover, a#ajrollover, a#waynerollover {height: 75px; width:75px; display:block; float:left; border:1px solid #888; margin:1px 10px 0px 0px; }

a#dennisrollover {background-image:url(/images/dennis.jpg);}
a#benrollover {background-image:url(/images/ben.jpg);}
a#jarodrollover {background-image:url(/images/jarod.jpg);}
a#lisarollover {background-image:url(/images/lisa.jpg);}
a#martharollover {background-image:url(/images/martha.jpg);}
a#michelerollover {background-image:url(/images/michele.jpg);}
a#naterollover {background-image:url(/images/nate.jpg);}
a#richardrollover {background-image:url(/images/richard.jpg);}
a#sheilarollover {background-image:url(/images/sheila.jpg);}
a#ajrollover {background-image:url(/images/aj.jpg);}
a#waynerollover {background-image:url(/images/wayne.jpg);}

a#dennisrollover span, a#benrollover span, a#jarodrollover span, a#lisarollover span, a#martharollover span, a#michelerollover span, a#naterollover span, a#richardrollover span, a#sheilarollover span, a#ajrollover span, a#waynerollover span { display:none; }

a#dennisrollover:hover {background-image:url(/images/dennis2.jpg);}
a#benrollover:hover {background-image:url(/images/ben2.jpg);}
a#jarodrollover:hover {background-image:url(/images/jarod2.jpg);}
a#lisarollover:hover {background-image:url(/images/lisa2.jpg);}
a#martharollover:hover {background-image:url(/images/martha2.jpg);}
a#michelerollover:hover {background-image:url(/images/michele2.jpg);}
a#naterollover:hover {background-image:url(/images/nate2.jpg);}
a#richardrollover:hover {background-image:url(/images/richard2.jpg);}
a#sheilarollover:hover {background-image:url(/images/sheila2.jpg);}
a#ajrollover:hover {background-image:url(/images/aj2.jpg);}
a#waynerollover:hover {background-image:url(/images/wayne2.jpg);}


.quote {font-style:italic; font-size:11px; color:#ccc; line-height:13px; margin:4px 0px;}

/* Header / Navigation */
#navigation{height:74px; width:922px;}
.logo { float:left; width:192px; height:74px;}
.navlinks { font-size:14px; }
.navlinks ul { list-style:none; margin:0;  margin-right:15px; }
.navlinks li { display:inline;  padding:0 15px;  }

/* Backgrounds */
#mainback {background-image:url(/images/main-back.png); background-repeat:repeat-y; padding:10px 25px;}
#mainback2 {background-image:url(/images/main-back2.png); background-repeat:repeat-y; padding:10px 25px;}
#subback {background-image:url(/images/sub-back.png); background-repeat:repeat-y; padding:10px 25px;}

#main-player-back {background-image:url(/images/main-player-back.png); background-repeat: no-repeat; width:872px; height:496px; padding-top:20px;  }
#main-player-frame {border:#888 1px solid; width:800px; }

/* Left / Right Side */
#main-leftside{width:550px; float:left; display:inline-block;}
#main-rightside {width:275px; float:right; }

#subleft{float:left; width:670px; display:inline-block; }
#subright {width:170px; float:right; font-size:11px; line-height:14px; color:#eee;}

/* Featured */
.featuredtext {font-size:12px;}
.featured {}
.featured img {border:1px solid #888;}

/* Footer */
#footer {font-size:10px; color:#ccc;}
#footer a {color:#ccc; text-decoration:none;}
#footer a:hover {color:#62befe; text-decoration:none;}

/* Forms */
.required {color:#62befe; font-size:18px; position:relative; top:4px; }

label, .label {font-size:10px; color:#fdf391;}
input {background-color:#eee; border:#ccc 2px solid; padding:2px 0px;}
textarea {background-color:#eee; border:#ccc 2px solid; padding:2px 0px;}

.errorlist { color:#ccc; }
.ddfmerrors { color:#900; border:2px solid #900; width:610px; padding:10px; margin-bottom:20px;}

.sociallinks {border-top:1px solid #555; text-align:left; margin-top:30px; padding:10px 0px;}
.sociallinks img {border:none;}

/* Portfolio */
.portfolio {magin-top:10px; font-size:11px; line-height:15px; font-family:Arial, Helvetica, sans-serif; color:#eee;}
.portfolio img {border:1px solid #888;}
.portfolioheading {font-size:15px; color:#fdf391; padding-bottom:2px; margin:10px 0px; border-bottom:1px solid #444; width:650px;}

/* Services */
.servicesheading {font-size:15px; color:#fdf391; padding-bottom:2px; margin:10px 0px; border-bottom:1px solid #444; width:650px;}

.clientheading {font-size:14px; color:#fdf391; padding-bottom:2px; margin:5px 0px; border-bottom:1px solid #444; width:100%;}
.client {magin-top:20px; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; color:#eee;}
.clientlist {border-bottom:1px solid #333; width:100%; padding-bottom:2px; margin:10px 0px;}
.clientlaunch {background-image:url(/images/newwindow.png); background-repeat:no-repeat; padding-left:20px;}


#equipmentlist {}
#equipmentlist ul { padding:0px; margin:0px; margin-top:10PX;}
#equipmentlist ul li { list-style:none; padding-bottom:4px; margin-bottom:6px;}

#clientlist {}
#clientlist ul { padding:0px; margin:0px; margin-top:10PX;}
#clientlist ul li { list-style:none; padding-bottom:4px;}

.playgroundimages {margin-bottom:10px;}
.playgroundimages img {border:1px solid #888; margin:10px 10px 10px 0px;}