@import url('/Resources/StyleSheets/2.css');

body { background-color:#f5f5f5; }

#wrapper { margin: 0 auto; width: 971px; margin-top: 15px; padding-bottom: 15px; font-family: Arial, Sans-Serif; }

#head { background: #fff url('/Assets/Images/Header_Background.gif') no-repeat ; padding: 10px 20px 0 20px; height:40px; margin-bottom:15px; }
    #head p a { font-size: 1.6em; text-decoration:none; color: #666; font-family: Arial Black, Arial, Sans-Serif; float:left; }
    #head ul { float:right; margin-top:5px; }
        #head ul li { font-size:0.85em; display:inline; margin-left: 40px; }
        #head ul li a { color:#000; text-decoration:none; font-weight:bold; }
        
#content { margin-top: 15px; padding-bottom: 10px; background: #fff url('/Assets/Images/Content_Side.gif') repeat-y; font-size:0.85em; }
    #content h1, #content h2, #content h3, #content p { padding: 7px 20px; }
    #content h1 { font-size: 2em; font-weight:bold; }
    #content h2 { font-size: 1.5em; font-weight:bold; color:#666; }
    #content p { line-height: 1.3em; padding-left:35px; }
    #content a img { margin: 10px 20px 0 20px; }
    #content a, #content #content a:hover, #content a:active { color:#00f; }
    #content a:hover { text-decoration: none; }
    #content a:visited { color:#551A8B; }
    
    #content .three-column { margin: 0 20px 23px 40px; padding-bottom: 30px; background: url('/Assets/Images/Content_Menu_Top.gif') repeat-x bottom; overflow:auto; }
        #content .three-column li { background: url('/Assets/Images/bullet.gif') no-repeat 3px 10px; margin-left:5px; padding:3px 0 3px 15px; float:left; width:280px; list-style-type: none; }
    
    #content ul { margin-right:20px;}
    #content li { list-style-type: square; margin-left:40px; padding:3px 0; line-height:1.3em; }
    
    #content fieldset { margin-top:10px; width:585px; float:left; margin-left:10px;}
        #content fieldset legend { padding-left:25px; font-size: 1em; font-weight:bold; }
        #content fieldset p { padding-left:25px; }
        #content fieldset p label { display:block; width: 170px; float:left; font-size: 0.85em; color:#666; }
        #content fieldset p input, #content fieldset p select, #content fieldset p textarea { border: solid 1px #d7dadd; }
        #content fieldset p input { width: 360px; margin: 0; }
        #content fieldset p select { width: 365px; }
        #content fieldset input { margin: 15px 0 20px 200px; }
        #content #map-holder { width: 340px; height:320px; float:right; margin: 30px 25px 0 0; }

p#content-top { padding:0 20px; background: url('/Assets/Images/Content_Top.gif') no-repeat top; font-size:0.85em; line-height:3em; }
p#content-top a { color:#000; }

#content-menu { margin: 10px 20px 0 20px; background: url('/Assets/Images/Content_Menu_Top.gif') repeat-x top; padding-top:15px; overflow:auto; }
    #content-menu h2 { }
    #content-menu p { padding-left: 0; }
    #content-menu div { float:left; }
    #content-menu a, #content-menu a:hover, #content-menu a:active, #content-menu a:visited { color: #666; }

#content-menu-overview h2, #content-menu-casestudies h2, #content-menu-road-marking-areas h2, #content-menu-consulation h2 { padding-left: 0; font-weight:bold; font-size:1.1em; color:#000; }

#content-menu-overview ul { width:460px; margin:0; }
    #content-menu-overview ul li, #content-menu-casestudies ul li, #content-menu-road-marking-areas ul li { float:left; width:230px; padding:3px 0; margin:0; list-style:none; }
        #content-menu-overview ul li a, #content-menu-casestudies ul li a, #content-menu-road-marking-areas ul li a { font-weight:bold; font-size: 0.85em; }
        #content-menu-overview ul li a:hover, #content-menu-casestudies ul li a:hover,  #content-menu-road-marking-areas ul li a:hover { color:#666; }
        #content-menu-overview ul li a:visited, #content-menu-casestudies ul li a:visited, #content-menu--road-marking-areas ul li a:visited { color:#551A8B; }

#content-menu-road-marking-areas {width:235px; }
    #content-menu-road-marking-areas ul li { width:220px; }
#content-menu-casestudies { width:235px; }
    #content-menu-casestudies ul li { width:220px; }
#content-menu-consulation { width:240px; }
    #content-menu-consulation a { color:#00f; }

#content-contact-address { background: url('/Assets/Images/Content_Menu_Top.gif') repeat-x top; margin:0 20px 15px 20px; color:#666; }
#content-contact-address h2 { color:#000; font-size: 1em; padding-top:15px; padding-left: 0; }
#content-contact-address p { padding-left: 0; font-size:0.85em; }
#content-contact-address p address { margin:0; }
#content-contact-address div { float:left; width:180px; }

#footer { background: #fff url('/Assets/Images/Content_Bottom.gif') no-repeat top; padding: 30px 10px 10px 10px; font-size: 0.8em; color:#666; }
    #footer ul { margin-bottom:10px; float:left; width:650px; }
    #footer ul li { display:inline; color:#999; }
    #footer ul li a { color:#666; }
    #footer ul li a:hover { color:#666; text-decoration:none; }
    #footer ul li a:visited { color:#551A8B; }
    #footer img { float:right; }
    #footer p { line-height:1.3em; width:650px; float:left; }
    
#footer a:hover, #footer a:active, #head ul li a:hover, #head ul li a:active, #content-menu a:hover, #content-menu a:active { color: #00f; }

strong { font-weight: bold; }
br, .clear { clear:both; }

.center { text-align:center; }
.content-click-image { text-align:center; margin: 0 20px; }