/* Main CSS Start */

/*importing reset stylesheet start*/

@import "reset.css";

/*importing reset stylesheet end*/



@font-face {

font-family: 'MuseoSans_500';

/*src: url("MuseoSans_500.eot");*/

src: local('MuseoSans_500'),

url("MuseoSans_500.svg") format('svg'),

url("MuseoSans_500.otf") format('opentype');

}

body {

	background: url(../images/body-bg.gif) repeat left top;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	color: #454a3f;

}

#wrapper {

	width: 100%;

	margin: 0 auto;

	background: url(../images/wrapper-bg.gif) repeat-x left top;

	padding:0 0 20px 0;

}

h2

{

font-family:Arial, Helvetica, sans-serif;

font-size:24px;

color:#454a3f;

font-weight:normal;

padding:0 0 10px 0;

}

h3

{

font-size:18px;

color:#020202;

font-weight:normal;

font-weight:bold;

padding:0 0 10px 0;

}



h4

{

font-size:14px;

color:#020202;

font-weight:bold;

padding:0 0 0px 0;

margin-bottom: 0px;
}



h5

{

font-size:11px;

color:#020202;

padding:0 0 10px 0;

}

h6

{

font-size:10px;

color:#020202;

font-weight:bold;

}

p

{

color:#020202;

font-size:14px;

line-height:18px;

}

/* Main CSS End */





/* Header CSS Start */

#header {

	width: 988px;

	margin:0 auto;

	height: 170px;

}

.logo{

width:422px;

height:34px;

padding:25px 0px 0 0px;

float:left;
position:relative;
right: 10px;

}

.right-head

{

float:right;

width:320px;

height:150px;

}

.title

{

height:28px;

padding:10px 0 0 0;

float:right;

}

.title a

{

display:inline-block;

background:url(../images/contact-right.png) no-repeat right top;

height:28px;

padding:0 9px 0 0;

font-size:18px;

text-decoration:none;

color:#fff;

}

.title a:hover

{

color:#323430;



}

.title a span

{

float:right;

display:block;

background:url(../images/contact.gif) no-repeat left top;

height:28px;

font-size:18px;

padding:0 0 0 8px;

width: 95px;

}



.title a:hover span

{

float:right;

display:block;

background:url(../images/contactroll.gif) no-repeat left top;

height:28px;

font-size:18px;

padding:0 0 0 8px;

width: 95px;

}



.search{

float:right;

padding:66px 0 0 0;

}

.button{

background:url(../images/search.png) no-repeat left top;

width:97px;

height:32px;

border:0;

float:left;

font-size:13px;

color:#000;

margin-left:15px;

text-align:center;

cursor:pointer;

}



.button:hover{

background-position:0 -32px;

}

.search-box

{

background:url(../images/search-bg.png) no-repeat left top;

width:189px;

height:24px;

border:0;

float:left;

font-size:13px;

color:#000;

padding:7px 5px 3px 5px;

}

/* Header CSS End */





/* Menu CSS Start */

#menu {

	width: 100%;

	height:40px;

	background:url(../images/left-bar.png) no-repeat center;

	



}

#inner-menu{

	width: 988px;

	margin:0 auto;

	}

#inner-menu ul

{

position:relative;

padding:4px 0 0 15px;

}

#inner-menu ul li

{

float:left;

padding:0 0 0 0;

background:url(../images/menu-spri.gif) no-repeat right top;



}

.nospri

{

background:none!important;

}

#inner-menu ul li ul{

clear: left;

position: absolute;

padding:5px 0 0 0!important;

width:500px;

left:15px;

top:35px;



}

#inner-menu ul li ul li{

	display: block;

float:left!important;

background:url(../images/foot-spri.gif) no-repeat right 5px !important;

padding:2px 4px 0 10px!important;



}





#inner-menu ul li ul li a

{

padding:0;

margin-right: 5px;

height: 18px;

color:#323430!important;

font-family:Arial, Helvetica, sans-serif;

}

#inner-menu ul li ul li a:hover, #inner-menu ul li ul li a.li2

