/* @override 
	http://www.kennettnet.co.uk/css/main.css
*/

.kbtable 					{ border-top: 1px solid #b1b5b9; border-left: 1px solid #b1b5b9; font-family: Helvetica, Arial, Verdana;}
.kbtable td					{ background-color: #fff; padding: 4px; border-right: 1px solid #b1b5b9; font-size: 12px; }
.kbtable tr td					{ font-size: 12px; line-height: 13px; border-bottom: 1px solid #b1b5b9;}
.kbtable tr.header TD				{ background-color: #e2e2e2; font-size: 12px; font-weight: bold; border-bottom: 1px solid #b1b5b9;}

/* Modified CSS Style reset by Sarah Parmenter, You Know Who Design
----------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
p { line-height:18px; }
a:active{outline: none;}
a:focus{-moz-outline-style: none;}


/* -----------------------------------*/
/* ---- GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	background: #fdf4a9 url(../images/background.gif) repeat-x top left;
	color: #333;
	font: small normal Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

#main li{
	font-size: 14px;

}
#container{
width: 940px;
margin:auto;
padding: 0 20px;
}

p{
font-size:12px;
padding-bottom:10px;
}

h1,h2,h3,h4,h5{ font-weight:bold; margin-bottom:10px;}

a{ color:#d15326; text-decoration:none;}
a:active{ outline: none;}
a:hover { text-decoration:underline;}

#products-list{
clear:both;
float:left;
}

#products-list a{
float:left;
width:224px;
height:156px;
margin: 10px 38px 20px;
}

#products-list a:last-child{
margin-right:0px;
}

/* @group Homepage */

#store{
	position: absolute;
	width: 113px;
	height: 44px;
	top: 0;
	left: 827px;
}

#homepage-nav{
	background: url(../images/main_nav_bg.jpg) no-repeat 0 top;
	clear: left;
	height: 212px;
}

#homepage-nav li, #homepage-nav a {
height:212px;
display:block;
}

#homepage-nav li {
float:left;
list-style:none;
display:inline;
text-indent: -9999px;
}

li#music-rescue-hp, li#geocachr-hp{
	width: 310px;
}

li#clarus-hp{
	width: 320px;
}

li#music-rescue-hp a:hover, li#geocachr-hp a:hover, li#clarus-hp a:hover {
	background: url(../images/main_nav_bg.jpg) no-repeat;
}

li#music-rescue-hp a:hover{
	background-position: 0px -212px ;
}

li#clarus-hp a:hover{
	background-position: -310px -212px;
}

li#geocachr-hp a:hover{
	background-position: -630px -212px;
}

/* @group Homepage Bottom */

#homepage ul{
	width: 940px;
float: left;
}

#homepage li{
	width: 280px;
	float: left;
	text-align: center;
	margin-right: 10px;
	border-right: 1px solid #d5cb7c;
	padding: 10px;
}

#homepage li h3{
	color: #d15326;
}

#homepage li h3#dp{
	background: url(../images/triangle.gif) no-repeat 27px 0;
}

#homepage li h3#ps{
	background: url(../images/ps-icon.gif) no-repeat 45px 0;
	}
	
#homepage li h3#os{
	background: url(../images/open_source.gif) no-repeat 66px 0;
	}

#homepage li:last-child{
	margin-right: 0px;
	border-right: 0px;
}

li#hp-news a{
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
	text-align: left;
	color: #333;
	background: url(../images/buttons/bullet-plus.png) no-repeat top left;
	padding-left: 20px;
}
/* @end */

/* @end */

/* @group Header Contents */

#logo{
height:40px;
clear: right;
padding: 10px 0;
margin-bottom: 10px;
}

#topsupport{
background:url(../images/buttons/support-top.jpg) no-repeat;
width:120px;
float:right;
height: 40px;
font-size: 13px;
padding: 5px 0 0 50px;
}
#header{
width: 940px;
height: 267px;
background:url(../images/bottom_shadow.gif) bottom left no-repeat;
padding-bottom:10px;
}

