/* General Rules */
        html,body
        {
            font: small/1.4 Verdana, Helvetica, sans-serif;    
            min-width: 760px; 
            height: 100%;
            text-align: center;
            margin: 0;
            padding: 0;
        }
        
        
        body { background:  url("images/bg_white.gif") top center repeat-y  #999; }
    
    
        a 
        {
   	        text-decoration: underline;
        }
        
        
        
        a:hover
        {
            text-decoration: underline;
        }
        
        img
        {
	border: 0;
	padding-top: 10px;
        }
        
        h1 
        {  
            font-size: medium;
            color: #FEA124; 
        }
        
        h2
        {
            font-size: medium;
        }
        
        form
        {
            margin: 0;
        }
        
        
        /* Page dimensions/position  */
        
        #pageWrapper
        {
            width: 740px;
            position: relative;
            margin: 0 auto;
            background:  url("images/bg_rightBar.gif") repeat-y top right #fff ;
        }                       
        
        /* Page intro image on LHS */
        #bgImages
        {
            background:  url("images/intro_home.jpg") no-repeat 0 119px transparent ;
            border-top: 1px solid #999;
            height: 100%;
        }
        
        /* Page Header stuff */
        
        #pageHeader
        {
            height: 157px;
            width: 740px;
            background:  url("images/header_top.jpg") top left no-repeat;
        }
        
        /* Bottom bit of header image with the wave */
        #headerBottom
        {
            background:  url("images/header_bot.gif") bottom left no-repeat; 
            height: 158px;
        }
        
        /* DS logo */
        #pageHeader img
        {
            margin-top: 60px;
            margin-left: 450px;
            border: 0;
        }
        
        /* Top navigation */
        
        #siteNav
        {
            color: #fff;
            height: 20px;
            width: 740px;
            background: #000;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            border-bottom: 1px solid #fff;
            font-weight: bold;
            font-size: 13px;
        }
        
        #navWrapper
        {
            position: relative; 
            width: 602px; 
            margin: 0 auto; 
            padding: 0; 
            text-align: center;
        }
        
        #siteNav ul
        {
            list-style: none; 
            margin: 0;
            padding: 0;      
        }
        
        #siteNav ul li
        {
            float: left;
            margin: 0;
            padding: 0;
        }
        
        #siteNav a
        {
            color: #fff;
        }
        
        /* Bit between header and footer */
        
        #pageMiddle
        {
            width: 740px;
            position: relative;
        }
        
        /* Container for page intro area and site login */
        
        #title_login
        {
            padding-right: 15px;
            border-bottom: 1px solid #ccc;
            text-align: left;
            
        }
        
        /* Intro area */
        #title_login #topIntro
        {            
            font-size: 0.85em;
            height: 182px;
            width: 525px;
            text-align: right;
        }
        
        #title_login #topIntro img
        {
            margin: 0 0 5px 205px;
        }
        
        #title_login #topIntro p
        {
            margin: 0 0 0 260px;
        }
        
        /* Login box */
        
        #title_login #siteLogin
        {
            float: right;
            width: 175px;
            height: 161px;
            /*background: url(images/bg_loginTop.gif) repeat-y transparent ;*/
            text-align: left;
            font-size: x-small;
        }
        
        #title_login #siteLogin img
        {
            
            margin-top: 30px;
        }
        
        #title_login #siteLogin p
        {
            margin: 0 10px;
        }
        
        #title_login #siteLogin form
        {
            display: inline;
            margin: 0;
            padding: 0;
        }                
        
        #siteLogin input
        {
            font-size: x-small;
            width: 90px;
        }
        
        #title_login #siteLogin #submit
        {
            background:  url("images/login_bottom.gif") no-repeat bottom left; 
            height: 30px; 
            padding-top: 20px; 
            font-weight: bold;
        }
        
        /* Main content area */                          
        
        #contentArea
        {
            text-align: left;
            margin-right: 206px;
        }
        
        
        #contentContainer 
        {
            text-align: left; 
            position: relative;
            margin-top: 0px;
            margin-left: 30px;
            margin-bottom: 10px;
            font-size: 0.8em;
        }
        
        #mapContainer
        {
            width: 420px;
            margin: 20px auto;
            font-size: 0.8em;
            background: #fff;
        }
        
        #contentContainer h3
        {
            color: #FEA124;
            font-size: small;
            margin-bottom: 0px;
        }
        
        #mapContainer h3
        {
            font-size: x-large;
        }
        
        
        
        #mapContainer p 
        { 
            text-align: left; 
            padding-top: 10px;
        }
        
        #contentContainer p
        {
            margin-top: 5px;
        }
        
        #contentContainer a, #mapContainer a
        {
            color: #fea124;
            font-weight: bold;
        }
        
        #contentContainer li
        {
             font-size: x-small;
        }
        
        #contentContainer div.twoCol
        {
	width: 220px;
	float: left;
	margin: 2px 0px;
	margin-right: 20px;
	text-align: justify;
	padding-bottom: 30px;
	text-align: justify;
	padding-top: 50px;
        }
		
		
 #contentContainer div.twoCol2
        {
	width: 220px;
	float: left;
	margin: 2px 0px;
	margin-right: 20px;
	text-align: justify;
	padding-bottom: 30px;
	text-align: justify;
	padding-top: 5px;
        }
		

        #contentContainer div.shopCol
        {
	width: 338px;
	float: left;
	margin: 2px 0px;
	margin-right: 20px;
	text-align: left;
	padding-bottom: 30px;
	text-align: left;
	position: relative;
        }
		
		#contentContainer div.oneCol
        {
            width: 470px;
            float: left;
            margin: 2px 0px;
            margin-right: 30px; 
            text-align: left;
            text-align: justify;
			position: relative;
        }

        
        /* Clients Page */
        
        #clientListing
        {
            margin-bottom: 10px;            
        }
        
        #clientListing h4
        {
            font-size: 10px;
            margin: 0;
        }
        
        #clientListing table
        {
            width: 500px;
            border-spacing: 0px; 
            border-collapse: collapse;
        }
        
        #clientListing table td
        {
            padding: 5px;
            font-size:10px; 
            vertical-align: top;
        }
        
        #contact td
        {
            font-size: 10px;
        }
        
        /* Column down RHS */
        
        #rightBar
        {
	float: right;
	width: 207px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	padding-top: 0px;
        }                
        
        #caseStudies
        {
            margin-top: 0px;
            font-size: 12px;
        }
        
        #caseStudies a
        {
            color: #000;
        }
        
        #rightBar .featuredClient
        {
	margin: 30px 0;
	border-top-color: #000000;
	border-top-style: dotted;
	border-top-width: 1px;
        }
        
        #rightBar .featuredClient strong
        {
            font-size: x-small;
        }
        
        /* Site Map */
        #siteMap a
        {
            display: block;
        }
        
        
        /* Page Footer */
        
        #pageFooter
        {
	clear: both;
	width: 740px;
	background: #FEA124;
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 8px;
        }
		
		
#pagecross
        {
	clear: both;
	width: 450px;
	background: #FEA124;
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 8px;
        }
		
		
        
        .smallOrange 
        {
        	font-size: xx-small;
        	color: #FE8C33;
        }
		
		/*form related*/
		input.boxform
		{
	        font: x-small/1.4 Verdana, Helvetica, sans-serif;    
			padding: 2px;
			background-color : #FFFFFF;
	        visibility: visible;
        }
		
		input.boxformoff
		{
		    font: x-small/1.4 Verdana, Helvetica, sans-serif;    
			padding: 2px;
	        visibility: hidden;
        }

		
		select.boxform
		{
	        font: x-small/1.4 Verdana, Helvetica, sans-serif;    
			padding: 2px;
        }
		

        
        .box_out_row {
            height: 25px;
        }
        
        .boxoutheader {
			font-size: small;
			color: white;
			font-weight: bold;
			padding-bottom: 8px;
			padding-left: 8px;
			padding-top: 9px;
			float: left;
	 		vertical-align : middle;
	  }
        
        .boxoutstages {
            font-size: small;
            color: white;
            font-weight: bold;
            padding-bottom: 8px;
            padding-left: 8px;
			padding-top: 7px;
            float: right;
           vertical-align : middle;
	    }
	   
	    div.hideText{
	        visibility: hidden;
	    }
	   
	    div.unhideText{
            visibility: visible;
        }
	   
        
        /*Used to link between form pages*/
        a#titlelink
        {
            font-size: small;
			color: #FFFFFF;
			font-weight: bold;
        }