@charset "UTF-8";

/*

*************************************************

Title:			screen.css
Browser(s): 	All

Site:			setfive.co.uk
Author: 		James Perry - freshwater-uk.com
Created: 		15.08.2008

Colour palette

SC light coffee #949180
SC dark coffee  #7e7965

*************************************************

*/


/*-------------------------------------------    

    Selectors

-------------------------------------------*/


* { margin: 0; padding: 0; color: #333; line-height: 1.4em; }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none;  margin: 0; padding: 0; } /* Gets rid of Firefox's dotted borders */
a img { border:none;  margin: 0; padding: 0; } /* Gets rid of IE's blue borders */

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 66.5%; text-align:center; background-image:url(../images/bg/grad-bg.gif); background-position:top; background-repeat:repeat-x; background-color:#E8EEF5; }

h1 { margin: 0px; display: block; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 22px; letter-spacing: -1px; color: #fff; line-height: 28px; }

h2 {
	margin: 0px;
	font-weight: 600;
	letter-spacing:-0.6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1B1A4E;
	line-height:150%;
}

h3 {
	margin: 0px;
	font-weight: 600;
	letter-spacing:-0.6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3C8F64;
	line-height:150%;
}

h4 { color: #00aeef; font-size: 16px;  font-family: Arial, Helvetica, sans-serif; font-weight: 600; margin: 8px 0px 4px 0px; line-height: 20px; }

h5 { color: #333; font-size: 10px;  font-family: Arial, Helvetica, sans-serif; font-weight: 500; margin: 2px 0px 5px 0px; border-top:1px #333 solid; }

h6 { color: #333; font-size: 11px;  font-family: Arial, Helvetica, sans-serif; font-weight: 500; margin: 2px 0px 5px 0px; line-height: 170%; text-decoration:none; }

h6 a:link, a:visited { color: #333; font-size: 11px;  font-family: Arial, Helvetica, sans-serif; font-weight: 500; margin: 2px 0px 5px 0px; line-height: 170%; text-decoration:underline;  }

h6 a:hover { color: #333; font-size: 11px;  font-family: Arial, Helvetica, sans-serif; font-weight: 500; margin: 2px 0px 5px 0px;  line-height: 170%; text-decoration:underline;  }

.right{	float:right;}

.left{ float:left; }


/*-------------------------------------------    

    Header

-------------------------------------------*/


#nav{ float:left; width:900px;  height:50px; margin:0px; background-image:url(../images/bg/nav-bg.jpg); background-repeat:repeat-x; margin-bottom:15px; text-align:center;}
#nav .sb-inner{background: #7e7965; }

#logo{ width:100px; height:60px; float:left; }


/*-------------------------------------------    

    Navigation and Sub-Navigation

-------------------------------------------*/

 .nav {		
            position: relative;
            height: 50px;
			display:inline-block;
            overflow: hidden;
			width:100%;
			
        }
		
.nav li {
             float: left;
			 display:inline-block;
             list-style: none;
                }
                    
.nav li a  {
              font: bold 11px Helvetica, sans-serif;
              text-decoration: none;
              color: #fff;                        
              
              padding-top: 15px;
			  padding-left: 15px;                                            	                    
              float: left;
              height: 50px;                                           
              margin: auto 11px;
                 }
					
/*.nav li a:hover, .nav li a:active, .nav li a:visited, .nav li a:visited a:hover  { border: none; color:#333;}
						
.nav li a:visited { color:#FFFFFF;	}*/

.nav li a:hover, .nav li a:active{border: none; color:#333;}

 .nav li a:visited {
              font: bold 11px Helvetica, sans-serif;
              text-decoration: none;
              color: #fff;                        
              
              padding-top: 15px;
			  padding-left: 15px;                                            	                    
              float: left;
              height: 50px;                                           
              margin: auto 11px;
                 }                   


/*-------------------------------------------    

    Structure

-------------------------------------------*/

#wrap{	width:920px;	margin-left:auto;	margin-right:auto;	text-align:left;  }	

#wrap-inner { float:left; width:920px; text-align:left; background-color:#FFFFFF; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom: 1px solid #999999; }

#inner-padding { padding-left:10px;}

#content-wrapper{ float:left; width:900px;  height:600px; border-top: 1px solid #EDEDE8; border-bottom:1px solid #EDEDE8;  background-repeat:repeat;}

.mod_1 { float: left; width: 595px; background-color:#f2f5f7; padding-right: 0px; margin-right: 10px;  margin-bottom:15px; height:250px; border-bottom:4px solid #7e7965; overflow:hidden;}

.mod_2 { float: left; width: 295px; height:250px;  margin-bottom:15px; border-bottom:4px solid #7e7965; }

.mod_3 { float: left; width: 287px; height:280px; padding-right: 5px; margin-right: 10px;  background-color:#f2f5f7; }

#mod_3_a { float: left; width: 287px;  padding-right: 5px; margin-right: 10px;  /*background-color: #76955f;*/ background-color: #3b9064;}
#mod_3_a .sb-inner{background: #76955f; }
#mod_3_a p{ color:#FFFFFF;}

#mod_3_b { float: left; width: 287px;  padding-right: 5px; margin-right: 10px; /*background-color:#5f7e72;*/ background-color:#497771;}
#mod_3_b .sb-inner{background: #5f7e72; }
#mod_3_b p{ color:#FFFFFF;}

#mod_3_c {
	float: left;
	width: 287px;
	padding-right: 5px;
	margin-right: 10px;
	/*background-color:#1B1A4E;*/
	background-color:#5e5a80;
	
}
#mod_3_c .sb-inner{background: #52666d; }
#mod_3_c p{ color:#FFFFFF;}

#mod_3_d {
	float: left;
	width: 287px;
	height:280px;
	padding-right: 5px;
	margin-right: 10px;
	background-color:#f2f5f7;
	background-image:url(../images/handshake.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#mod_3_d .sb-inner{background: #f2f5f7; }

#mod_3_e { float: left; width: 287px; padding-right: 5px; margin-right: 10px; background-color:#f2f5f7;}
#mod_3_e .sb-inner{background: #f2f5f7; }

#mod_4_a { float: left; width: 590px; padding-right: 5px; margin-right: 10px;  background-color: #f2f5f7; }
#mod_4_a .sb-inner{background: #f2f5f7; }

#mod_3_e { float: left; width: 287px; padding-right: 5px; margin-right: 10px; background-color:#f2f5f7; }
#mod_3_e .sb-inner{background: #f2f5f7; }

#mod_5 { float: left; width: 890px;  padding-right: 5px; margin-right: 10px;  margin-bottom:15px;  background-color:#f2f5f7; }

.pad { padding:10px 0px 0px 10px; }


#col-wrap-1{ margin: 10px 0px 0px 0px; }

#col-wrap-2{ }

dl.grid{
float:left;
margin-right:10px;

}

dl.grid dd{
margin-top:10px;
margin-bottom:10px;
width:100px;
}

/*-------------------------------------------    

    Footer

-------------------------------------------*/

#footer{ float:left; width:900px; height:50px; background-image:url(../images/bg/footer-bg-2.png); background-repeat:repeat-x; margin-top:15px; margin-bottom:15px;}

#valid { padding: 15px 15px 10px 15px; }

#valid a:link, vistited { margin: 10px 10px 10px 10px; }


/*-------------------------------------------    

    Typography

-------------------------------------------*/

p {
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial; font-size: 11px; line-height: 170%;	color: #333; }

p a:link, 
p a:active, 
p a:visited  {
	color: #00aeef; 
	text-decoration: none; }

p a:hover  {
	color: #00aeef;
	text-decoration: underline; }
	
h3 a:link, 
h3 a:active {
	color: #333333; 
	text-decoration: none; }

h3 a:visited  {
	color: #333333; 
	text-decoration: none; }
	
h3 a:hover  {
	color: #00aeef;
	 }

.footer-p{ padding:0px 0px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff;}

.footer-p a:link{ padding:0px 0px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; text-decoration:none;}

.footer-p a:hover{ padding:0px 0px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; text-decoration:underline;}

.nav-temp{ padding:18px 0px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size: 10px; text-transform: uppercase; font-weight:600;  color: #ffffff; }

.Table{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff;}

.Table-bold{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:600; color: #ffffff;}

.news_date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight:600; color: #333; border-bottom:1px #CCCCCC solid;}

/* more button */

.sc_button_more { display:block; width: 270px;  height: 30px; text-decoration: none; background-image:url(../images/sc-button-more.png); color:#333333; text-indent: -3000px; margin-bottom:5px; }

.sc_button_more:hover { background-position:  0 -30px; }

.sc_button_more:active { background-position:  0 -60px; }

.sc_button_more span{ display:none;}

/* Case button */

.sc_button_case { display:block; width: 270px;  height: 30px; text-decoration: none; background-image:url(../images/sc-button-case.png); color:#333333; text-indent: -3000px; margin-bottom:5px; }

.sc_button_case:hover { background-position:  0 -30px; }

.sc_button_case:active { background-position:  0 -60px; }

.sc_button_case span{ display:none;}

/* test button */

.sc_button_test { display:block; width: 270px;  height: 30px; text-decoration: none; background-image:url(../images/sc-button-test.png); color:#333333; text-indent: -3000px; margin-bottom:5px; }

.sc_button_test:hover { background-position:  0 -30px; }

.sc_button_test:active { background-position:  0 -60px; }

.sc_button_test span{ display:none;}

#mod_4_a ul {
list-style-position:inside;

line-height: 170%;
}

#mod_4_a li{
list-style-position:inside;

line-height: 170%;
}



/*tooltip*/

div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #fff;
	font-weight: bold;
	
	margin: 0;
	padding: 13px 10px 5px;
	background: url(../images/balloon.png) top left no-repeat !important;
	background: url(../images/balloon.gif) top left no-repeat;
	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;

	background: url(../images/balloon.png) bottom left no-repeat !important;
	background: url(../images/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}




/*
*************************************************

ENDS

*************************************************
*/