/*  © Copyright TheMediaPoint - http://www.themediapoint.co.uk | main stylesheet */

body {
  font-size: 80%;
  font-family:Arial, Helvetica, sans-serif;
  margin:0;
  background-image:url("../images/background-pink.jpg");
  background-repeat:repeat-x;
  background-color:#f7d5f6;
  color:#000;
}

/* basic layout ---------------------------------------------------------------- */

div {
  font-size: 1em;
}

#wrapper {
	width:960px;
	margin:auto;
}

.sbutton{
	color:#000;
	border:1px solid #000;
	background-color:#f7d5f6;
	width:68px;
	clear:both;	
	padding:4px;
	vertical-align:middle;
}

/* Header informatiom */

#header {
	width:960px;
	height:216px;
	background-image:url("../images/header-back-pink.jpg");
  	background-repeat:no-repeat;
}

#logo {
	margin-left:20px;
	}

/* Navi informatiom */
#navigation{
	height:32px; 
	clear:both;
	background-image:url("../images/navi-back.png");
  	background-repeat:no-repeat;
	width:649px;
	float:right;
	position:relative;
	top:126px;
}
/*** Superfish SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a:link, .sf-menu li li a, .sf-menu a:visited, .sf-menu a:active   { /* visited pseudo selector so IE6 applies text colour*/
	color:#fff;
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#fff;
	outline:		0;
	text-decoration:underline;
}

.sf-menu { position:relative !important; overflow:visible !important; z-index:80; }

#current {
	color:#fff;
	text-decoration:underline;
	}
	
.first {
	border:none !important;
	}
.last {
	border:none !important;
	}

/*** Superfish SKIN ***/

#subnav{
	float:left;
	height:auto;
	left:20px;
	position:relative;
	width:220px;
}

.sf-menu-sub {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu-sub a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	display: block;
	width:13.5em;
	height:auto;
	text-indent:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.sf-menu-sub a:link, .sf-menu-sub li li a, .sf-menu-sub a:visited, .sf-menu-sub a:active   { /* visited pseudo selector so IE6 applies text colour*/
	color:#000;
	background-color:#f7d5f6;
	text-decoration:none;
}
.sf-menu-sub li {
	background-color:#f7d5f6;
	border:1px #000 solid;
		text-align:left;
}
.sf-menu-sub li li {
}
.sf-menu-sub li li li {
}

.sf-menu-sub li:hover, .sf-menu-sub li.sfHover,
.sf-menu-sub a:focus, .sf-menu-sub a:hover, .sf-menu-sub a:active {
	color:#000;
	outline:		0;
	background-color:#f7d5f6;
	text-decoration:underline;
}

.sf-menu-sub { position:relative !important; overflow:visible !important; z-index:80; }

#current-sub {
	color:#000;
	height:15px;
	background-color:#f7d5f6;
	text-decoration:underline;
	}
	
.first-sub {
	border:none !important;
	}
.last-sub {
	border:none !important;
	}

.text-input{
	border:1px solid #000;
	background-color:#f7d5f6;
	height:24px;
	width:143px;
}

.button{
	color:#000;
	border:1px solid #000;
	background-color:#f7d5f6;
	width:68px;
	clear:both;	
	padding:4px;
	vertical-align:middle;
}

.search{
	margin:20px 0 20px 20px;
	width:220px;
}

.search input {
	vertical-align:middle;
}

.acess{
	clear:both;
	float:right;
	height:30px;
	position:relative;
	top:129px;
}

/*accessbillty*/

.access1, .access2, .access3, .access4, .access5, .access6, .access7, .access8, .access9, .access10, .access11, .access12{ 
	float:left;
	width:10px;
	height:10px;
	margin-right:10px;
	margin-top:7px;
}

.image-mr-10{
	float:left;
	margin-right:30px;
}

.image-mr-20{	
	float:left;
}

.image-mr-30{
float:right;
}
/* Content informatiom */

#content {
	width:700px;
	margin:auto;
	height:auto;
	float:right;
}

#content-sub {
	margin:auto;
	height:auto;
}

#content-gallery {
	float:right;
	width:700px;
	height:auto;
	height:280px;
}

#content-left{
	height:auto;
	border:1px #000 solid;
	background-color:#f7d5f6;
	color:#000;
	width:700px;
}

#content-right{
	width:280px;
	height:auto;
	float:right;
}

#content-left-sub {
	background-color:#f7d5f6;
	border:1px solid #000;
	color:#000;
	float:left;
	height:auto;
	left:40px;
	margin-top:20px;
	position:relative;
	width:459px;
}


#content-right-sub{
	width:218px;
	height:auto;
	float:right;
	border:1px #000 solid;
	background-color:#f7d5f6;
	margin-top:20px;
	color:#000;
}

/* Footer informatiom */

.push{
	width:960px;
	margin:auto;
	height:20px;
	clear:both;
}

#footer-wrapper {
	clear:both;
	background-image:url("../images/footerbase.jpg");
  	background-repeat:repeat-x;
	height:173px;
	}

#footer {
	width:960px;
	height:auto;
	clear:both;
	margin:auto;
	padding-top:10px;
}

