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

Title		: North Worcestershire Tourism
URL 		: www.northworcestershiretourism.com/

Created 	: May 2011

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

/* !--- GLOBAL --- */



@font-face {
    font-family: 'HelveticaNeueLT25UltLtRegular';
    src: url('fonts/helveticaneuelt-ultralight-webfont.eot');
    src: url('fonts/helveticaneuelt-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneuelt-ultralight-webfont.woff') format('woff'),
         url('fonts/helveticaneuelt-ultralight-webfont.ttf') format('truetype'),
         url('fonts/helveticaneuelt-ultralight-webfont.svg#HelveticaNeueLT25UltLtRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLTPro95Black';
    src: url('fonts/helveticaneueltpro-blk-webfont.eot');
    src: url('fonts/helveticaneueltpro-blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltpro-blk-webfont.woff') format('woff'),
         url('fonts/helveticaneueltpro-blk-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltpro-blk-webfont.svg#HelveticaNeueLTPro95Black') format('svg');
    font-weight: normal;
    font-style: normal;

}


BODY, TABLE, TD, TR, P, DIV {
	font-family : Helvetica, sans-serif;
	font-size : 12px;
	color : #707070;
}

body {
	background-image : url(images/theme/site_bg.jpg);
	background-position : 50% 0px;
	background-repeat : repeat-x;
	background-color : #FFFFFF;
	background-attachment:fixed;
	margin: 0; 
	padding: 0;
 }

#wrapper {
	margin: 0px auto;
	width: 955px;
}

hr {
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

select {
	width: 225px;
}

/* !--- LINKS --- */

A:LINK {
	color : #930006; 
	font-weight: bold;
}
	
A:VISITED {
	color : #930006; 
	font-weight: bold;
}

A:HOVER {
	color : #ed1c24; 
	TEXT-DECORATION: none; 
	font-weight: bold; 
}

A.whitelink:LINK {
	color : #fff99d; 
	font-weight: bold;
}
	
A.whitelink:VISITED {
	color : #fff99d; 
	font-weight: bold;
}

A.whitelink:HOVER {
	color : #ffc600; 
	TEXT-DECORATION: none; 
	font-weight: bold; 
}



/* !--- TEXT --- */

#content h2 {
	font-family : 'HelveticaNeueLT25UltLtRegular', Helvetica, sans-serif;
	font-size : 34px;
	color : #707070;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	
}

.text-greytitle {
	font-family : 'HelveticaNeueLT25UltLtRegular', Helvetica, sans-serif;
	font-size : 34px;
	color : #707070;
	
}

.text-greytitleheavy {
	font-family : 'HelveticaNeueLTPro95Black', Helvetica, sans-serif;
	font-size : 18px;
	color : #707070;
	
}

.text-greyheavy {
	font-family : 'HelveticaNeueLTPro95Black', Helvetica, sans-serif;
	font-size : 16px;
	color : #707070;
	
}

.text-whitetitle {
	font-family : Helvetica, sans-serif;
	font-size : 16px;
	color : #FFFFFF;
	font-weight: bold;
}

.text-smallbrowntitle {
	font-family : Helvetica, sans-serif;
	font-size : 11px;
	color : #6c3a1c;
}

.text-brown {
	color : #6c3a1c;
}

.text-brownbold {
	color : #6c3a1c;
	font-weight: bold;
}

.text-white {
	color : #FFFFFF;
}

.text-whitebold {
	color : #FFFFFF;
	font-weight: bold;
}

.text-bold {
	font-weight: bold;
}

.text-bolditalic {
	font-weight: bold;
	font-style: italic;
}

:focus, :active { outline: 0; }

.clear { clear:both; }

a img { border:0px; }

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

.fixed { display:block; }

/*  \*/
.fixed { min-height:1%; }

* html .fixed {	height:1%; }

/*--- Font Size (em) Bug Fixing for IE ---*/

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */
INPUT, TEXTAREA, SELECT, TH, TD {font-size:1em}
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}



