/* Import the google font Lato used in the banner and for headings */

@import url(http://fonts.googleapis.com/css?family=Lato);


/* Hide social media div on background if window too small to display it */

@media screen and (min-width: 0px) and (max-width: 1100px) {
  #social-media-right { display: none; }   /* hide it elsewhere */
}

/* Highlight current selected navigation option */

#home .home-nav,
#qas .qas-nav,
#shop .shop-nav,
#books .book-nav,
#links .links-nav,
#writings .writings-nav,
#media .media-nav,
#contacts .contacts-nav,
#articles .articles-nav,
#about .about-nav,
#hdm .hdm-nav,
#illustrations .illustrations-nav{
  color:#CC0000;
  border-bottom: solid 4px #CC0000;
  }




/* Chose correct banner image for right hand div */

#home .bannerRightBG{
	
	background-image: url("../images/common/raven-2.png");
	background-repeat: no-repeat;
	
	
}

#about .bannerRightBG{
	
	background-image: url("../images/common/raven-2.png");
	background-repeat: no-repeat;
	
	
}

#books .bannerRightBG{
	
	background-image: url("../images/common/trees.jpg");
	background-repeat: no-repeat;
	
	
}

#shop .bannerRightBG{
	
	background-image: url("../images/common/flowers.jpg");
	background-repeat: no-repeat;
	
	
}


#articles .bannerRightBG{
	
	background-image: url("../images/common/tree.jpg");
	background-repeat: no-repeat;
	
	
}

#hdm .bannerRightBG{
	
	background-image: url("../images/common/alethiometerBanner.jpg");
	background-repeat: no-repeat;
	
	
}

#writings .bannerRightBG{
	
	background-image: url("../images/common/belvedere.jpg");
	background-repeat: no-repeat;
	
	
}

#media .bannerRightBG{
	
	background-image: url("../images/common/dragonfly.jpg");
	background-repeat: no-repeat;
	
	
}

#qas .bannerRightBG{
	
	background-image: url("../images/common/angel.jpg");
	background-repeat: no-repeat;
	
	
}

#links .bannerRightBG{
	
	background-image: url("../images/common/angel.jpg");
	background-repeat: no-repeat;
	
	
}

#illustrations .bannerRightBG{
	
	background-image: url("../images/common/lantern.png");
	background-repeat: no-repeat;
	
}

html {
        overflow-y: scroll;
    }
    

body{
	
	background-color:#CCCCCC;
	background-image: url("../images/common/background-pp-1.jpg");
	background-attachment: fixed;
	
}

p {

	color:#000000;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	
}

p a{
	
	color: #CC0000;
	text-decoration: none;
	
}

p a:active{
	color: #CC0000;
	
}

p a:visited{
	color: #CC0000;
}

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


h1,h2,h3,h4,h5,h6{
	
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-weight:normal;
	color:#CC0000;
	padding-top:0px;
	padding-botton:10px;
	margin-bottom:10px;
	
}

h1{
	
	font-size:28px;
		
}

h2{
	
	font-size:22px;
	
}

h3{
	
	font-size:20px;
}

h4{
	
	font-size:18px;
}

h5{
	
	font-size:16px;
}

h6{
	
	font-size:14px;
}

#background{
	
	float:center;
	width:960px;
	margin: 0 auto;
	margin-top:0px;
	background-color:#FFFFFF;
}
    
#banner{
    
    
	float:left;
	width:960px;
	background-color:#FFFFFF;
	box-shadow: 3px 3px 3px #666666 ;
	-moz-box-shadow: 3px 3px 0px #666666 ;
	-webkit-box-shadow: 3px 3px 3px #666;
	height:140px;
	

}


#bannerTop{
	
	float:left;
	width:940px;
	height:100px;
	margin-left:10px;
	background:#FFFFFF;
	background-repeat:no-repeat;
}

#bannerLeft{
	
	float:left;
	width:98px;
	height:100px;
	margin-left:10px;
			
}

#bannerCenter{
	
	float:left;
	width:350px;
	height:40px;
	padding-top:36px;
		
}

#bannerRight{
	
	float:right;
	width:130px;
	height:100px;
	
}



#bannerBottom {
	
	float:left;
	width:940px;
	height:40px;
	background:#FFFFFF;
	padding-left:0px;
}


