/*
Title:      City Red development css styles
Author:     Jim Pannell, jim@sixmedia.net
Updated:    December 1 2005
Notes:		Hand-crafted by Six Media in London, UK.
*/

/* -- BASICS -- */
body{background:url(/developments/images/background.gif) repeat-x top left;font-size:small;font-family:verdana,arial;text-align:center;margin:0;padding:0;}
* html body{font-size:x-small;/* for IE5/Win */
f\ont-size:small;/* for other IE versions */}
a:link{color:#40659B;text-decoration:none;}
a:visited{color:#5585CF;text-decoration:none;}
a:hover{color:#036;text-decoration:underline;}
h1{font-size:150%;font-family:georgia,arial,sans serif;}
h2{font-size:120%;font-family:verdana,arial,sans serif;margin:0 0 0 15px;padding:0;color:#000;background:none;}
h2 span{color:#ff0053;}
h3{font-size:120%;font-family:verdana,arial,sans serif;margin:20px 0 0 15px;}
h4{font-size:120%;font-family:verdana,arial,sans serif;margin:0;padding:0;}
p{font-size:95%;}
ol,ul,li{font-size:97%;}


/* ---[ top ]------------------------------- */

#container{position:relative;width:780px;margin:10px auto;padding:0;font-size:95%;text-align:left;background:url(../images/bg.gif) no-repeat;}
#flash{margin:0 10px 0 10px;width:760px;height:214px;clear:both;}


/* ---[ navigation  ]-------------------------------- */

#nav{margin:0;padding:0;}
#nav-options{float:left;width:728px;margin:0 26px;padding:0;color:#818181;list-style:none;background:#fff url(../images/nav-bg.gif) no-repeat bottom left;display:inline;/* fixes IE/Win double margin bug */}
#nav-suboptions{float:left;width:728px;margin:0 26px;padding:0;color:#818181;list-style:none;background:url(../images/bg-subnav.gif) repeat-x bottom left;display:inline;/* fixes IE/Win double margin bug */}
#nav-suboptions li a{float:left;margin:0;padding:5px 20px;font-size:90%;text-decoration:none;border-bottom:none;color:#3a4c5b;}
#nav li{float:left;margin:0;padding:0;list-style:none;}
#nav a{float:left;margin:0;padding:20px 18px;text-decoration:none;border-bottom:none;color:#818181;}
#nav a:hover,#nav a.active{color:#fff;background:#92c8e2;}
#nav a.active{font-weight:bold;}
#t-sel{background:#fff url(../images/nav-selected.gif) no-repeat bottom left;}

/* ---[ left column ]----------------------------- */

#sidebar{float:left;width:232px;margin:10px 0 0 26px;padding:0;display:inline;/* fixes IE/Win double margin bug */
/* background:url(../images/sidebar-bottom.gif) no-repeat 50% 407px;*/}
#sidebar-content{width:206px;height:420px;margin:0;padding:10px 10px 30px 16px;font-size:90%;line-height:1.6em;color:#144255;}
#sidebar-content h1{margin:0;padding:0;}
#sidebar-content p{margin:0;padding:0 0 10px 0;color:#5f8494;}
#sidebar-content p.dark{margin:0;padding:0 0 10px 0;color:#144255;}
#sidebar2{float:left;width:408px;margin:10px 0 0 26px;padding:0;display:inline;/* fixes IE/Win double margin bug */
background:#fff url(../images/sidebar-bottom.gif) no-repeat center bottom;}
#sidebar-content2{width:382px;margin:0;padding:10px 10px 30px 16px;font-size:90%;line-height:1.6em;color:#144255;}
#sidebar-content2 h1{margin:0;padding:0;}
#sidebar-content2 p{margin:0;padding:0 0 10px 0;color:#144255;}



/* ---[ main column ]----------------------------- */
#main-body{float:right;width:496px;margin:10px 26px 0 0;padding:0;background:#fff;}
#main-body2{float:right;width:320px;margin:25px 26px 10px 0;padding:0;font-size:90%;line-height:1.6em;color:#144255;background:#fff;}
#main-body2 p{margin:0;padding:10px;line-height:1.6em;color:#144255;}
#main-body2 ul{list-style-type:square;}
#projects-wrapper{float:left;margin:0;padding:0;width:496px;}
#projectlist{float:left;width:168px;height:443px;margin:0;padding:0;list-style:none;font-size:92%;color:#fff;border-left:4px solid;background:#fff;}
#projectlist li{margin:0;padding:0 0 1px 0;line-height:15px;list-style:none;background:#fff;text-align:right;}
#projectlist #projectlisttitle{margin:0;padding:11px;background-color:#1c2a36;}
#projectlist #projectlistimage{margin:0;padding:0;height:178px;}
#projectlist #projectlistimage a{margin:0;padding:0;height:37px;}
#projectlist a{display:block;margin:0;margin-right:1px;padding:11px;text-decoration:none;border-bottom:none;color:#46525d;background-color:#dde8ea;}
#projectlist a:hover,#nav a.active{margin-right:0;color:#fff;background:#b9b299;}
#projectlist a.active{font-weight:bold;}
#projectlist #currentproject a{margin-right:0;color:#150a0e;background:#b9b299;}
#project{float:right;width:308px;height:397px;margin:0;padding:8px;background:#b9b299;}
#project h4{font-size:120%;font-family:verdana,arial,sans serif;font-weight:bold;margin:10px 0 5px 0;padding:0;color:#000;background:none;}
#project p{font-size:90%;margin:8px 0 0 0;padding:0;}
#project-buttons{float:right;width:324px;height:30px;margin:0;padding:0;}

/* ---[ footer ]----------------------------------- */

#footer{clear:both;height:95px;margin:0 10px 0 10px;padding:0;font-size:90%;color:#9da6ad;border-top:7px solid #17232d;background:#3a4c5b;}
#footer p{text-align:right;margin:0;padding:40px 20px 45px 0;}
#footer a{color:#888;border-bottom-color:#333;}
#footer a:hover{color:#ccc;}
#footer-links{margin:2px 10px 5px 10px;padding:0;}
#footer-links a{font-size:85%;}
#footerText{background-color:#d7f2f9;margin:20px 0;padding:10px;}


/* -- MISC -- */

.asterisk{font-family:verdana,Helvetica,sans-serif;font-size:12px;color:#F68622;font-weight:bold;vertical-align:-2px;}
.dark{color:#000000;}
hr{display:none;}