/*  

   Raw Marketing
   www.rawmarketing.co.uk
   
   #b7b730 - Green
   #2c2c2c - Black
   #ffffff - White

*/


/* 
	GENERAL
*/
* { margin: 0; padding: 0;}
html { overflow-y: scroll; }
body { font: 14px Arial, Serif; background: url(images/background.jpg) repeat; }
p  { margin: 0px 0px 25px 25px; color: white; text-align: left; }
h2 { font: 16px Arial, Serif; text-align: justify; }
a  { text-decoration: none; color: #b7b730; border: none;}
a:hover  { text-decoration: none; color: #fff; }
a img  { border:none; }
a img:hover, a img:visited { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.first { padding: 30px 0px 0px 0px; }
.last { margin-right: 20px;}
.highlight { color: #b7b730;}
.float-right { float: right; margin: 10px 20px 30px 0px; }

/*
  HEADER
*/

h1.home-header { margin: 100px 0px 30px 25px; height: 40px; width: 400px; background: url(images/raw-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; color: #b7b730; font: 32px Arial, Serif; }
h1.latestnews-header { margin: 40px 0px 30px 25px; height: 40px; width: 400px; background: url(images/latestnews-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; color: #b7b730; font: 32px Arial, Serif; }
h1.websites-header{ margin: 100px 0px 30px 25px; height: 40px; width: 400px; background: url(images/websites-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; color: #b7b730; font: 32px Arial, Serif; }
h1.bluetooth-header { margin: 100px 0px 30px 25px; height: 40px; width: 400px; background: url(images/bluetooth-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; color: #b7b730; font: 32px Arial, Serif; }
h1.portfolio-header { margin: 100px 0px 30px 25px; height: 40px; width: 400px; background: url(images/portfolio-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; color: #b7b730; font: 32px Arial, Serif;}
h1.searchhome-header { margin: 100px 0px 30px 25px; height: 40px; width: 400px; background: url(images/searchhome-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; color: #b7b730; font: 32px Arial, Serif; }
h1	{ margin: 20px 0px 30px 25px; color: #b7b730; font: 32px Arial, Serif; }
h3 { font: 18px Arial, Serif; color: #b7b730; margin: 20px 25px; }
#contact-header { padding: 30px 6px 0px 0px;}
.portfolio-item { font: 16px Arial, Serif; color: white;}
h4 { font: 20px Arial, Serif; color: white; margin: 0px 25px; border-bottom: 1px solid #fff; }

/*
NAVIGATION
*/
#nav { text-align: left; margin: 0px 0px 0px 15px; }
ul#nav li { display: inline; }
ul#nav li a { text-decoration: none; color: #fff; margin: 0px 0px 0px 10px; border-right: 1px solid #b7b730; padding: 5px 15px 0px 0px;}
ul#nav li a:hover, #homepage #nav-home a,
#websitespage #nav-websites a,
#bluetoothpage #nav-bluetooth a,
#contactpage #nav-contact a,
#portfoliopage #nav-portfolio a,
#searchhomepage #nav-searchhome a  { color: #b7b730; }


/*
  PAGE LAYOUT
*/
#content_wrapper { width: 935px; height: 500px; margin: 0px auto; background: url(images/wrapper-bg.png);}
#body {
	width: auto;
	float: center;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}


/*
  BODY
*/
h2  { color: white; margin: 20px 0px 30px 25px; font: 18px Arial, Serif;}
img { margin: 5px 0px 10px 20px; border: none;}
#portfolio-body { clear: both; width: 935px; }
#portfolio-body a { margin: 0px 0px 20px 5px; border: none;  }
.news-image { margin: 20px 0px 0px;}


/*
  SIDEBAR
*/
#sidebar { width: 320px; float: right; margin: 165px 20px 30px 20px; background: url(images/sidebar-bg.png); padding: 0px 20px 20px 0px; border: 1px solid #000;}
#sidebar p { margin: 0px 0px 25px 20px; }
#sidebar-image { width: 320px; float: right; margin: 165px 20px 30px 20px; }
img.thumbnail { margin: 10px 0px 0px 10px; }
img.thumbnail-first { margin: 20px 0px 0px 20px; }

/*
  FOOTER
*/
#footer { width: 935px; font: 13px Arial, Serif; clear: both; background: url(images/sidebar-bg.png); border: 1px solid #000; text-align: right; padding: 40px 0px 40px; margin: 0px 0px 20px 0px; }
#footer-text { margin: 0px 25px; }

/*
WEBSITES
*/
#websites-bottombar { width: 935px; margin: 140px 0px 30px 0px; clear: both; }
#websites-bottombar img { margin: 0px 0px 0px 20px;}
#websites-bottombar img.first { margin: 0px 0px 0px 25px;}
.website-includes { list-style-type:none; margin: 0px 0px 25px 25px; color: white; text-align: justify;}
.website-includes li { margin: 0px 0px 10px 10px; }


/*
SEARCH 
*/
#search-bottombar { width: 935px; margin: 140px 0px 30px 0px; clear: both; }
#search-bottombar img { margin-left: 20px; }

/*
CONTACT
*/
#contactform { padding: 25px;}
iframe.googlemap { margin: 0px 0px 0px 40px;}

/*
TWITTER
*/
#twitter_div { width: 550px; clear: both; color: white; margin: 20px 0x; }
a#twitter-link { float: left; }
#twitter_div a { margin: 0px 0px 20px 0px;}
#twitter_update_list { list-style-type: none; margin: 0px 0px 20px 25px;}
.twitter-title { height: 40px; width: 450px; background: url(images/twitter-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; color: #b7b730; font: 32px Arial, Serif; margin-top: 80px;}