#navLine {
	
	float:left;
	width:820px;
	height:35px;
	background:#FFFFFF;
	margin-left:20px;
	padding-left:100px;
	z-index: 10;
	border-bottom:4px solid #CCCCCC;
	
}

#contentMain{
    
    
	float:left;
	width:960px;
	margin:0px;
	background-color:#FFFFFF;
	box-shadow: 3px 3px 3px #666666 ;
	-moz-box-shadow: 3px 3px 0px #666666 ;
	-webkit-box-shadow: 3px 3px 3px #666;

}

#contentBreadCrumb{
	
	float:left;
	width:920px;
	margin:5px 10px 5px 20px;
	
}

#contentColumnHolder{
	
	float:left;
	width:920px;
	margin:0px 10px 10px 20px;
	
}

#contentLeft{
	
	float:left;
	width:190px;
	margin:0px 0px 0px 0px;
	padding-right: 15px;
	border-right: solid 1px #CCCCCC;
	
	
}

#contentCenter{
	
	float:left;
	width:500px;
	margin:0px 14px 0px -1px;
	border-left: 1px solid #CCCCCC;
	padding-left:15px;
		
}

#contentCenter2Col{
	
	float:left;
	width:690px;
	background:#FFFFFF;
	padding-left:15px;
	border-left: 1px solid #CCCCCC;
	margin:0px 0px 0px -1px;
		
}

#contentRight{
	
	float:left;
	width:180px;
	margin:0px 0px 0px 5px;
			
}

#slideshow {
    position:relative;
	
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}


#footerLine {
	
	float:left;
	width:920px;
	height:35px;
	background:#FFFFFF;
	padding-left:0px;
	z-index: 10;
	border-top:4px solid #CCCCCC;
	margin:10px 20px 0px 20px;
	text-align: center;
	
}
    
.bannerNav{
	
	display:inline-block;	
	font-family: 'Lato',verdana,arial;
	color:#000000;
	font-size:16px;
	font-weight:normal;
	height:20px;
	padding:9px 0px 6px 0px;
	text-decoration:none;
	text-align: center;
	border-bottom: solid 4px #CCCCCC;
	margin-right:15px;
	
}

.bannerNav:active{
	color: #000000;
	text-decoration:none;
	
		
}

.bannerNav:visited{
	color: #000000;
	text-decoration:none;
}

.bannerNav:hover {
	
	color: #666666;
	text-decoration:none;
	text-weight:bold;
	border-bottom: solid 4px #666666;
	
}

.bannerTextPP{
	
	font-family:'Lato',arial,sans-serif;
	color:#CC0000;
	font-size:39px;
	text-decoration:none;
	
}

.bannerTextPP:active{
	color: #CC0000;
	text-decoration:none;
	
		
}

.bannerTextPP:visited{
	color: #CC0000;
	text-decoration:none;
}

.bannerTextPP:hover {
	
	color: #666666;
	background-color:#FFFFFF;
	text-decoration:none;
			
}

.footerNav{
	
	display:inline-block;	
	font-family: 'Lato',verdana,arial;
	color:#666666;
	font-size:16px;
	font-weight:normal;
	height:22px;
	padding:9px 0px 6px 0px;
	text-decoration:none;
	text-align: center;
	border-top: solid 4px #CCCCCC;
	margin-right:15px;
	margin-top:-4px;
	
	
}

.footerNav:active{
	color: #666666;
	text-decoration:none;
	
		
}

.footerNav:visited{
	color: #666666;
	text-decoration:none;
}

.footerNav:hover {
	
	color: #CCCCCC;
	text-decoration:none;
	text-weight:bold;
	border-top: solid 4px #666666;
	
}

.homeNewsTitle{
	
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#CC0000;
	line-height: 24px;
	padding-top:0px;
	padding-botton:10px;
	margin-bottom:10px;
	
}


.homeNewsTitle a{
	
	color:#666666;
	text-decoration: none;
	
}

.homeNewsTitle a:active{
	color:#666666;
	
}

.homeNewsTitle a:visited{
	color:#666666;
}

.homeNewsTitle a:hover {
	color: #CC0000;
	text-decoration: underline;
	
}

.homeNewsTitle18{
	
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#666666;
	line-height: 20px;
	padding-top:0px;
	padding-botton:10px;
	margin-bottom:10px;
	
}


.homeNewsTitle18 a{
	
	color:#666666;
	text-decoration: none;
	
}

.homeNewsTitle18 a:active{
	color:#666666;
	
}