/* !--- CONTENT --- */

#content { 
	display:block;
	min-height: 400px;
	background-image:url(images/theme/content_bg.png);

}

#contentLeft {
	float: left;
	margin: 5px 0px 0px 0px;
	width: 150px;
	min-height:250px;
	padding: 5px 0px 5px 5px;
	
}

#contentRight {
	float: right;
	padding: 5px 0px 5px 0px;
	width: 780px;
	min-height: 200px;
	margin: 5px 5px 0px 0px;
	_margin: 5px 0px 0px 0px;
	
}

#contentFeatureRight {	
	float: right;
	margin: 10px 0px 10px 10px;

}


#textBoxIntro {
	font-family : Helvetica, sans-serif;
	font-size : 12px;
	color : #707070;
	/*display: block;*/
	float: left;
	margin: 0px 5px 5px 0px;
	width: 200px;
	min-height:310px;
	background-color : #FFFFFF;
	padding: 10px;
	border-top: 10px solid #ed1c24;
}

#textBoxLeft {
	font-family : Helvetica, sans-serif;
	font-size : 12px;
	color : #707070;
	display: block;
	float: left;
	margin: 5px 5px 5px 0px;
	width: 365px;
	min-height:100px;
	background-color : #FFFFFF;
	padding: 10px;
	border-top: 10px solid #bbd83c;
}

#textBoxRight {
	font-family : Helvetica, sans-serif;
	font-size : 12px;
	color : #707070;
	display: block;
	float: right;
	margin: 5px 5px 5px 0px;
	_margin: 5px 0px 5px 0px;
	width: 365px;
	min-height:100px;
	background-color : #FFFFFF;
	padding: 10px;
	border-top: 10px solid #913f9a;
}

#textBoxFull {
	font-family : Helvetica, sans-serif;
	font-size : 12px;
	color : #707070;
	display: block;
	margin: 5px 5px 5px 0px;
	min-height:100px;
	background-color : #FFFFFF;
	padding: 10px;
	border-top: 10px solid #00aced;

}

#textBoxFullRed {
	font-family : Helvetica, sans-serif;
	font-size : 12px;
	color : #707070;
	display: block;
	margin: 5px 5px 5px 0px;
	min-height:100px;
	background-color : #FFFFFF;
	padding: 10px;
	border-top: 10px solid #ed1c24;
}

#boxButtonContent {
	font-family : 'HelveticaNeueLT25UltLtRegular', Helvetica, sans-serif;
	font-size : 20px;
	color : #8b5230;
	font-weight:normal;
	TEXT-DECORATION: none; 
	display: block;
	min-height:30px;
	background-image : url(images/theme/icon_rhino.png);
	background-position : 95% 50% ;
	background-repeat : no-repeat;
	padding: 12px 5px 5px 5px;
}

#boxButtonContent:HOVER {
	background-color : #fdf5cf;
}

#boxButtonContent2 {
	font-family : 'HelveticaNeueLT25UltLtRegular', Helvetica, sans-serif;
	font-size : 20px;
	color : #8b5230;
	font-weight:normal;
	TEXT-DECORATION: none; 
	display: block;
	min-height:30px;
	background-image : url(images/theme/icon_antelope3.png);
	background-position : 95% 50% ;
	background-repeat : no-repeat;
	padding: 12px 5px 5px 5px;
}

#boxButtonContent2:HOVER {
	background-color : #fdf5cf;
}

#boxButton {
	display: block;
	margin: 0px auto 2px auto;
	width: 75%;
	min-height:20px;
	border:1px solid #d3c19f;
	background-image : url(images/theme/navbar_bg.jpg);
	background-repeat : repeat-x;
	background-color : #fdf4e3;
	
	/* CSS3 rounded corners */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	/* CSS3PIE Fix for Internet Explorer 
	behavior: url(/js/css3pie/PIE.htc);*/
}




