@charset "utf-8";
/* CSS Document */

* {/* for demo only*/
    margin:0;
    padding:0
}
html, body {
    height:100%;/* needed to base 100% height on something known*/
    font-family:  Arial, Helvetica, sans-serif;
}

body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #f14583 url(../images/bg1.png) repeat-x !important ;

}

.subbody{
	background: #f14583 url(../images/bg1.png) no-repeat !important ;
}


#outer {
    margin:auto;
    min-height:100%;
    margin-top:-236px;/*footer height - this drags the outer 40px up through the top of the monitor */
    text-align:left;
    clear:both;
}

}
* html #outer {
    height:100%
}



/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/*negate effect of float*/
}

#outer:after {/*  ie8*/
    clear:both;
    display:block;
    height:1%;
    content:" ";
}

#main {
	margin: 0 auto !important;
	overflow: auto;
	.overflow: inherit;
	width: 1000px !important;
	
}  


.mainsub{
	margin: 0 auto !important;
	overflow: auto;
	.overflow: inherit;
	width: 1000px !important;
	
}

.outermain{
	
background:url(../images/content-home-back.png) no-repeat top center !important;	
}

.outersub{
	background:url(../images/background-banner-sub.jpg) repeat-x top center;
}

#backgroundmain{
	margin: 0 auto;
	background: url(../images/background.jpg) no-repeat  top center;
}

.backgroundmain{
	margin: 0 auto;
	background: url(../images/background.jpg) repeat-x top center;
}

#backgroundsub{
	margin: 0 auto;
	background: url(../images/background-header-sub.jpg) no-repeat  top center;
}

#backgroundplayzone{
	margin: 0 auto;
	background: url(../images/background-header-sub-play.jpg) no-repeat  top center;
}



a{
	color: #0d7bc1;
	text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a:visited {
	color: #095280;
}


p {
	color: #595959;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 20px;
    padding: 8px 8px;
}

em {
	color: #1c1c1c;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: normal;
    font-variant: normal;
    line-height: 20px;
    padding: 8px 8px;
}
h1 {
    font-size: 25px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
	line-height: 28px;
    padding: 10px 8px;
	color: #7b3499;
	font:Arial;

}
h2 {
    font-size: 18px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
	line-height: 22px;
    padding: 10px 8px;
	color: #7b3499;
}
h4, h3, h5, h6 {
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
	line-height: 18px;
    padding: 10px 8px;
	color: #7b3499;
}


.clearfix{
	clear:both;
}

ul, li {
	margin:0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}
.topLogo{
width:1000px;
height:99px;

}
.logo{
margin-left:30px;
width:252px;
height:99px;
float:left;
margin-top:5px;
}
.logoRightDiv{
width:250px;
height:68px;
float:right;
margin-top:10px;
}
.callUsDiv{
width:250px;
height:25px;
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-weight:bold;
text-align:left;
}
.clr{
clear:both;
}

/*  Menu
===================================================================================*/

#navmenu {
	text-transform: uppercase !important;	
	width:493px;
	.width: 500px;
	float:right;
	padding-top:55px;

}

#navmenu li {
	display: inline;
	list-style-type: none;
	padding: 0 10px 0 10px;
	text-align:right !important;
	border-right: solid #FFF;
	line-height: 10px;
}

.navmenu-end {
	border:none !important;
	padding: 0 0 0 10px;
}

#navmenu a{
	color: #012151;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
#navmenu a:hover{
	color: #3d67a5;
}

/*  Image Buttons
===================================================================================*/
#mainmenu{
	margin-top:-50px !important;
}

.menu{
	margin:0 auto;
	padding:0;
	width:950px;
}


.menu ul#navmenu-h {
	width: 950px; 
	margin: auto;
	list-style: none;
}

.menu ul#navmenu-h li { 
	display: inline; 
}

.menu ul li a {
	display: block; 
	float: left; 
	height: 60px;
}

.menu ul li a em {
	position: absolute;
	top: -999px;
	outline: none;
	display: inline;
}

.menu ul#navmenu-h li a.home {
	width: 198px; 
	height: 59px;	
	background: url(../images/menu-buttons.png)	no-repeat	0 0;
	text-indent: -99999px;
	margin-top: -25px !important;

}
	
.menu ul#navmenu-h li a.about {
	width: 180px; 
	height: 59px;	
	background: url(../images/menu-buttons.png)	no-repeat	-198px 0;
	text-indent: -99999px;
		margin-top: -25px !important;

}

.menu ul#navmenu-h li a.products {
	width: 180px; 
	height: 59px;
	background: url(../images/menu-buttons.png)	no-repeat	-378px 0;
	text-indent: -99999px;
		margin-top: -25px !important;

}
.menu ul#navmenu-h li a.contact {
	width: 180px; 
	height: 59px;	
	background: url(../images/menu-buttons.png)	no-repeat	-566px 0;
	text-indent: -99999px;
		margin-top: -25px !important;

}