.homeNewsTitle18 a:visited{
	color:#666666;
}

.homeNewsTitle18 a:hover {
	color: #CC0000;
	text-decoration: underline;
	
}

.seriesTitle{
	
	float:left;
	width:190px;
	border-top: 1px solid #CCCCCC;
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#666666;
	line-height: 20px;
	padding:10px 0px 10px 0px;
	margin-bottom:10px 0px 0px 0px;
	
}


.seriesTitle a{
	
	color:#666666;
	text-decoration: none;
	
}

.seriesTitle a:active{
	color:#666666;
	
}

.seriesTitle a:visited{
	color:#666666;
}

.seriesTitle a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	
}

.seriesPub{
	
	float:left;
	width:190px;
	border-top: 1px dotted #CCCCCC;
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#000000;
	line-height: 20px;
	margin:0px 0px 10px 0px;
	padding-top:5px;
	
}


.seriesPub a{
	
	color:#666666;
	text-decoration: none;
	
}

.seriesPub a:active{
	color:#666666;
	
}

.seriesPub a:visited{
	color:#666666;
}

.seriesPub a:hover {
	color: #CC0000;
	text-decoration: underline;
	
}

.illustrationBox{
	
	background:#000000;
	float:left;
	width:180px;
	
}

.headBox180{
	
	float:left;
	width:100%;
	background:#000000;
	padding: 4px 0px 4px 0px;
	text-align:center;
	
}

.whiteHead18{
	
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#FFFFFF;
	
}

.twitter-link{
	display:table;
	background:transparent url(../images/common/twitter.png) right center no-repeat;
	float:right;
	padding-right:20px;
}

.text12 {

	color:#000000;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	text-decoration: none;
	
}

.text12:active{
	color: #CC0000;
	text-decoration: none;
	
}

.text12:visited{
	color: #CC0000;
}

.text12:hover {
	color: #CC0000;
	text-decoration: underline;
	
}

.textLinkBlueUnderline {

	color:blue;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	text-decoration: underline;
	
}

.textLinkBlueUnderline:active{
	color: blue;
	text-decoration: underline;
	
}

.textLinkBlueUnderline:visited{
	color: blue;
}

.textLinkBlueUnderline:hover {
	color: #CC0000;
	text-decoration: none;
	
}

.textLinkBlue{
	
	color: blue;
}


.textLinkWhite{
	
	color: #FFFFFF;
	text-decoration: none;
}

.rightBox{
	
	float:left;
	width:180px;
	margin-bottom:15px;
	
}
.featureBox{
	
	float:left;
	width:500px;
	margin-bottom:20px;
}

.featureContent{
	
	float:left;
	width:500px;
	
}

.drop-cap::first-letter{
  float       : left;
  font-size   : 3.00em;
  line-height : 0.6;
  margin      : 0.205em 0.153em 0 0;
  color : #999999;
    
}

.firstLetter{
  float       : left;
  font-size   : 3.00em;
  line-height : 0.5;
  margin      : 0.205em 0.153em 0 0;
  color : #CC0000;
}

.firstLetter + span{
  margin-left : -0.5em;
}

.newsHead16{
	
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-weight:normal;
	color:#666666;
	padding-top:0px;
	padding-botton:16px;
	margin-bottom:10px;
	
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	
	border-left: 12px solid #CC0000;
}

.QaAs-Q{

	float:left;
	width:10px;
	margin-right:10px;
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#CC0000;
	padding:12px 5px 0px 5px ;
	padding-botton:10px;
	margin-bottom:10px;
	
}

.QaAs-A{

	float:left;
	width:10px;
	margin-right:10px;
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#666666;
	padding:12px 5px 0px 5px ;
	padding-botton:10px;
	margin-bottom:10px;
	
}

.textbox { 
    background: #FFFFFF url(../images/common/magnifier.png) no-repeat 4px 4px; 
    border: 2px solid #CCCCCC;
    border-radius:5px;
    outline:0; 
    padding-left: 25px;
    height:25px; 
    width: 155px; 
}

