/* Universal Aspects */
body {margin: 0; font-size: 11pt; line-height: 18px; font-family:  Helvetica, Arial; background: #ffffff url(images/body_bckg7.jpg) repeat-x fixed 0% 0%;color: #000000; height: 100%;}
a {color: #006ee8; text-decoration: underline;}
a:hover {color: #00a2ff; text-decoration: none;}
img {border: none;}
h2 {font-size: 18px; line-height: 20px; font-weight: bold; color: #000000; text-shadow: 0.1em 0.1em 0.05em #cccccc;}
h3 {font-size: 16px; line-height: 16px; font-weight: bold; color: #000000; text-shadow: 0.1em 0.1em 0.05em #cccccc;}
ul {font-size: 12pt;}
pre {font-size: 9pt; text-align: center; color: #000000; margin-top: 40px;}
#all { width: 100%;}
#container {margin: 0 auto; width: 925px;}
#header {background: url(images/curved-header2.gif) no-repeat scroll 0% 0%; margin-top: 15px; height: 106px; line-height: 25px; width: 100%; margin-bottom: 0px; width: 927px;}
#main {background: #ffffff url() no-repeat fixed right top; float: left; width: 100%; min-height: 250px; font-weight: inherit; margin-top: 0px; padding-top: 0px; border-right: 1px solid #000000; border-left: 1px solid #000000;}
#header h1 {width: 625px; margin: 15px 0 0 50px; font-size: 20px; font-weight: bold; font-style: italic; float: left; color: #000000; text-shadow: 0.1em 0.1em 0.05em #cccccc;}
#header h2 {width: 625px;margin: 5px 0 0 50px; font-size: 15px; font-weight: bold; font-style: italic; float: left; color: #000000; text-shadow: 0.1em 0.1em 0.05em #cccccc;}
#logo {margin: 15px 0 0 32px; width: 200px; float: left; text-align: center; color: #000000; text-decoration: none; font-size: 1em; text-transform: uppercase; font-weight: bold;}
#logo {width: 170px; height: 75px; margin-left: 50px;}
#logo a {float: left; padding-top: 50px; color: #000000; text-decoration: none; font-size: 7pt; text-transform: uppercase; text-shadow: 0.1em 0.1em 0.05em #ffffff; width: 167px; position: relative; vertical-align: bottom;}
#tag {background: url() no-repeat 100% 100%; bottom: 0px; padding: 0px; position: fixed; right: 0px; width: 145px;}
#red {color: #red; font-weight: bold;}

/* Menu Aspects
#menu ul {margin: 0; font-size: 11pt; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 25px; list-style-type: none; list-style-image: none; list-style-position: outside;}
#menu a {border-bottom: 1px solid #4c4c4c; padding: 5px 10px 0; font-size: 11pt; font-style: italic; text-decoration: none; color: #000000; display: block; width: 180px; height: 20px;}
#menu a:hover {background-color: #c0c0c0; font-size: 11pt; font-style: italic; text-decoration: none;}*/
#left-nav {float: left; height: 100%; padding-bottom: 10px;}
#support {width: 137px; padding-left: 25px;}
#addthis {margin-top: 30px; margin-bottom: 10px; margin-left: 45px;}
#callout {text-align: center; margin-top: 30px; margin-left: 10px; height: 63px; width: 215px; background: #ffffff url(images/callout-bg2.png) no-repeat scroll 50% 0%; padding-top: 3px; padding-left: 15px; padding-bottom: 7px; font-weight: normal; font-size: 11pt;}
#callout2 {text-align: center; margin-top: 30px; margin-left: 25px; height: 63px; width: 215px; background: #ffffff url(images/callout-bg1.png) no-repeat scroll 50% 0%; padding-top: 3px; padding-right: 10px; padding-bottom: 7px; font-weight: normal; font-size: 11pt;}
#callout3 {text-align: center; margin-top: 30px; border: 3px solid #00a2ff; padding: 4px; font-weight: normal; font-size: 11pt; margin-left: 25px; background-color: #fff600;}
#callout4 {text-align: center; margin-top: 30px; margin-left: 10px; height: 63px; width: 215px; background: #ffffff url(images/callout-bg.png) no-repeat scroll 50% 0%; padding-top: 7px; padding-left: 15px; padding-bottom: 4px; font-weight: normal; font-size: 11pt;}
#google {text-align: left; margin-top: 20px; margin-bottom: 20px; margin-left: 25px;}

/* CSS Menu */
#menu {margin-left: 25px;}
/* Pop Out Menu */
#css_menu {width: 205px; margin-left: 0px; padding-left: 0px;-moz-box-shadow:3.5px 4px 5px #006ee8;-webkit-box-shadow:3.5px 4px 5px #006ee8;box-shadow:3.5px 4px 5px #006ee8; z-index: -1; border: 1px solid #006ee8;}
#css_menu a {width: 180px;}
ul#css_menu,ul#css_menu ul{margin:0;list-style:none;background-color:#ffffff;border-width:2px;border-style:solid;border-color:#006ee8;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px; font-size: 19px;}
ul#css_menu ul{display:none;position:absolute;left:98%;top:-1px;-moz-box-shadow:3.5px 4px 5px #006ee8;-webkit-box-shadow:3.5px 4px 5px #006ee8;box-shadow:3.5px 4px 5px #006ee8;padding:0 3px 3px;}
ul#css_menu li:hover>*{display:block;}
ul#css_menu li:hover{position:relative;}
ul#css_menu ul ul{position:absolute;left:98%;top:-2px;}
ul#css_menu li{display:block;white-space:nowrap;font-size:0;}
ul#css_menu>li,ul#css_menu li{margin:3px 0 0;}
ul#css_menu a:active, ul#css_menu a:focus{outline-style:none;}
ul#css_menu a{display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Trebuchet MS,sans-serif;color:#000000;padding:10px;background-color:#ffffff;background-image:none;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:#ffffff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
ul#css_menu ul li{float:none;}
ul#css_menu ul a{text-align:left;}
ul#css_menu li:hover>a{background-color:#ffffff; font:14px Trebuchet MS,sans-serif; color:#000000; text-decoration:underline; background-position:0 100%;}
ul#css_menu img{border:none;vertical-align:middle;margin-right:20px;width:16px;height:16px;}
ul#css_menu ul img{width:16px;height:16px;}
ul#css_menu img.over{display:none;}
ul#css_menu li:hover > a img.def{display:none;}
ul#css_menu li:hover > a img.over{display:inline;}
ul#css_menu span{display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;margin-right:24px;}
ul#css_menu li.topfirst>a{border-width:0;}
ul#css_menu li.subfirst>a{border-width:0;}
ul#css_menu li.subsecond>a{border-width:0;}
ul#css_menu span{display:block; overflow:visible; background-position:right center; background-repeat:no-repeat; margin-right:0px; background-image: url(images/arrowsub.png); padding-right:0px;}

/* Begin Body Aspects */
#text {margin-left: 257px; padding: 0 20px 20px 10px; font-weight: inherit; width: auto; height: 100%; border-left: 1px solid #00a2ff;}
#text ul {list-style-type: circle; font-size: 11pt;}
#index {background: url(images/header_2.png) no-repeat scroll ; width: 638px; height: 158px; margin-top: 0px; margin-bottom: 15px;}
#index li {color: #ffffff; list-style-type: none; padding-bottom: 5px; font-family: sans-serif; padding-left: 0px; margin-left: 0px;}
#index ul {margin-top: 25px; font-weight: bold; text-shadow: 0.2em 0.2em 0.06em #000000; padding-left: 0px; margin-left: 0px;}
#web_dev {background: url(images/web_bg1.png) no-repeat scroll 0% 0%;}
#services li{font-weight: bold;}
#specializing {width: 300px; float: right; height: 160px; border-left: 1px solid #00a2ff;}
#bread_crumb {font-size: 11px; text-decoration: none;}
#bread_crumb a {font-size: 11px; text-decoration: none;}
#bread_crumb a:hover {font-size: 11px; text-decoration: underline;}
#portfolio img {border: 1px solid #000000;}
#sitemap li {list-style: none; margin-left: 0px; }
#middle {border-right: 1px solid #006ee8; border-left: 1px solid #006ee8; padding-left: 5px; padding-right: 5px;}


/* Footer Aspects */
#footer {color: #c0c0c0; clear: both; width: 927px; text-align: right; font-size: 10pt; background: url(images/bottom.gif) no-repeat scroll 0% 0%; height: 17px;}
#footerlinks {margin-left: auto; margin-right: auto; margin-top: 30px; bottom: 0; height: auto; width: 925px; font-size: 12px; text-align: center; text-align: center; color: #000000;}
#footerlinks a {color: #000000;}
#local {float: left; text-align: center; width: 300px;}
#bottom {background: #ffffff url() repeat-x scroll 0% 0%;}
#bottom_center {color: #ffffff; margin: 0 auto; background: url() no-repeat scroll 0% 50%; height: 191px; background-position: center center;}
#bottom_center2 {margin-top: 12px; padding-bottom: 12px; vertical-align:top;}
#zydesigns {padding-top: 25px; padding-bottom: 25px; color: #ffffff;}