/*****************************/
/* remarkablegroup.co.uk
*****************************/
/*  undo html -> this is to undo all browsers basic built in styles   */
/*****************************/
:link, :visited { text-decoration: none; }

ul { list-style: none;}

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,textarea,select { margin: 0; padding: 0; }

img, a img, :link img, :visited img { border: none; }

address { font-style: normal; }

/*img, div, ul  { behavior:url(../css/iepngfix.htc) }*/

a {outline:none;}/* FIREFOX DOTTED LINE FIX */

/* 

/*****************************/
/* OPACITY/TRANSPARENCY filter=
filter:alpha(opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px; color:#333333;
	margin:0px;
	align:center;text-align:center;
	background:#ffffff;
}

#holder {width:100%;background:#FFFFFF url("") repeat-x bottom;}
.clear{ clear:both;}
.content {width:1000px;margin:0px auto;padding:0;align:center;text-align:center;}

/* - - - - - - - - - - - - - - - - - - - 
	
	COLOURS

- - - - - - - - - - - - - - - -- - - - */
.oj {color:#ff9e1d;font-weight:bold;}
.green {background:#639663}
.lgreen {background:#b8c8b8}
.dgreen {color:#006600;}

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

	TYPOGRAPHY

- - - - - - - - - - - - - - - -- - - - */
h1, h2, h3, h4, h5, h6 {color:#006600/*#ff6600*/;}
h1 {font-size:22px;font-weight:bold;margin:0 0 15px 0px; border-bottom:2px solid #639663; padding:0 0 10px;}
h2 {font-size:18px;font-weight:normal;margin:0 0 15px 0px; border-bottom:2px solid #639663;padding:0 0 10px;}
h3 {font-size:16px;font-weight:normal;margin:0 0 15px 0px; border-bottom:2px solid #639663;padding:0 0 10px;}
h4 {font-size:14px;font-weight:normal;margin:0 0 5px 0;}
h5 {font-size:11px}
h6 {font-size:10px}
p {margin:0 0 10px 0;width:auto;}
/* links */
a {color:#ff6600; text-decoration:underline;}
a:hover {color:#000;background:#fff} a:active {background:NONE;color:#000;}
/* lists */
ul {margin:0 0 10px 0}
.list {
list-style-type:circle;
color:#ff9e1d;
padding:0 0 0 40px;
}
.intro h1 {color:#FFFFFF; border:none;}

/* - - - - - - - - - - - - - - - - - - - 
	
	FORMS

- - - - - - - - - - - - - - - -- - - - */
input, select, option, textarea
{
  border:0px;font-size:13px;
  color:#ff9e1d;
  cursor:pointer;
  background:#ffffff;
  font-family: Helvetica, sans-serif; padding:3px; border: 1px solid #006600;
}
textarea {background:#fff;font-size:13px;
font-style:normal;
line-height:18px;
}
textarea.contact {height:300px;}
.contact {width:100%;}
/* - - - - - - - - - - - - - - - - - - - 

	HEADER

- - - - - - - - - - - - - - - -- - - - */
#header {width:100%;background:#fff;padding:0;align:center;text-align:center; height:135px;}
.logo {
	display:block;
	width:185px; height:100px;
	float:left;
	margin:20px 0 10px 10px;
	text-align:left;
	}
	.contact-details { width:800px; height:107px; overflow:hidden; float:right; }
		.contact-details span{ padding:20px; float:right; font-size:14px;  }
		
/* - - - - - - - - - - - - - - - - - - - 

	NAVIGATION

- - - - - - - - - - - - - - - -- - - - */
.nav {
	width:800px;display:block;float:right;margin:0 0 0px 0;padding:0 0 0px 0;
	}
.nav ul { margin:0px 0px; }	
	.nav ul li {background:url(../gfx/btn-off-bg.gif) repeat-x bottom left;list-style-type:none;display:inline-block;margin:0px 0 0px -3px;float:right;}

	.nav ul li a {padding:8px 20px 4px 30px; background:url("../gfx/btn-off-corner.gif") no-repeat top left;color:#fff;display:block;clear:both; font-size:14px;}
	.nav ul li a:hover {color:#ff9e1d;background:#639663 url("../gfx/btn_on.gif") no-repeat top left;}
	.nav ul li a.active {color:#333;background:#639663 url("../gfx/btn_on.gif") no-repeat top left;}
	
	.nav ul li.active {background:#639663 url(../gfx/btn_on.gif) no-repeat top left;color:#333333;}
	.nav ul li.active a {background:#639663 url(../gfx/btn_on.gif) no-repeat top left;color:#333333;}

.sub_nav {
	margin:0px;padding:0px 0 10px 0;list-style-type:none; display:inline-block;
	
}	
	.sub_nav li {margin:10px 0px 0px 25px;padding:0px; display:inline-block; list-style-type:none; float:left; } 
	.sub_nav li a {color:#333333; float:left; display:inline-block;} 
	.sub_nav li a:hover {color:#ffffff; background:none;}
	.sub_nav li a.subnav { color:#FFFFFF;}
/* - - - - - - - - - - - - - - - - - - - 

	CONTENT

- - - - - - - - - - - - - - - -- - - - */
#title-bar { border-top:1px solid #639663; background:#639663; width:100%; text-align:left;border-bottom:1px solid #95c095}
	.title-buttons { display:inline-block; text-align:left;}
	.title-buttons li { display:inline-block; float:left; width:125px; padding:10px 5px; }
	.title-buttons li.intro { width:400px; padding:10px 10px 0px 10px; line-height:31px; }
	.bridge-type { background:#333333; padding:5px 0 5px 5px; display:block; width:116px; border:2px outset #000; border-left-color:#666666; border-top-color:#999999 }
		.bridge-type:hover { background:#444444;}
		.bridge-type h3 { margin:0px; color:#ff6600; padding:0; border:none; font-size:13px}
		.bridge-type:hover h3 {color:#FFFFFF;}
#page {border-top:1px solid #333333; background:#f1f1f1; width:100%; text-align:left;border-bottom:1px solid #333333; padding:0 0 20px 0;}
	.left {width:460px;text-align:left;FLOAT:LEFT;margin:0 20px 0 10px;line-height:20px; text-align:left; padding:20px 0 0 0;}
	.right{width:230px;text-align:left;FLOAT:LEFT; line-height:20px; text-align:left; margin:20px 0 0 0; padding:0 0 0 10px; border-left:1px dashed #cccccc;}
		.box {background:#ffffff; border:1px solid #cccccc;color:#006600; font-size:20px;width:200px; padding:10px 0 0 0px; margin:0 0 10px 0px}
			.box a { font-size:15px; color:#006600;}.box a:hover { color:#333333;}
			.box b { letter-spacing:3px; line-height: 24px;}
			.box p { padding:0 0 0 10px;}
		.lighty {border:2px solid #ff6600; width:200px; height:140px; padding:0; margin:0 0 10px 0; display:block;}
		.speech-top { width:200px; height: 22px; display:block; background:url(../gfx/speech-top.gif) no-repeat top left;}
		.speech-body { width:200px; display:block; background:url(../gfx/speech-body.gif) repeat-y top left;}
			.speech-body p { padding:0 10px; margin:0px; font-style:italic; color:#006600;}
			.speech-body a { padding:0 10px; margin:0px; color:#FF6600; font-style:normal; text-decoration:underline;}
		.speech-foot { width:200px; height: 65px; display:block; background:url(../gfx/speech-foot.gif) no-repeat top left;}
		.rss {background:url(../gfx/rss.gif) no-repeat top left; padding: 0 0 0 18px; margin:10px 0 10px 0; display:block;}
		.rss:hover {background:url(../gfx/rss.gif) no-repeat top left;}
		.clients { list-style-type:square;color:#639663}
			.clients li{ list-style-type:square; margin:0 0 0 20px; color:#639663}
			.clients li span{ color:#333}
		/*NEWS*/
		.news { margin:0px;}
		.news b { display:block; width:220px;}	
		
		.leftNews { float:right; width:165px; padding-left:5px;}
		.rightNews { width:60px; float:left;  }
		.rightNews img { width:60px; float:left; }
		
		
/* - - - - - - - - - - - - - - - - - - - 

	FOOTER
	
- - - - - - - - - - - - - - - -- - - - */
#footer {
	width:100%;
	background:#639663/*b7b7b7*/;
	display:block;
	border-top:1px solid #FFF;
	text-align:center;align:center;
	}
	#footer .right {width:230px;}
	.logo-foot {float:right; margin:0 0 20px 0;}
	#footer *a {color:#FFFFFF;}
	#footer *a:hover {color:#333;}
	
.images {text-align:left;align:center; float:left;}
.images li {text-align:left;align:center; float:left;margin:0 10px 0 0;}
.footer_list {text-align:left;align:center; float:right; width:200px;}
.footer_list li { float: left;margin:0 5px; display: block;clear:both;}	
.footer_list li a {color:#666666;background:none;}
#footer ul li a:hover {color:#fff;background:none;}
a.remarkable {color:#000;border-bottom:1px solid #000;padding:2px;} a.remarkable:hover {color:#fff;background:#000;border-bottom:1px solid #000;}
/* - - - - - - - - - - - - - - - - - - - 
WIDGETS
- - - - - - - - - - - - - - - -- - - - */
/* -- last.fm --*/
#ipod {background:url('../gfx/ipod.png') no-repeat top left;width:187px;height:310px;display:block;float:right;margin:0 0 10px 0;}
/* -- flickr --*/
#flickr {width:187px;display:block;float:right;margin:0 0 0px 0;}
/* -- twitter --*/
ul#twitter_update_list li {Zborder:1px solid #fff}
ul#twitter_update_list li span {display:block;margin:5px 0 0px 0;}
ul#twitter_update_list li a {Zdisplay:block;width:170px;Zcolor:#0ff;margin:0 0 10px 0;}

/* - - - - - - - - - - - - - - - - - - - 
ERROR PAGES - 404
- - - - - - - - - - - - - - - -- - - - */
.errorPage {background-image:none;}