.btn-style{
	
	border : solid 1px #cc0000;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 16px;
	color : #ffffff;
	padding : 3px 10px;
	background : #CC0000;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC0000), color-stop(100%,#00060a));
	background : -moz-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : -webkit-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : -o-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : -ms-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : linear-gradient(top, #cd7979 0%, #CC0000 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd7979', endColorstr='#CC0000',GradientType=0 );

}

.btn-shop{
	
	border : solid 1px #cc0000;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-family: verdana,arial;
	font-size : 16px;
	color : #ffffff;
	text-decoration:none;
	padding : 3px 10px;
	background : #CC0000;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC0000), color-stop(100%,#00060a));
	background : -moz-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : -webkit-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : -o-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : -ms-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : linear-gradient(top, #cd7979 0%, #CC0000 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd7979', endColorstr='#CC0000',GradientType=0 );

}

.btn-shop:hover{
	
	background : #CCCCCC;
	border : solid 1px #333333;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC0000), color-stop(100%,#666666));
	background : -moz-linear-gradient(top, #666666 0%, #CCCCCC 100%);
	background : -webkit-linear-gradient(top, #666666 0%, #CCCCCC 100%);
	background : -o-linear-gradient(top, #666666 0%, #CCCCCC 100%);
	background : -ms-linear-gradient(top, #666666 0%, #CCCCCC 100%);
	background : linear-gradient(top, #666666 0%, #CCCCCC 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#CCCCCC',GradientType=0 );

}

.gradientHeadingBox{
	
	float:left;
	width:180px;
	padding: 4px 0px 5px 0px;
	text-align:center;
	background : #CC0000;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC0000), color-stop(100%,#00060a));
	background : -moz-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : -webkit-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : -o-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : -ms-linear-gradient(top, #cd7979 0%, #CC0000 100%);
	background : linear-gradient(top, #cd7979 0%, #CC0000 100%);
	filter :     progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd7979', endColorstr='#CC0000',GradientType=0 );

	
	
}

.btn {
    margin-top: 10px;
    color:#FFFFFF;
    font-family: verdana, arial;
    font-size:14px;
    padding-left:10px;
    padding-right:10px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#CC0000;
    border:1px solid #CC0000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border-bottom:1px solid #9f9f9f;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    cursor:pointer;
}

.note {color:#CC0000;font-family:verdana,arial;font-size: 14px;}

.full-size-bg { 
  background: url(images/my-image.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

input{ padding:5px 0px 5px 0px;}

.shopNavInactive{
	
	display:inline-block;
	background:#CC0000;
	font-family:arial;
	color:#FFFFFF;
	font-size:14px;
	padding:7px 10px;
	text-decoration:none;
	margin:0px 0px 0px 2px;
	
}

.shopNav{
	
	display:inline-block;
	background:#999999;
	font-family:arial;
	color:#FFFFFF;
	font-size:14px;
	padding:7px 10px;
	text-decoration:none;
	margin-left:2px;
	
}

.shopNav:active{
	color: #FFFFFF;
	text-decoration:none;
		
}

.shopNav:visited{
	color: #FFFFFF;
	text-decoration:none;
}

.shopNav:hover {
	
	color: #CCCCCC;
	background: #000000;
	text-decoration:underline;
	text-weight:bold;
	
	
}

.circle {
    background: #CCCCCC;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.circleNav{
	
	display:inline-block;
	background: #CCCCCC;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	
}

.circleNav:active{
	color: #FFFFFF;
	text-decoration:none;
		
}

.highlightedText{
	
	background:yellow;
	padding:0px 2px 0px 2px;
	color:#CC0000;
	
}

.titlePubList{
	
  font-family:'Lato',Helvetica,Arial,sans-serif;
  font-size:17px;
  font-weight:normal;
  color:#CC0000;
  text-align:left;
  
  font-style: normal;
  text-decoration: none;
	
}

.titlePubList a {
	
	color:#CC0000;
	text-decoration: none;
	
}

.titlePubList a:active{
	
	color:#CC0000;
			
}

.titlePubList a:visited{
	color:#CC0000;
}

.titlePubList a:hover {
	color: #999999;
	text-decoration:underline;
	
}

.head18{
	
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#CC0000;
	padding-top:0px;
	padding-botton:10px;
		
}

.head24{
	
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:24px;
	color:#CC0000;
			
}

#so-bg-window {
    
    position:fixed;
    left:0;top:0;
    opacity:1;
    filter:alpha(opacity=100);
    background:#000000";
    z-index:10;
    width:100%;
    height:100%;
    background-image: url("../images/common/image-bg-90percent.png");
   
}

#image-window {
    
    float:center;
   width:520px; 
    margin:20px auto;
border: 2px solid #666666;
    border-radius: 2%;
   -moz-border-radius: 2%;
    -webkit-border-radius: 2%;
    background:#efefef;
    padding:10px;
}

#image-head{
	
  float:left;
   width:520px;
   	
}

#image-title{
	
  float:center;
  width:100%;
  text-align:center;
  padding:5px 0px 0px 0px;
  font-family:'Lato',Helvetica,Arial,sans-serif;
  font-weight:normal;
  font-size:18px;
  color:#CC0000;
  
}

#image-caption{
	
  float:left;
  width:400px;
  text-align:center;
  padding:5px 0px 0px 0px;
  margin-left:50px;
  font-family:'Lato',Helvetica,Arial,sans-serif;
  font-weight:normal;
  font-size:14px;
  color:#000000;
  
}

#imageClose{
	
  float:center;
  width:400px;
  text-align:center;
  
  
}

#image-holder {
    float:left;
    width:500px; 
    height:500px; 
    margin:0px;
    text-align: center;
    
}

#image-window-close{
	
	position:absolute;
	width:500px;
	height:50px; 
	top:0px;
	text-align: center;
}

.opacity{
	
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.opacity:hover{
	
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.opacity:visited{
	
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}


a[title]:hover {
	
  font-family:verdana,arial;
  font-size:13px;
  text-decoration:none;
  color:#666666;
  
}

a[title]:hover:after {
  
  content: attr(title);
  padding: 4px 8px 4px 8px;
  white-space: nowrap;
  z-index: 20px;
  border:1px solid #666666;
  background-color:#FFFFFF;
  border-radius : 3px;
  moz-border-radius : 3px;
  box-shadow: 3px 3px 3px #666666 ;
  -moz-box-shadow: 3px 3px 0px #666666 ;
  -webkit-box-shadow: 3px 3px 3px #666666;
  
 }
 
 
 #illustrationInner {
    display: table;
    margin: 0 auto;
}

 .illustrationNav{
	
    float:left;	
    
}

.illustrationTitle{
	
   float:left;	
   font-family:'Lato',Helvetica,Arial,sans-serif;
   font-weight:normal;
   font-size:24px;
   color:#CC0000;
   margin:0px 20px 0px 20px;
   
     
}

.linksHead{
	
   float:left;
   width:440px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   font-size:14px;
   color:#000000;	
	
}

.linksHead a {
	
	color:#000000;
	text-decoration: none;
	
}

.linksHead a:active{
	
	color:#000000;
			
}

.linksHead a:visited{
	color:#000000;
}

.linksHead a:hover {
	color: #999999;
	text-decoration:underline;
	
}

.linksDescription{
	
	float:left;
	width:440px;
	font-family:Arial,sans-serif;
        font-weight:normal;
        font-size:12px;
        color:#000000;
	padding: 10px 0px 10px 20px;
	
}

.owTitle{
	
	float:left;
	width:460px;
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333333;
		
}

.owCategory{
	
	float:left;
	width:460px;
	font-family:'Lato',Helvetica,Arial,sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#999999;
	margin-bottom: 10px;
		
}
 
#searchbox
{
    background-color: #eaf8fc;
    background-image: linear-gradient(#fff, #d4e8ec);
    border-radius: 5px;    
    border-width: 1px;
    border-style: solid;
    border-color: #c4d9df #a4c3ca #83afb7;            
    width: 150px;
    height: 20px;
    padding: 10px;
    margin: 100px auto 50px;
    overflow: hidden; /* Clear floats */
}

#search, 
#submit {
    float: left;
}

#search {
    padding: 5px 9px;
    height: 20px;
    width: 120px;
    border: 1px solid #999999;
    font: normal 13px arial, helvetica;
    background: #f1f1f1;
    border-radius: 10px 3px 3px 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);            
}

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

#submit
{       
    background-color: #CC0000;
    background-image: linear-gradient(#cd7979,#CC0000);
    border-radius: 3px 10px 10px 3px;    
    border-width: 1px;
    border-style: solid;
    border-color: #7eba7c #578e57 #447d43;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 
                0 1px 0 rgba(255, 255, 255, 0.3) inset;
    height: 32px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 40px;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    color: #ffffff;    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

#submit:hover {       
    background-color: #333333;
    background-image: linear-gradient(#cccccc, #666666);
}   

#submit:active {       
    background: #999999;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;        
}

#submit::-moz-focus-inner {
       border: 0;  /* Small centering fix for Firefox */
}