@charset "utf-8";
body  {font: 80% Geneva, Arial, Helvetica, sans-serif;background: #121212 url(../images/grunge-machine-bg.jpg) top center no-repeat;margin: 0;padding: 0;text-align: center;color: #000000; background-attachment:fixed;}
#contact  {font: 80% Geneva, Arial, Helvetica, sans-serif;background-color: #fff;margin: 0;padding: 0;text-align: center;color: #000000;}
/* LAYOUT */
#container { width: 950px; height:auto; background:#fff; margin: 0 auto;padding:0;text-align: left; }
#ad-container { width: 950px; height:260px; margin: 0;padding:10px 0;text-align: center; background:#240808; color:#666;}
#ad-container a {color:#666; text-decoration:none;}
#ad-container a:hover {color:#999; text-decoration:underline;}
#footer-nav {height:100px; width:710px; margin:0 20px 10px 100px; border:solid 1px #666; border-width: 0 0 1px 0;}
.footer-nav-head {width:100%; text-align:left; margin:0 0 20px 20px; padding:0; font-weight:bold;}
.footer-nav-cell-left {width:170px; margin:0 0 10px 50px; border:dashed 1px #666; border-width:0 1px 0 0; text-align:left; float:left;}
.footer-nav-cell-right {width:170px; margin:0 0 10px 50px; text-align:left; float:left;}
#google-ads { width:auto; height:auto; margin:0 auto; padding:0;}

#header {background:#000; padding: 0; width:100%; height:200px;}
#header-content { width: 930px; height:auto; margin: 0 auto; padding:0; text-align: left;}
#header-logo {width:400px; height:119px; margin:20px 0 34px 0;padding:0; color:#ededed; float:left; }
#header-nav {width:587px; height:94px; margin:0 0 0 30px; padding:0px; color:#ededed; font:bold 16px Geneva, Arial, Helvetica, sans-serif; background:url(../images/nav-background-2.png) top left no-repeat; float:left;}
.nav-cell { width:141px; height:54px; float:left; text-align:center; margin:0 0 0 3px; padding:38px 1px 0 1px; color:#ededed;}
.nav-cell:hover { width:141px; height:54px; float:left; background:url(../images/contact-hover-bg.png); color:#ededed;}
.nav-cell a, .nav-cell a:hover {color:#ededed; text-decoration:none;}
#sidebar1 {float: left;width: 150px;padding: 15px 10px 15px 20px;}
#sidebar2 {float: right;width: 160px;padding: 15px 10px 15px 20px;}
#mainContent { margin:0;padding: 0 ;} 

#home-showcase { width:950px; height:260px; margin:0; padding:0; background:#fff; }
#home-left-cell {width: 550px; height:auto; float:left; margin:0; padding:30px 20px 0 20px;}
#home-right-sidebar {width: 360px; height:auto; float:right; margin:20px 0;}
#home-left-cell h1 {font-size:22px;}
#home-left-cell h2 {font-size:20px;}
#home-left-cell p {font-size:14px; line-height:18px; color:#333;}
#home-left-cell a { color:#333; text-decoration:none;}
#home-left-cell a:hover {color:#C00; text-decoration:underline;}
#home-left-cell a.redlink  { color:#C00; text-decoration:none;}
#home-left-cell a:hover.redlink {color:#C00; text-decoration:underline;}
#social-cell { width:550px; height:110px; margin:10px 0; padding:0; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }
#social-cell img { float:left; margin:10px 45px; }


#services-main-cell {width: 910px; height:auto; float:left; margin:0; padding:30px 20px 0 20px;}
#services-right-sidebar {width: 200px; height:auto; float:right; margin: 0;}
#services-main-cell h1 {font-size:30px; margin:1px; padding:1px; line-height:30px;}
#services-main-cell h2 {font-size:28px;}
#services-main-cell p {font-size:120%; line-height:23px; color:#333; padding:0; margin:10px 0 0 0;}
#services-main-cell a { color:#C00; text-decoration:none;}
#services-main-cell a:hover {color:#C00; text-decoration:underline;}

.right-button-cell {float:right; z-index:20;}


#portfolio-main-cell {width: 910px; height:auto; float:left; margin:0; padding:30px 20px 0 20px;}
#portfolio-main-cell h1 {font-size:30px; margin:1px; padding:1px; line-height:30px;}
.portfolio-container { width:900px; height:400px; margin:30px 0; padding:0; background:#fff; }
.portfolio-left {width: auto; height: auto; margin:20px 10px; padding:0; float:left;}
.portfolio-right {width: 220px; height:auto; margin:20px 10px; padding:15px; float:left; background: #F5F5F5; border: solid 3px #666; opacity:0.7; filter:alpha(opacity=70); z-index:10;}
.title {font: bold 14px Geneva, Arial, Helvetica, sans-serif;}
.large {font: normal 120% Geneva, Arial, Helvetica, sans-serif;}

.websites { margin:25px 0 0 20px; }
.graphics, .logos { margin:25px 0 0 20px; }
#fragment-10 img, #fragment-11 img, #fragment-12 img { border:solid 1px #a2a2a2; margin:15px 10px; /*width:150px; height:92px;*/ }

#footer { margin:0; padding:0; color:#999; background: #000; bottom:0; left:0; width:100%; height:40px; z-index:100; position:fixed; text-align:center; } 
#footer-cell { width:950px; margin:0 auto; padding:0; }
#ads-container {width:950px; height:91px; margin:0; padding:0 10px;}
.ad-cell {float:left;}
div.copyright { height:30px; margin: 0; padding: 5px 0 0 0; float:left; font-size:80%; }
div.contact { height:30px; margin: 2px 0 0 0; padding: 0; float:right; }
div.phone { height:30px; margin: 0 40px 0 0; padding: 5px 0 0 0; float:left; width:159px; height:24px; background:url(/images/footer-phone-number.gif); }
#share-button { height:30px; margin: 0 10px; padding: 5px 0 0 0; float:left; }
div.links { height:30px; margin: 0 40px; padding: 5px 0 0 0; float:left; font-size:80%; }
div.links a { color:#999; text-decoration:none; }
div.links a:hover { color:#C00; text-decoration:underline }
.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px;}

#social-buttons a { float:left; width:30px; height:30px; margin:5px 8px 0 8px; overflow:hidden; display:block; }
#facebook span, #twitter span { display: none; }
#facebook {background: url(/images/social-buttons.png) no-repeat 0 -30px; }
#facebook:hover { background-position: 0 0;}
#twitter {background: url(/images/social-buttons.png) no-repeat -30px -30px; }
#twitter:hover { background-position: -30px 0px;}


/*++++++++++++++++++
	MAIN NAV 
+++++++++++++++++++*/
/* common styling */
.menu {width:400px; height:20px; margin:0; padding:0; color:#ededed; font:bold 14px Tahoma, Arial, Helvetica, sans-serif; }
.hovermenu ul{ font:bold 14px Tahoma, Arial, Helvetica, sans-serif; padding: 0;margin: 0 0 0 20px; height: 20px;}
.hovermenu ul li { list-style: none; display: inline; text-align:center; }
.hovermenu ul li a { width:120px; padding: 2px 0; text-decoration: none; float: left; color:#ededed; border: 1px solid #333; border-width:0 1px 0 0; }
.hovermenu ul li#right a { padding: 2px 0; text-decoration: none; float: left; color:#ededed; border: 0; }
.hovermenu ul li a:hover, .hovermenu ul li#right a:hover{ color: #C00; }
html>body .hovermenu ul li a:active { /* Apply mousedown effect only to NON IE browsers */ border-style: inset;}


/* STYLES */
h1 {font-size:130%;}
h2 {font-size:115%;}
a:link, a:visited {color:#C00; text-decoration:none;}
a:hover, a:hover {color:#F00; text-decoration:underline;}
a img {border:0;}
#header-text h1 { font:bold 39pt Arial, Helvetica, sans-serif; margin:25px 0 0 0; padding:0; color:#fff; width:500px; height:180px; float:right; line-height:48px; }

/* SLIDESHOW */
.slideshow { margin:0; padding:0; height: 253px; width: 950px; overflow:hidden;}
.slideshow img { padding:0; }
#nav { text-align:right; margin:0 10px 0 0; padding:0;}
#nav a { border: 0; text-decoration: none; margin: 0 2px; padding: 1px 3px; font-size:8pt; }
#nav a.activeSlide { background: #990000; border: 0; color:#fff;}
#nav a:focus { outline: none; }
#slide-1 {background: url(../images/slide-1.jpg) top left no-repeat; color:#383838; width:950px; height:253px; text-decoration:none; }
#slide-2 {background: url(../images/slide-2.jpg) top left no-repeat; color:#f2f1f1; width:950px; height:253px; text-decoration:none; }
#slide-3 {background: url(../images/slide-3.jpg) top left no-repeat; color:#383838; width:950px; height:253px; text-decoration:none; }
#slide-4 {background: url(../images/slide-red-zephyr.png) top left no-repeat; color:#383838; width:950px; height:253px; text-decoration:none; }

/* END SLIDESHOW */

/* IE WARNING */
#ie-message {background:#C00;text-align:center;border-bottom:1px solid #900;color: #fff;position:absolute;top:0;padding:2px;width:100%; float:left; font: bold 75% Arial, Helvetica, sans-serif;}
#ie-message a {color: #fff;}
/* END IE WARNING */