#header #nav{
background:url(../images/top_nav.gif) no-repeat top left;
height:24px;
padding:10px;
font-weight:bold;
color:#FFFFFF;
float: left;
width: 920px;
position: relative;
}

#header #nav li a{
	color: white;
}
#header #nav li a:hover{
	text-decoration: none;
	color: #abbd5e;
}

#header #nav ul{
padding-left: 7px;
float: left;}

#header #nav ul li{
float:left;
padding-right: 15px;
font-size: 15px;


}

#header #colour-left{
height:211px;
clear:left;
float:left;
width: 722px;
}

#header #clarus-left-main{
height:211px;
clear:left;
float:left;
width: 722px;
	background: url(../image_cache/clarus_main.jpg) no-repeat 0 top;
}

#clarus-left-main #buttons{
	padding-top: 145px;
	padding-left: 32px;
}

#clarus-left-main #buttons a{
	margin-right: 10px;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
	background:#d15326 ;
	color: #ffffff;
	padding: 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#clarus-left-main #buttons a:hover{
	background: #69160b;
	text-decoration: none;
}

#header #buttons-right{
	width: 218px;
	float: left;
	
}


#buttons-right li{
}

#buttons-right .buynow a{
background: url(../images/buttons/buy_now.jpg) no-repeat;
display:block;
height:61px;
	}
	
#buttons-right .freebie{
background: #586e2b url(../images/buttons/freebie_proshut.jpg) no-repeat 0 bottom;
display:block;
height: 61px;
text-indent: -9999px;
	}	
	
#buttons-right .appstore a{
background: #586e2b url(../images/buttons/app-store-button.jpg) no-repeat 0 bottom;
display:block;
height: 61px;
text-indent: -9999px;
	}	

#buttons-right .buynow, #buttons-right .support{	
width: 218px;
height: 61px;
text-indent: -9999px;	
}
	
#buttons-right .support a{
background: url(../images/buttons/support.jpg) no-repeat;
display:block;
height:61px;
	}

#buttons-right .support a:hover, #buttons-right .buynow a:hover{
background-position: 0 -61px;

}	

#buttons-right .download{
background:url(../images/buttons/download.jpg) no-repeat;
height:89px;
}

#buttons-right .download ul{
	padding-top: 29px;
}

li.mac_download a{
	font-size: 11px;
	padding-left: 15px;
	padding-top: 8px;
	background: url(../images/buttons/mac_icon.png) no-repeat right;
	height: 18px;
	width: 190px;
	display: block;
}

li.mac_download{
	font-size: 11px;
}

li.pc_download a{
	font-size: 11px;
	padding-left: 16px;
	padding-top: 8px;
	background: url(../images/buttons/windows_icon.png) no-repeat right;
	height: 20px;
	width: 190px;
	display: block;
}

/* @end */	

/* -----------------------------------*/
/* ---- MAIN <<<-----------*/
/* -----------------------------------*/

#main, #main_code, #support, #homepage{
clear:left;
margin-top:20px;
background: #fbf6ce; 
padding:15px;
float:left;
width: 910px;
}

/* @group Support */

#support li{
	display: block;
}

#support_full {
float: left;
margin-right: 15px;
padding: 15px;
width: 639px;
color: #333;
text-align: left;
background: white;
border: 1px solid #f0e37c;
}

#support-list, #product_list{
	background: #FBF6CE;
	padding: 15px;
	float: left;
	width: 909px;
}

#support-list li{
	font-size: 13px;
	display: block;
	padding-left: 25px;
	background: url(../images/buttons/29.png) no-repeat;
	padding-bottom: 5px;
}

.support-back{
	margin-top: 20px;
	font-weight: bold;
}

#support_full p{
	line-height: 150%;
}

#support_full li, #main li{
	font-size: 13px;
	background: url(../images/buttons/bullet-plus.png) top left no-repeat;
	padding-left: 20px;
	padding-bottom: 8px;
}