#foot-left{
	width:450px;
	height:auto;
	float:left;
	color:#fff;
	font-size:14px;
	padding-left:12px;
}

#foot-right{
	width:450px;
	height:auto;
	float:right;
	color:#fff;
	text-align:right;
	font-size:14px;
}

a.media{
	color:#FF6600;
	font-weight:bold;
	text-decoration:none;
}
a.media:hover{
	color:#FF9966;
	font-weight:bold;
	text-decoration:none;
}

/* links ----------------------------------------------------------------------- */

a {
	 text-decoration:none;
	 color:#000;
	 background-color: inherit;
}

a:hover {
	 text-decoration:underline;
}

a.linkdisplay {
	 text-decoration:none;
	 color:#FFFFFF;
	 background-color: inherit;
	 	 font-size:14px;
}

a.linkdisplay:hover {
	 color:#FFFFFF;
	 text-decoration:underline;
	 font-size:14px;
}

/* headings -------------------------------------------------------------------- */

h1, h2, h4, h5 {
	  color:#000;
}

h1 {
	  font-size: 22px;
	  line-height: 1em;
	  padding-bottom:0.2em;
	  padding-left:10px;
	  padding-top:10px;
}

h1.sub {
	  font-size: 22px;
	  line-height: 1em;
	  padding-bottom:0.2em;
	  padding-left:10px;
	  padding-top:10px;
}

h2 {
		font-size:16px;
	  margin:15px 0 0.6em 8px;
}

h3 {
	  font-size: 2em;
	  margin: 0 0 0.5em 0;
	  color:#ffffff;
	  font-weight:bold;
	  padding-left:10px;
	  padding-top:10px;
	 
}

h4 {
	 font-size: 1.2em;
	  line-height: 1.3em;
	  margin: 0 0 0.5em 0;
	  color:#000;
	  font-weight:bold;
	  margin:0 0 0.6em 0;
	  color:#CC9933;
}

h5 { 
	  font-size: 1em;
	  line-height: 1.5em;
	  color:#000;
}

/* text ------------------------------------------------------------------------ */
p {
	 font-size:1em;
	line-height:18px;
	margin:0 0 1em;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

p.sub{
	font-size:1em;
	line-height:18px;
	margin:0 0 1em;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

p.image{
	margin:0;
	padding:0;
	
}

strong, b {
	  font-weight: bold;
}


/* jquery styles --------------------------------------------------------------- */


/* additional styles ----------------------------------------------------------- */

.clear {
  	clear: both;
}

.f-left {
  	float: left;
	padding-left:20px;
}

.f-right {
  	float: right;
}

label {
	float:left;
	margin-right:10px;
	width:100px;
	font-weight:bold;	
	}
	
#message {margin: 5px 10px; padding: 4px; display:block;text-align:center;}
#message.error {background:#FFEBE8;border: 1px solid #CC0000;color:#CC0000;}
#message.success {border:solid 1px #349534; background:#C9FFCA;color:#008000;}

.smalldisplay{
	width:721px;
	height:191px;
	clear:both;
	margin-bottom:20px;
}

.boxgrid{ 
	width: 220px; 
	height: 280px;
	float:left; 
	background:#fff;  
	overflow: hidden; 
	position: relative;
	background-color:#019700;
}

.boxgrid-g{ 
	width: 220px; 
	height: 280px;
	float:left; 
	background:#fff;  
	overflow: hidden; 
	position: relative;
	background-color:#019700;
}
	
	
.boxgrid-b{ 
	width: 220px; 
	height: 280px;
	float:left; 
	background:#fff;  
	overflow: hidden; 
	position: relative;
	background-color:#0091da;
}
	
.boxgrid-p{ 
	width: 220px; 
	height: 280px;
	float:left; 
	background:#fff;  
	overflow: hidden; 
	position: relative;
	background-color:#da3b7d;
}
	
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}
	
.boxgrid p{ 
	padding: 0 10px; 
	color:#ffffff; 
	font-weight:bold; 
	font:Arial, Helvetica, sans-serif;
	}
	
.boxgrid-g img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}
.boxgrid-g p{ 
	padding: 0 10px; 
	color:#ffffff; 
	font-weight:bold; 
	font:Arial, Helvetica, sans-serif;
}	
	
	
.boxgrid-b img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}
.boxgrid-b p{ 
	padding: 0 10px; 
	color:#ffffff; 
	font-weight:bold; 
	font:Arial, Helvetica, sans-serif;
}

.boxgrid-p img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}
.boxgrid-p p{ 
	padding: 0 10px; 
	color:#ffffff; 
	font-weight:bold; 
	font:Arial, Helvetica, sans-serif;
	}
	
.slideleft {
	margin-bottom:18px;
	margin-right:20px;
}
.slideright {	 
	margin-right:0px;
	margin-bottom:10px;
	}
	
.slide{
	width:218px;
	height:233px;
	
}

.boxgrid a{ color:#333; }
.boxgrid h3{ margin: 10px 10px 0 10px; color:#fff; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;}

/*  © Copyright TheMediaPoint - http://www.themediapoint.co.uk | main stylesheet */