@charset "utf-8"; 
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* This is the css reset which helps a lot with cross browser compatibility */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, del, font, img, ins, kbd, q, s, samp, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* This is the basic layout css - 4 main sections and page background settings */
html{background-color:#151719; background-image:url(../_images/background.jpg); background-repeat:repeat}
body{color:#adadad; font-family:Tahoma,Geneva,sans-serif; font-size:0.865em; margin-top:9px; background:url(../_images/background.jpg) repeat}
a{color:#009bd2; text-decoration:none}
a:hover{color:#fff; text-decoration:none}
p{line-height:16px; line-height:150%; letter-spacing:0.3px}
#mainWrap{width:960px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; background-image:url(../_images/plain_back.jpg); background-repeat:repeat-y; position:relative}
#mainContent{margin-right:20px; margin-left:20px; background-color:#0F0; height:100px}
#header{background-image:url(../_images/headerBack.jpg); background-repeat:no-repeat; height:159px; width:960px}
#footerCont{clear:both}
#footer{background-image:url(../_images/footerBack.jpg); background-repeat:no-repeat; height:217px; width:960px; margin-right:auto; margin-left:auto}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* This is the header placement css for 4 H tags */
#header h1{background-image:url(../_images/header_h1.gif); background-repeat:no-repeat; height:21px; width:339px; position:absolute; left:30px; top:54px; text-indent:-9999px}
#header h1 a{height:21px; width:339px; position:absolute; left:0px; top:0px}
#header h2{font-weight:normal; position:absolute; left:30px; top:78px}
#header h3{background-image:url(../_images/header_h3.gif); background-repeat:no-repeat; height:21px; width:158px; position:absolute; right:30px; top:54px; text-indent:-9999px}
#header h3 a{height:21px; width:158px; position:absolute; right:0px; top:0px}
#header h4{font-weight:normal; position:absolute; right:30px; top:78px}
#intro{height:375px; width:960px; background-image:url(../_images/introBack.jpg); background-repeat:no-repeat}
p{padding-bottom:11px}
.presence{padding-top:11px; padding-bottom:11px}
.blue{color:#009bd2}
.blue-small {color:#009bd2; font-size:80%;}
.backwards{direction: rtl; unicode-bidi: bidi-override;}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* This is the css for the footer minus the twitter box */
#footerLinks{float:left; width:380px; height:95px; display:inline; margin-top:79px; margin-left:60px; font-size:11px; text-align:center; line-height:30px; color:#5C5D61}
#footerLinks a{color:#00668C}
#footerLinks a:hover{color:#adadad}
#madeWith{width:141px; height:36px; float:right; margin-top:140px; margin-right:35px; display:inline}
#madeWith ul{float:right}
#madeWith li{height:36px; width:47px; display:block; float:right; text-indent:-9999px}
#madeWithWindows a{background-image:url(../_images/madeWith.jpg); background-repeat:no-repeat; background-position:0px 0px; height:36px; width:36px; float:left}
#madeWithWindows a:hover{background-position:0px -36px}
#madeWithDream a{background-image:url(../_images/madeWith.jpg); background-repeat:no-repeat; background-position:0px -72px; height:35px; width:35px; float:left}
#madeWithDream a:hover{background-position:0px -108px}
#madeWithPs a{background-image:url(../_images/madeWith.jpg); background-repeat:no-repeat; background-position:0px -144px; height:35px; width:35px; float:left}
#madeWithPs a:hover{background-position:0px -180px}
#copyright{clear:both; width:960px; text-align:center; display:block; padding-top:60px; font-family:Century Gothic; color:#000; padding-bottom:30px; color:#555; text-shadow:3px 0 1px #000}
.seperator{background:url(../_images/seperator.jpg) no-repeat; height:2px; width:960px; display:block; clear:both; margin-right:auto; margin-left:auto; overflow:hidden}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* This is the css for the navigation menu */
#menuWrap{width:960px; height:26px; display:block}
#container{display:block; margin-left:10px; width:591px; height:26px; margin:0 auto}
#blob{background-image:url(../_images/nav_back.jpg); background-repeat:repeat-x\9}
#blob{border-right:1px solid #0a2762; border-left:1px solid #0a2762; position:absolute; z-index:1; top:0; background:-moz-linear-gradient(top,#009bd2,#006487); background:-webkit-gradient(linear,left top,left bottom,from(#009bd2),to(#006487)); -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:0px 0px 15px #000; -webkit-box-shadow:0px 0px 15px #000; border-radius:4px; box-shadow:0px 0px 15px #000}
#nav{position:relative;  float:left}
ul#nav{width:597px}
#nav li{float:left;  list-style:none;  border-right:1px solid #525458;  border-left:1px solid #000; height:26px; line-height:26px; display:block}
#nav li a{color:#adadad;  z-index:2;  position:relative;  cursor:pointer;  font-size:11px;  text-decoration:none;  padding:0px 20px 3px}
#nav li a:hover{color:#fff}
#selected a{color:#fff !important; position:relative}
#cityscape{background:url(../_images/about_cityscape.jpg) no-repeat left bottom; width:960px}