/* @group Clarus - Get Involved */

#clarus-left{
	width: 643px;
	float: left;
	margin-right:25px;
}

#twitter_div{
	background: white;
	border: 1px solid #f0e37c;
	float: left;
	width: 200px;
	padding:20px;
}

ul#twitter_update_list li a{
display: block;
}

a#twitter-link{
	background:#d15326 ;
	color: #ffffff;
	display: block;
	width: 140px;
	padding: 5px;
	font-size: 13px;
	border-radius:5px;
	-moz-border-radius:5px;
	text-align: center;
}

/* @end */

#main ul{
	padding: 0 0 10px 0;
}

#support_full ul{
	margin: 10px 0 15px 18px;
}

#sidebar li, #sidebar li a{
	padding-bottom: 2px;
	display: block;
	margin-bottom: 5px;
}

#sidebar li a {
	font-size: 12px;
	padding-left: 25px;
	background: url(../images/buttons/29.png) no-repeat;
}

#support h1, #support h4{
	font-size: 22px;
	text-shadow: 0 2px 2px rgba(255,255,255,0.3);
}



/* @end */

#main_code img{
}

#main_code ul{
margin-left:10px;
}

#main_code h1{
	font-size: 22px;
}

#main_code h3{
margin: 15px 0px;
}

#main_code li{
font-size:13px;
margin: 10px;
}

#features{
background:url(../images/buttons/features.gif) no-repeat;
width:375px;
height:217px;
float:left;
margin-bottom:20px;
}

#features ul{
padding-left:22px;
padding-top: 40px;
font-size: 11px;
}

#features li{
padding:5px 0 5px 25px;
background:url(../images/buttons/tick.png) 0 20% no-repeat;
color: #d15326;
font-size: 11px;
width: 300px;
}

#summary-box{
float: left;
width: 500px;
margin-right: 35px;
}

#code_community{
background: #b5c95f url(../images/code_for_community.jpg) no-repeat;
}

#code_community, #our_products{
	padding: 20px;
	width:900px;
height:171px;
float:left;
}

#code_community p{
padding:88px 0 0 11px;
width: 600px;
font-size: 14px;
line-height: 24px;
}

#fl_top{
width:900px;
height:171px;
float:left;
background: #b5c95f url(../images/support-bg.gif) no-repeat;
padding: 20px;
}

#fl_top h1{
font-size: 26px;
color:#62721e;
text-align:center;
font-weight: normal;
text-shadow: 0 1px 1px #FFFFFF;
}

#fl_top ul{
margin-top:35px;
text-align: center;
}

#fl_top li{
float:left;
font-size: 14px;
margin: 0 65px;
}

#video{
background:url(../images/buttons/video.png) center top no-repeat;
padding-top: 60px;
}

#help{
background:url(../images/buttons/help_files.png) center top no-repeat;
padding-top: 60px;
}

#contact-support{
background:url(../images/buttons/contact-support.png) center top no-repeat;
padding-top: 60px;
}


#lost-key{
background:url(../images/buttons/lost-key.png) center top no-repeat;
padding-top:60px;
}

/* -----------------------------------*/
/* ---- OPEN SOURCE CODE LIST -----------*/
/* -----------------------------------*/

#os_content{
float:left;
margin-bottom: 30px;
}

#os_navigation{
float:left;
width:300px;
margin-left: 20px;
}

#os_products{
clear:left;
}

#os_products li{
background: url(../images/divider-bg.gif) center top no-repeat;
padding:30px 0;
float: left;
width: 100%;
clear: left;
} 

#os_products li h3{
font-size:18px;
font-weight:bold;
color:#d15326;
float:left;
}

#os_products li p{
float:left;
width: 355px;
display: block;
}

#os_products li img{
float:left;
margin-right: 20px;
width: 519px;
margin-bottom: 30px;
}

#os_products .download, #os_products .readmore{
display:block;
float:left;
text-indent: -9999px;
margin-top: 10px;
}