{

color:#a9b1a0!important;

background:none!important;

border-bottom: 3px solid #A8B09F;

}

#inner-menu ul li a

{

display:inline-block;

padding:0 9px 0 0;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#454a3f;

text-decoration:none;

height:41px;

}



#inner-menu ul li a span{

display:inline-block;



color:#454a3f;
height:34px;
font-weight:100;
cursor:pointer;

/*font-size: 17px;
font-weight:100;
padding:6px 0px 0 10px;
font-family: 'MuseoSans_500', "Museo Sans 500", 'Arial Narrow', sans-serif;*/

font-family:Arial, Helvetica, sans-serif;
font-size: 14px;

padding:8px 0px 0 10px;



}



#inner-menu ul li a:hover, #inner-menu ul li a.mainnavon

{

background:url(../images/nav-br-right.png) no-repeat right top;

}

#inner-menu ul li a:hover span, #inner-menu ul li a.mainnavon span

{

background:url(../images/nav-br.png) no-repeat left top;

}

/* Menu CSS End */





/* Content CSS Start */

#outer-content

{

width:100%;

background:url(../images/right-bar.png) no-repeat center 39px; 

}

#content {

	width: 988px;

	margin:22px auto;

	color:##454a3f;



}

#col-1 {

	width:700px;

	float:left;

	background: url(../images/content-bg.png) no-repeat left top;

	padding:6px 0 0 0;

	color:##454a3f;

}

.inner-left{

width:644px;

padding:30px 0 24px 28px;

margin:0px 0 0 13px;

background:url(../images/content-repeat.png) repeat-y left top;

}


.inner-left a, .inner-left a:visited {
color: #8A1211;
text-decoration: none;
}

.inner-left a:hover, .inner-left a:active {
color: #ff0000;
text-decoration: underline;
}

.inner-left p

{


padding:0 15px 26px 0;

}

#shop p
{
padding:0px;
}

.inner-left ol, .inner-left ul

{
list-style-type: disc;
width:589px;
padding:0 0 26px 0;
margin-left: 20px;

}

.inner-left ul ul {
padding:0 0 0px 0;
list-style-type: circle;

}

.inner-left li {
color:#020202;

font-size:14px;

line-height:18px;
}

.inner-left h2

{

padding:0 0 20px 0;

}

.inner-left h4

{

padding:0 0 28px 0;

}

.inner-left a.button

{

display:block;

background:url(../images/inner-butto.gif) no-repeat left top;

width:138px;

height:23px;

color:#fff;

text-decoration:none;

font-size:14px;

padding:6px 0 0 0;

margin-bottom:23px;

text-align:center;

}

.inner-left a.button:hover

{

background-position:0 -29px;

color:#454A3F;

}

.right-inner

{

background:url(../images/inner-right.png) repeat-y left top;

width:242px;

float:right;

position: absolute;

margin:30px 0 0 15px;

padding:25px 0 30px 18px;

border:1px solid #fbfbf9;

}

.right-inner h3

{

padding:0 0 24px 0;

}

.right-inner h4

{

font-size:11px;

color:#020202;

padding:0 0 7px 0;

}

.right-inner p

{

width:221px!important;

padding:0 0 10px 0!important;

font-size:11px;

}

.right-inner a

{

float:none!important;

color:#8f876e!important;

background:none!important;

font-size:11px!important;

text-decoration:none;

}





.right-inner a:hover

{

text-decoration:underline;

}

.spri

{

background:url(../images/spri.gif) repeat-x left top;

height:1px;

width:221px;

padding:0 0 20px 0;

font-size:0px;

margin:20px 0 0 0;

}

.inner-left-end

{

background:url(../images/inner-left-end.png) no-repeat left top;

width:632px;

height:2px;

font-size:0;

padding:0 0 0 42px;

margin:0 0 0 13px;

}

.clearmain
{
clear: both;
height: 1px;
}

#outer-banner

{

position:relative;

width:658px;

height:307px;

}

#banner

