/*
-----------------------------------------------
Trewcare Screen

Author:   Russell Jones | www.slightlydifferent.co.uk   Date:  1/6/06
----------------------------------------------- */



/*------------------------------
GENERAL
----------------------------- */	

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height:18px;
	color: #000;
	background:url(/images/bg/body.gif) #F2EFE8 top center repeat-y;
	}

p {
	margin: 0;
	padding:0;
	}	
	
a img {
	border: none;
	}	

a {
	color: #D8D4B6;
	text-decoration: none;
	}	

a:hover {
	color: #FF7200;
	}
	
	

/*------------------------------
SPECIALS
----------------------------- */	

.hide { /* hide elements */
	display: none; 
	} 

div.clearme { /* To clear floated divs - Hacked for IE */
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}

ul.arrowlink{
	margin:0 0 0 15px;
	padding:0;
	list-style-type:none;
	}
	
.arrowlink2 a{
	background:url(/images/generic/arrowlink.gif) no-repeat -2px ;
	list-style-type:none;
	color:#0036A0;
	text-decoration:underline;
	padding-left:10px;
	}
	
.arrowlink3 a{
	background:url(/images/generic/arrowlink2.gif) no-repeat transparent -2px ;
	list-style-type:none;
	color:#0036A0;
	text-decoration:underline;
	padding-left:10px;
	}
	
	
/*------------------------------
IDS
----------------------------- */	

#container{
	margin:0 auto;
	width:955px;
	background:url(/images/bg/index-landscape2.jpg) no-repeat top;
	}
	
#skiplinks{
	display:none;
	}
	
#top-area{
	text-align:right;
	height:24px;
	padding-top:12px;
	}
	
#top-area ul{
	list-style-type:none;
	margin:0 100px 0 0;
	}
	
#top-area li, #top-area li a{
	display:inline;
	font-size:10px;
	color:#fff;!important
	text-decoration:none;
	padding-right:10px;
	}
	
	
#header{
	height:113px;
	}
	
#header h1, #header h1 a{
	background:url(/images/generic/logo.gif) no-repeat top transparent;
	text-indent:-9999px;
	width:246px;
	height:113px;
	display:block;
	margin:0;
	}
	

#content{}

#left-column{
	width:282px;
	float:left;
	margin-bottom:50px;
	}
	
#left-box-1{
	height:323px;
	width:255px;
	background:url(/images/generic/idx-box1.gif) top no-repeat transparent;
	margin-left:27px;
	margin-bottom:22px;
	}
	
#left-box-1 p{
	padding:202px 24px 10px 15px;
	}
	
/*.btop{}

.bbg{background:url(/images/generic/1bg.gif) repeat-y;}

.bbtm{}*/
	
#left-box-2{
	height:182px;
	width:255px;
	background:url(/images/generic/idx-box2.gif) top no-repeat transparent;
	margin-left:27px;
	margin-bottom:22px;
	}
	
#left-box-2 p{
	padding:52px 24px 10px 15px;
	}
	
#right-column{
	width:600px;
	float:left;
	margin-left:30px;
	}
	
#right-column h2{
	background:url(/images/headings/index-heading.gif) no-repeat top left transparent;
	text-indent:-9999px;
	width:300px;
	height:46px;
	margin:0;
	}
	
#right-column p{
	color:#fff;
	padding-right:180px;
	margin-bottom:15px;
	}
	
#further-reading{
	margin-top:70px;
	margin-bottom:20px;
	}
	
#flasharea{
	height:310px;
	}
	
#footer{
	clear: both;
	padding: 10px 0 10px 0;
	background: #161212 url(/images/bg/footer.gif) bottom right no-repeat;}
	
#footer-wrap{
	margin: 0;
	width: 915px;
	padding-left: 33px;
	}	
	
#footer h3 {
	margin: 15px 0 5px;
	height: 16px;
	text-indent: -9000px;
	}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#footer li {
	margin: 3px 0;
	font-size:9px;
	color:#fff;
	}
	
#footer li a:link{
	color:#5F645D;
	}

#footer li a:visited{
	color:#5F645D;
	}

#footer li a:hover{
	color:#FF7200;
	text-decoration:underline;
	}
	
#footer li a:active{
	color:#5F645D;
	}
	
#footer-right {
	float: right;
	margin-top: 2px !important;
	margin-top: 15px;
	padding-right:250px;
	width: 330px;
	}
	
#services h3 {
	background: url(/images/headings/footer-services.gif) no-repeat;
	}
	
#helpful h3 {
	background: url(/images/headings/footer-helpful.gif) no-repeat;
	}

#forms h3 {
	margin-top: 0; background: url(/images/headings/footer-forms.gif) no-repeat;
	}
	
#contact h3 {
	 background: url(/images/headings/footer-contact.gif) no-repeat;
	}

