/*
    screen-modern.css: MODERN BROWSER (v5+) SCREEN STYLES
    ------------
    Job:               kjp.mandogroup.com
    Produced by:       RD + CN @ Mando Group
    Start date:        09/11/2006
    ------------
    COLOUR SPEC:
	
	blue				#6280ae
	orange				#eb7515
	light orange		#fef7f1
	dark grey			#555
	light grey			#a2a6a7
	turquoise		    #00888d

    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	hacks
*/
/* =1. type selectors */
* 
{
margin:0;
padding:0;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
}
body
{
font-size: 0.7em;
color: #000;
background:url(/_common/images/background.jpg) #fff repeat-y;
margin:0;
padding:0;
}
a 
{
color:#00888d;
background:inherit;
text-decoration:underline;
}

a:hover
{
text-decoration:underline;
}

h2 
{
font-size:1.6em;
font-weight:bold;
color:#eb7515;
background:inherit;
margin-bottom:0.6em;
}	
h3 
{
font-size:1.2em;
color:#eb7515;
background:inherit;
margin-bottom:0.6em;
}	
img
{
padding:0;
margin:0;
}
p
{
font-size:1.1em;
margin-bottom:0.9em;
}

ul
{
font-size:1.1em;
list-style:none;
margin:1.1em;
}

li
{
color:#000;
background:inherit;
line-height:1.3;
}

blockquote
{
width:460px;
color:#555;
font-size:1.0em;
font-style:italic;
}

.quote
{
font-weight:bold;
margin-bottom:1.8em;
}

.white
{
color:#fff;
background:inherit;
}

.links
{
margin-top:2em;
margin-bottom:2em;
}


/* =2. structural */


div.wrap 
{
width:700px;
height:100%;
color:#000;
background:url(/_common/images/background.jpg) #fff repeat-y;
}

div.header
{
width:355px;
height:67px;
padding:12px 0px 0px 30px;
color:#000;
background:#fff;
float:left;
}
div.callback 
{
background:#a2a6a7;
width:231px;
height:67px;
padding:12px 10px 0px 14px;
float:left;
color:#fff;
display:none;
}
div.callback h2 
{
color:#555;
background:#a2a6a7;
width:172px;
margin-bottom:0px;
}	
div.callback p
{
font-size:0.9em;
width:140px;
}		
div.callback img 
{
float:right;
}

div.columna
{
width:483px;
padding:18px 12px 18px 30px;
color:#000;
background:#fff;
float:left;
}

div.columna ul
{
list-style:url(/_common/images/bullet.gif);
}

div.homeint
{
width:462px;
color:#000;
background:url(/_common/images/homeboxgradient.jpg) #fff top repeat-x;
margin-top:8px;
padding:18px 10px 10px 10px;
}

div.homeint ul
{
list-style:url(/_common/images/bullet.gif);
}

div.homeint p
{
font-weight:bold;
}

div.info
{
width:462px;
color:#000;
background:#fff;
padding:0px 10px 18px 10px;
}

div.info p.columnsm
{
width:210px;
color:#000;
background:#fff;
padding-right:21px;
float:left;
}

div.callus
{
width:700px;
color:#000;
background:#555;
padding:45px 10px 10px 10px;
border-bottom:1px dotted #fff;
display:none;
}

div.callus h2
{
color:#eb7515;
background:#555;
margin:0px;
}

div.callus img
{
margin:0px 2px;
}

div.callus p
{
font-size:0.9em;
color:#fff;
background:#555;
margin:0;
padding:0;
}

div.workplace
{
color:#000;
background:url(/_common/images/workplacerepeat.jpg) #fef7f1 repeat-y;
}
div.workplace span
{
line-height:1px;
font-size:1px;
}

span.tl 
{
display:block;
height:8px;
padding-left:20px;
background:transparent url(/_common/images/workplacetop.jpg) 0 0 no-repeat;
}	

span.tr 
{
display:block;
height:8px;
background:transparent url(/_common/images/workplacetop.jpg) right top no-repeat;
}	

span.blc 
{
display:block;
height:8px;
background:transparent url(/_common/images/workplacebottom.jpg) 0 0 no-repeat;
padding-left:20px;
margin-bottom:20px;
}			

span.brc 
{
display:block;
height:8px;
background:transparent url(/_common/images/workplacebottom.jpg) right top no-repeat;
}		

.bd 
{
background:transparent url(/_common/images/workplacecenter.jpg) left top no-repeat;
padding-left:20px;
}	

.bdr 
{
background:transparent url(/_common/images/workplacecenter.jpg) right top no-repeat;
}	

div.bdrcontent p 
{
padding:0 1.5em 0 0;
}

div.columnb 
{
color:#000;
background:transparent url(/_common/images/rightcolumngradient.jpg) top no-repeat;
width:700px;
display:none;
}

div.columnb p
{
padding-top:10px;
padding-left:15px;
padding-right:15px;
}

div.columnb ul
{
list-style:none;
}

div.columnb li
{
border-bottom:1px solid #f0f1f2;
padding:0px 0px 10px 0px;
margin-bottom:10px;
}

div.columnb strong
{
font-size:1.5em;
color:#eb7515;
background:inherit;
margin-bottom:0.4em;
display:block;
}

div.columnb ul.subpages
{
font-size:1.1em;
list-style:url(/_common/images/bullet.gif);
border-bottom:none;
margin:1.1em;
padding-left:15px;
}

div.columnb li.subpages
{
color:#000;
background:inherit;
line-height:1.3;
border-bottom:none;
margin-bottom:2px;
padding-bottom:0px;
}



/* =3. navigation */


ul.nav 
{
width:700px;
color:#fff;
background:url(/_common/images/bg-nav.gif) #ec7314 top repeat-x;
list-style:none;
margin:0;
font-size:1em;
float:left;
}
ul.nav li 
{
list-style-type:none;
padding:0.5em 0em 0.5em 0em;
float:left;
cursor:pointer;
}	
ul.nav a.navfirst 
{
padding-left:30px;
}	
ul.nav a 
{
font-weight:bold;
padding:0em 0.5em 0em 0.5em;
border-right:1px dotted #fff;
color:#fff;
background:none;
}	
ul.nav a:hover, ul.nav a.selected 
{
color:#000;
background:none;
}
ul.nav a.navlast 
{
border-right:0;
}

ul.nav a.welsh
{
color:#fff;
background:none;
border-right:0;
margin-left:17px;
font-weight:100;
text-decoration:underline;
}


ul#invisnav
{
position: absolute;
left:-5000px;
}
	
				
/* =4. forms */



/* =5. tables */

table
{
width:463px;
border:1px solid #eb7515;
margin:20px 0px 20px 0px;
font-size:1.1em;
border-collapse:collapse;
}

td
{
border:1px solid #eb7515;
padding:5px;
}

th
{
font-size:1.2em;
color:#fff;
background:#eb7515;
border:1px solid #eb7515;
padding:5px;
text-align:left;
}


/* =6. hacks */

.cf:after 
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.cf 
{
display:inline-block;
}