#os_products .download a{
height: 34px;
width:114px;
display:block;
background:url(../images/buttons/download-single.gif);
}

#os_products .readmore a{
height: 34px;
width:114px;
display:block;
background:url(../images/buttons/read-more-single.gif);
}

#os_products .download a:hover, #os_products .readmore a:hover{
background-position: 0 -34px;
}


/* -----------------------------------*/
/* ---- SCREENSHOTS <<<-----------*/
/* -----------------------------------*/

#screenshots{
clear:both;
float: left;
margin: 20px 0;
}




#screenshots li {
float:left;
background:url(../images/screenshot-bg.gif) no-repeat;
width: 204px;
height:156px;
padding: 10px;
margin-right: 4px;
}

#screenshots li:last-child {  margin-right:0px;}

.bottom-text{ float:left; margin: 0 40px 20px 0;
	width: 415px;
}

.bottom-text:last-child{
margin-right:0px;}

/* -----------------------------------*/
/* ---- INFOBAR <<<-----------*/
/* -----------------------------------*/

#infobar{
clear:both;
text-align:center;
border-top:1px solid #bcae3c;
padding:20px 40px;
}

#infobar .textsmaller{ font-size:11px; padding-top:10px;}

/* @group Footer */

#footer{
background: #e0ee6a url(../images/bottom_shadow.gif) bottom left no-repeat;
clear:both;
float:left;
width:940px;
color:#3b5715;
height: 98px;
}

#footer-inner{
background:url(../images/footer.gif) repeat-x;
height:38px;
padding: 20px 10px;
}

#footer a{ color:#3b5715;}
#footer a:hover {color:#FFFFFF; text-decoration:underline;}

#footer p{ font-size:11px; padding-bottom:0px;}

#footer-inner-hp{
background:url(../images/footer.gif) repeat-x;
height:38px;
padding: 20px 10px;
width: 606px;
float: left;
border-right: 1px solid #d5cb7c;
}

#footer-news{
	padding: 12px 10px 20px;
	background:url(../images/footer.gif) repeat-x;
	height: 46px;
	border-left: 1px solid #f4fd9c;
	font-size: 11px;
	margin-left: 0;
	float: left;
	width: 292px;
}
#footer-news h4{
	margin: 0 0 5px;
	font-size: 12px;
	width: 940px;
}
#footer-news li{
	font-size: 11px;
	list-style: disc;
	list-style-position: inside;
}

/* @end */

#sidebar {
float: left;
margin-left: 5px;
width: 219px;
color: #333;
text-align: left;
}


/* -----------------------------------*/
/* ---- CLIENT STYLES <<<-----------*/
/* -----------------------------------*/


.clarus-icons{
float:left;
}

.clarus-icons+p{
padding-left:40px;
}

.clarus_pic{
	float: left;
	padding-right: 20px;
	padding-top: 10px;
}

.code_styler{
font-family:"Courier New", Courier, monospace;
font-size:14px;
line-height:24px;
font-weight: bold;
}

code{
font-size:14px;
line-height:24px;
padding:10px;
}

.centre {
	margin: 0 auto;
}

div.centre {
margin: auto;
}


form#contact_form{
}

form#contact_form label{
	font-weight: bold;
	color: #a35936;
}

/* @group Support form */

form#support{
	font-size: 12px;
	width: 800px;
	padding: 0;
}

form#support label{
	font-weight: bold;
	color: #a35936;
	display: block;
	margin-bottom: 20px;	
}

form#support label span{
	width: 125px;
	display: block;
	float: left;
	
	margin-right: 20px;
}

form#support label span em{
	color: red;
}

form#support input[type="text"], form#support textarea{
	border: 1px solid #CCCCCC;
	padding: 5px;
}

input#submit-form.submit{
	background:#d15326 ;
	color: #ffffff;
	display: block;
	width: 80px;
	padding: 5px;
	font-size: 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	border: 0;
}

.validation-advice {
color: red;
font-size: 11px;
} 


/* @end */