#contact {
	margin-top: 20px;
	}
	
#contact address {
	padding-top: 0;
	font-size: 10px;
	color: #C8D0C8;
	font-style:normal;
	}

p#copyright {
	margin-top: 30px;
	padding: 0;
	color: #464746;
	font-size:9px;
	}

p#copyright a {
	color: #464746;
	}	

p#copyright a:hover {
	color: #FF7200;
	text-decoration:underline;
	}	

	
	
#flashcontent{
	width:643px;
	height:250px;
	background:transparent;
	position:absolute;
	top:446px;
	padding-bottom:10px;
	}
	
	
/*------------------------------
MAIN NAVIGATION
----------------------------- 	
	
#main-nav {
    position: absolute;
    width: 690px;
    height: 28px;
    background: transparent url(/images/navments/nav-index-up.gif) no-repeat;
    margin-top:40px;
	margin-left:250px;
}

#main-nav ul {
    border: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: left;
    height: 28px;
}
#main-nav ul li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
}
#main-nav ul li a {
    display: block;
    height: 28px;
    padding: 0;
    margin: 0;
}

li#nav_livein a{ width: 91px; }
li#nav_homecare a { width: 94px; }
li#nav_child {width:140px}
li#nav_about a {width:82px}
li#nav_training a {width:142px}
li#nav_contact a {width:86px}
li#nav_links a {width:55px}

li#nav_livein a:hover { background: transparent url(/images/navments/nav-over-int.gif) 0px 0px no-repeat; }
li#nav_homecare a:hover { background: transparent url(/images/navments/nav-over-int.gif) -91px 0px no-repeat; }
li#nav_child a:hover { background: transparent url(/images/navments/nav-over-int.gif) -185px 0px no-repeat; }
li#nav_about a:hover { background: transparent url(/images/navments/nav-over-int.gif) -325px 0px no-repeat; }
li#nav_training a:hover { background: transparent url(/images/navments/nav-over-int.gif) -407px 0px no-repeat; }
li#nav_contact a:hover { background: transparent url(/images/navments/nav-over-int.gif) -549px 0px no-repeat; }
li#nav_links a:hover { background: transparent url(/images/navments/nav-over-int.gif) -635px 0px no-repeat; }

#main-nav ul li strong { display: none; }*/	

/*///////////////////////////////NAV///////////////////////////*/
#main-nav {
    position: absolute;
    width: 690px;
    height: 28px;
    background: transparent url(/images/navments/nav-index-up.gif) no-repeat;
    margin-top:40px;
	margin-left:250px;
}

#main-nav ul {
    border: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: left;
    height: 28px;
}
#main-nav ul li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
}
#main-nav ul li a {
    display: block;
    height: 28px;
    padding: 0;
    margin: 0;
}

li#nav_homecare a { width: 78px; }
li#nav_personal a { width: 101px; }
li#nav_child {width:148px}
li#nav_livein a{ width: 81px; }
li#nav_about a {width:66px}
li#nav_training a {width:133px}
li#nav_links a {width:41px}
li#nav_blog a {width:42px}

li#nav_homecare a:hover { background: transparent url(/images/navments/nav-over-int.gif) 0px 0px no-repeat; }
li#nav_personal a:hover { background: transparent url(/images/navments/nav-over-int.gif) -78px 0px no-repeat; }
li#nav_child a:hover { background: transparent url(/images/navments/nav-over-int.gif) -179px 0px no-repeat; }
li#nav_livein a:hover { background: transparent url(/images/navments/nav-over-int.gif) -327px 0px no-repeat; }
li#nav_about a:hover { background: transparent url(/images/navments/nav-over-int.gif) -408px 0px no-repeat; }
li#nav_training a:hover { background: transparent url(/images/navments/nav-over-int.gif) -474px 0px no-repeat; }
li#nav_links a:hover { background: transparent url(/images/navments/nav-over-int.gif) -607px 0px no-repeat; }
li#nav_blog a:hover { background: transparent url(/images/navments/nav-over-int.gif) -648px 0px no-repeat; }

#main-nav ul li strong { display: none; }


/*------------------------------
TEXT SIZER
----------------------------- */		
	
#text-sizer-nav {
    position: absolute;
    width: 84px;
    height: 36px;
    background: transparent url(/images/navments/textsizer.gif) no-repeat;
	margin-left:870px;
}

#text-sizer-nav ul {
    border: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: left;
    height: 36px;
}
#text-sizer-nav ul li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
}
#text-sizer-nav ul li a {
    display: block;
    height: 36px;
    padding: 0;
    margin: 0;
}

li#style1 a{ width: 25px; }
li#style2 a { width: 25px; }
li#style3 a { width: 31px; }

#text-sizer-nav ul li strong { display: none; }