.menu ul#navmenu-h li a.enquiry {
	width: 200px; 
	height: 59px;
	background: url(../images/menu-buttons.png)	no-repeat	-750px 0;
	text-indent: -99999px;
		margin-top: -25px !important;

}

.menu ul#navmenu-h li a.home:hover, ul#navmenu-h li a.home:focus {		
	background-position: 0 -59px;	
}
.menu ul#navmenu-h li a.about:hover, ul#navmenu-h li a.about:focus {
	background-position: -198px -59px;	
}
.menu ul#navmenu-h li a.products:hover, ul#navmenu-h li a.products:focus {
	background-position: -378px -59px;	
}
.menu ul#navmenu-h li a.contact:hover, ul#navmenu-h li a.contact:focus {
	background-position: -566px -59px;	
}
.menu ul#navmenu-h li a.enquiry:hover, ul#navmenu-h li a.enquiry:focus {
	background-position: -750px -59px;	
}

.menu a { 
	outline: none; 
}

/*  Content
===================================================================================*/


#banners{
	width:953px;
	margin: 0 auto !important;
	height:442px;
	
}

.subbanner{
	width:543px !important;
	height:251px !important;
	float: right;
	margin:140px 33px 0 0 !important;
	
	
}



#playzone{
	margin: 108px 0 0 660px  !important;
	float: right;
	width:338px;
	height:100px;
	background:url(../images/button-playzone.png) 0 0;
	position: absolute;
	cursor:pointer;
	z-index:999;
}

#playzone:hover{
	background:url(../images/button-playzone.png) 0 -101px;
	cursor:pointer;
}


#main-left{
	margin:0;
	width:285px;
	float:left;
	min-height: 100px;
	padding: 0 12px;

}

#main-left ul  li{
	margin: 2px 2px 2px 22px;
	padding: 2px 2px;
	font-family:Georgia !important;
	font-weight: bold;
}

#main-left ol li{
	margin: 2px 2px 2px 22px;
	padding: 2px 2px;
	font-family:Georgia !important;
	font-weight: normal !important;
}

.sidebartop{
	background:url(../images/sidebar-top.png) no-repeat center top;
	width: 282px;
	height:46px;
}

#sidebar{
	background: url(../images/sidebar-repeat.png) repeat-y;
	width: 252px;
	padding:0 30px 0 0;
	text-align:right;
	min-height:250px;
}

#sidebar p{
	margin: 0;
	padding: 0;
}

.sidebarbottom{
	background: url(../images/sidebar-bottom.png) no-repeat center top;
	width: 282px;	
	height: 35px;
}


.familiestext a, .familiestext h1{
	color: #00a44b !important;
}

.agenciestext a, .agenciestext h1{
	color: #7b3499 !important;
}

.abouttext a, .abouttext h1{
	color: #0d7bc1 !important;
}



#main-center{
	margin:0;
	float:left;
	padding: 0 40px;
	min-width:900px;
	min-height:150px;
}

#main-right{
	margin:0;
	width: 600px;
	float:left;
	min-height: 100px;
	padding: 0 8px;
	text-align: left;
}

#main-rightsub{
	margin:0;
	width: 725px;
	float:left;
	min-height: 100px;
	padding: 0 15px;
}
#main-rightsub li{
	margin: 2px 45px;
	padding: 2px 3px;
	color: #93221e;
	font-family:Georgia !important;
}


/*  Footer
===================================================================================*/


#footer {/* footer now sits at bottom of window*/
    margin:auto;
    min-height:136px;/* must match negative margin of #outer */
    clear:both;
	color: #3d3d3d;
	background: url(../images/footer.png) top center repeat-x;	
}
* html #footer{height:136px;}


#footer a{
	color:#FFF;
}

#footerwrap{
	margin:0 auto;
	padding:5px 0;
	width:1000px;
}

#footerwhatsnew{
	display: block;
	width: 243px;
	height: 96px;
	background:  url(../images/whatsnew.png) no-repeat 0 0;
	float:left;

}

#footerwhatsnew:hover{ 
	background-position: 0 -96px;
	cursor:pointer;
}

#footermenu {
	padding-top:55px;
	text-align:right;
	padding-right:10px;

}

#footermenu li {
	display: inline;
	list-style-type: none;
	padding: 0 10px 0 10px;
	text-align:right !important;
	border-right: solid #fff 1px;
	line-height: 10px;
}

li.footermenu-end {
	border:none !important;
	padding: 0 0 0 10px;
}

#footermenu a{
	color: #FFF;
	font-size:12px;
	text-decoration:none;
	text-shadow: 1px 1px 2px #4d4d4d;
	filter: dropshadow(color=#4d4d4d, offx=1, offy=1);
	text-transform:uppercase;	
}
#footermenu a:hover{
	color: #3d67a5;
}

.footersubtext {
	color: #fff;
	font-size:10px;
	font:Arial, Helvetica, sans-serif;
	text-align:right;
	padding-right:25px;	
}


#simplegallery1{
	background: none !important;
	z-index:1;
	position:relative;
}