#textBoxClear {
	font-family : Helvetica, sans-serif;
	font-size : 12px;
	color : #8b5230;
	display: block;
	margin: 0px 5px 5px 0px;
	width: 665px;
	min-height:15px;
	padding: 5px 5px 5px 5px;
	
}

#infoBox {
	float: left;
	width: 300px;
	padding: 10px 10px 10px 0px;
	margin: 0px;
		}

#patternDivider1 {	
	display:block;
	margin: 0px;
	height:36px;
	background-image : url(images/theme/patterndivider1.jpg);
	background-repeat : repeat-x;

}

#patternDivider2 {	
	float: right;
	margin: 10px 15px 10px 0px;
	width:210px;
	height:30px;
	background-image : url(/images/theme/patterndivider2.png);
	background-repeat : repeat-x;

}

#patternDivider3 {	
	margin: 10px auto 10px auto;
	display:block;
	height:15px;
	background-image : url(/images/theme/patterndivider3.png);
	background-repeat : repeat-x;

}

#dottedDivider1 {	
	margin: 10px auto 10px auto;
	display:block;
	border-bottom: 1px dotted #d3c19f;

}

#dottedDivider2 {	
	margin: 5px auto 5px auto;
	display:block;
	border-bottom: 1px dotted #FFFFFF;

}

#sliderFeature {	
	float:left;
	padding:0px;
	margin: 0px;
	background:#ed1c24;
	width:550px;
	height: 340px;
	
}

/* !--- LISTINGS --- */

#listings, #events_listings {
		list-style: none;
		padding: 0px;
		margin: 0px;
}
	
#listings li {
	/*float: left;
	width: 250px;*/
	display:block;
	min-height: 180px;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-top:1px solid #000000;
}
	
	/* IE6 min-height fix */
     * html #listings li {height:180px;}

#events_listings li {
	/*float: left;
	width: 250px;*/
	display:block;
	clear: both;
	min-height: 100px;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-top:1px solid #000000;
}	
			
#listings li img, #events_listings li img {
	float: right;
	border: 0px;
	margin: 5px 0px 5px 5px;			
	}



/* !--- GALLERY --- */

#galleries {
		list-style: none;
	}
	
#galleries li {
	float: left;
	width: 250px;
	padding: 8px 10px;
	margin: 10px;
	text-align: center;
	border:1px solid #ffffff;
		}
		
#galleries li:hover {

	border:1px solid #d3c19f;			
	background-image : url(images/theme/sidepanel_bg.jpg);
	background-repeat : repeat-x;
	background-color : #fef9f1;
	
	/* CSS3 rounded corners */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	/* Inner Shadows */
	-moz-box-shadow:inset 0px 3px 4px #ffffff;
	-webkit-box-shadow:inset 0px 3px 4px #ffffff;
	box-shadow:inset 0px 3px 4px #ffffff;

	/* CSS3PIE Fix for Internet Explorer */
	behavior: url(/js/css3pie/PIE.htc);
	}
			
#galleries li a {
	font-size: 12px;
	color: #7b4937;
	text-decoration: none;
	}
				
#galleries li a:hover {
	color: #c77405;
	}
			
#galleries li a img {
	/* border: 1px solid white;	*/	
	margin-bottom: 4px;			
	}



/* !--- HEADER --- */

#header {
	margin: 100px 0px 0px 0px;
	padding: 10px;
	display:block;
	height:90px;
	background-color:#FFFFFF;
	
}

#headerIcon {
	float:right;
	width: 90px;
	height:90px;
}

/* !--- MENU --- */

#menu {
	width:150px;
	float:left;
	z-index:9000;
	/*display: block;*/
	margin: 0px 10px 0px 0px;
	padding: 0px;
	min-height:300px;
	
}

/* !--- FOOTER --- */

#footer {
	font-family : Helvetica, sans-serif;
	font-size : 12px;
	color:#C2C2C2;
	display:block;
	border-top: 40px solid #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 50px 5px 5px 5px;
	/*background-color : #FFFFFF;*/
	height:20px;
	text-align:center;
}