{

padding:6px 0 38px 20px;

margin:0;

width:658px;

height:307px;

float:left;

}

.preview

{

width:44px;

height:50px;

position: absolute;

float:left;

left:635px;

top:140px;

}

.next

{

width:44px;

height:50px;

position: absolute;

float:left;

left:20px;

top:140px;

}

#col-2 {

	width: 282px;

	float:right;

	padding:45px 0 0 0;

	position:relative;

}

.outer{

width:288px;

position: absolute;

left:-22px;

}

.text

{

float:left;

width:200px;

}

.outer p

{

color:#0f0f0f;

font-size:11px;

width:211px;

padding:0 0 0 15px;

line-height:14px;

}

.link-box3 a, .link-box2 a, .link-box a

{

background:url(../images/arow-hover.png) no-repeat left top;

height:46px;

width:47px;

display:inline-block;

float:right;

font-size:0;

margin:20px 0 0 0;

}

.link-box3 a:hover, .link-box2 a:hover, .link-box a:hover

{

background-position:0 -46px;

}

.link-box

{

background:url(../images/links-box.png) no-repeat left top;

height:83px;

padding:0 8px 0 3px;

width:277px;

}

.outer img

{

padding:16px 0 0 14px;

}

.link-box2

{

background:url(../images/links-box2.png) no-repeat left top;

height:81px;

padding:0 8px 0 3px;

width:277px

}

.link-box3

{

background:url(../images/links-box3.png) no-repeat left top;

height:83px;

padding:0 8px 0 3px;

width:277px

}



.link-box3 p, .link-box2 p, .link-box p{

	padding-top:3px;

}



/* Content CSS End */





/* Footer CSS Start */

#footer {

	width: 100%;

	margin:0 auto;

	background:url(../images/left-bar.png) no-repeat center 38px;

}

#inner-footer{

width:988px;

margin:0 auto;

height:71px;

}

#inner-footer ul{

padding:39px 0 0 8px;

float:left;

}

#inner-footer ul li{

float:left;

padding:0 10px 0 10px;

background:url(../images/foot-spri.gif) no-repeat right center;

}

#inner-footer ul li a

{

text-decoration:none;

color:#020202;

font-size:13px;

}

#inner-footer ul li a:hover

{

text-decoration:underline;

}

#inner-footer p, #inner-footer p a

{


color:#020202;

font-size:10px;
text-decoration: none;

}
#inner-footer p {
padding:0 0 0 18px;
}

#inner-footer span

{

display:inline-block;

color:#a9a798;

background:url(../images/foot-spri.gif) no-repeat right center;

padding:0 8px 0 0;



}

/* Footer CSS End */







#cufon

{

font-size: 17px;

}



#imagebox {

float: right;

margin: 0 15px 20px 20px;

}



#imagebox img {

border: 6px #ccc solid;

margin-bottom: 20px;

}



.fullnews img {

float: right;

border: 6px #ccc solid;

margin-bottom: 20px;

}

.newstitle
{
margin: 0px;
position: relative;
bottom: 20px;
}

#shop
{
width: 440px;
}

#shop p
{
margin-left: 120px;
width: 320px;


}

.shopbooks
{
float:left;
margin: 0 10px 10px 0;
border: 4px solid #A9B1A0;
}

.clear
{
clear:both;
height: 1px;
}

/********************************
*           Forms etc            *
********************************/


.fieldset {
  		width:97%;
  		}

.fieldset label {
		text-align:right;
		width:200px;
		float:left;
		padding:0.2em;
		margin:0;
		margin-top:0.1em;
		}

.fieldset .nobr {display:none;}  

.fieldset .textfield {
		margin:3px;
		height:12px;
		width:150px;
		font-size: smaller;
		}

.fieldset .textarea {
		margin:3px;
		height:150px;
		width:180px;
		font-size: smaller;
		}

legend {
		color: <?php echo $pagetitle; ?>; 
		margin: 0px; 
		padding: 0px; 
		font-weight:bold;
		font-size: 150%;
		}