@charset "UTF-8";
/* CSS Document */

/* = Reset
--------------------------------------------------------------------------------------------------------------------------------------*/
*
{
  outline:none;/*removes outline in FF 3+*/
  zoom:1;
}


/* = Global
--------------------------------------------------------------------------------------------------------------------------------------*/

body {font: normal 12px Helvetica; background: #ffffff url(images/bg.jpg) repeat-x top center;color: #000000;margin: 0;font-size: 12px;}

.left {float: left;}
.right {float: right;}



/* = Links
--------------------------------------------------------------------------------------------------------------------------------------*/

a:link, a:visited {color: #c32900;text-decoration: none; font-family:  "Helevtica", "Arial",  san serif;}
a:hover {color: #962000;text-decoration: none; font-family:  "Helevtica", "Arial", san serif;}
a:active {color: #000000;text-decoration: none; font-family: "Helevtica", "Arial",  san serif;}

div.seeall a {color:#00aaff; text-decoration: none; float:right; font-size:9px;}
div.seeall a:hover {color:#529fda; text-decoration: none; float:right; font-size:9px;}







/* = Headings
--------------------------------------------------------------------------------------------------------------------------------------*/
p {margin: 15px 0; line-height: 20px;}


/* = Header Specific Classes = */
h1, h2, h3, h4, h5, h6 {margin: 0px 0;}
h1 {font-size: 22px;}
h2 {font-size: 16px; color:#323232;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {margin: 10px 0;}
	
img {border: 0;}
	
/* = Initial Structures
--------------------------------------------------------------------------------------------------------------------------------------*/

#container {width: 960px; margin: 0 auto; background: transparent url(images/bg_header.jpg) no-repeat top center;}
#header {width: 960px; margin: 0 auto;   z-index:1;}	

#pageheader {padding: 103px 0px 0px 521px; height:327px; z-index:1;}
#content {width: 960px; margin: 0 auto; overflow: hidden; z-index:2; margin-top:-35px;}

#leftcol {width: 305px;  overflow: hidden; background: #000000; float:left;}
#rightcol {width: 665px;  overflow: hidden; background: #000000; padding: 0px 0px 0px 40px; margin: 0px 0px 20px 0px; border-left:#485357 solid 1px; float:left; }

#footer {width: 960px; clear:both; color: #323232; font-size: 10px; font-weight: bold; height:16px;line-height:16px; padding: 15px 0px;}

/* = Sub Navigation List
--------------------------------------------------------------------------------------------------------------------------------------*/



/* = Header 
--------------------------------------------------------------------------------------------------------------------------------------*/



#header h1 {background:transparent url(images/rupertboneham.png) no-repeat scroll left top; float:left; padding: 0px 229px 0px 0px; height:54px; width:232px;text-indent:-9999px; margin: 0;}

/* - Main Navigation - */	
#header {padding:0px 0px 0px 0px;}
#header #navigation {float: left; width: 960px;}
	      #header #nav {float:left; padding: 0px;margin: 0;list-style:none;width: 960px;height: 54px;}
	      #nav li {float:left;}
	      #navigation {padding: 0px 0px 00px 0px; }
		

		#nav li a {background-image:url(images/navigation.png);text-indent:-5000px;display:block;height:54px;}

		
		                     #nav li.nav-home a {background-position:-232px 0px; width:57px; height:54px;}
				             #nav li.nav-home a:hover {background-position:-232px 54px;width:57px; height:54px;}

				             #nav li.nav-about a {background-position:-290px 0px; width:58px; height:54px;}
				             #nav li.nav-about a:hover {background-position:-290px 54px; width:58px; height:54px;}
		
				             #nav li.nav-companies a {background-position:-350px 0px;width:94px; height:54px;}
				             #nav li.nav-companies a:hover {background-position:-350px 54px; width:94px; height:54px;}
		
				             #nav li.nav-media a {background-position:-445px 0px;width:58px; height:54px;}
				             #nav li.nav-media a:hover {background-position:-445px 54px; width:58px; height:54px;}
		
				             #nav li.nav-community a {background-position:-502px 0px;width:98px; height:54px;}
				             #nav li.nav-community a:hover {background-position:-502px 54px; width:98px; height:54px;}
		
				             #nav li.nav-contact a {background-position:-600px 0px;width:77px; height:54px;}
				             #nav li.nav-contact a:hover {background-position:-600px 54px; width:77px; height:54px;}
		
				             #nav li.nav-shop a {background-position:-678px 0px;width:53px; height:54px;}
				             #nav li.nav-shop a:hover {background-position:-678px 54px; width:53px; height:54px;}




/* = Content DIVs
--------------------------------------------------------------------------------------------------------------------------------------*/
#feed {width:286px; height:50px; padding: 15px 10px;background:#ebebeb;margin: 0px 0px 2px 0px;}
.blogtitle {color: #323232; font-size: 18px;}
.blogpostdate {color: #323232; font-size: 12px;}
#feedbottom {background:#323232;height:15px;}

#feed {width:286px; padding: 15px 10px;background:#ebebeb;margin: 0px 0px 2px 0px;}
.tweet {color: #323232; font-size: 12px;}
.tweetpostdate {color: #323232; font-size: 10px;}
#feedbottom {background:#323232;height:15px;}

#eventfeed {width:614px; height:35px; padding: 30px 10px 15px 10px;background:#ebebeb;margin: 0px 0px 2px 0px;}
.eventdate {color: #323232; font-size: 18px; font-weight: bold; display:inline-block; width:100px;}
.eventlocation {color: #323232; font-size: 18px;display:inline-block; width:170px;}
.eventtitle {color: #323232; font-size: 18px; display:inline;}
#feedbottom {background:#323232;height:15px;}

#rightcolcontent {width:614px; padding: 20px 10px 15px 10px;background:#ebebeb;margin: 0px 0px 0px 0px;}
#rightcolbottom {background:#323232;height:15px;}

#companycontainer {padding: 0px 0px 50px 0px;}
#companylogo { width: 220px; padding: 10px 0px 0px 0px; display:inline-block}
#companyinfo { width: 345px;  padding: 0px 0px 0px 20px; margin: 0px 0px 50px 0px; display:inline-block;}

p.twitter-message {color: #323232; font-size: 12px;display:block;width:286px; height:50px; padding: 15px 10px;background:#ebebeb;margin: 0px 0px 2px 0px;}
.twitter-timestamp {color: #323232; font-size: 10px;}
a.twitter-link {the tweet link class}
a.twitter-user {the @username reply link class}


/* = Callouts
--------------------------------------------------------------------------------------------------------------------------------------*/



/* = Column DIVs
--------------------------------------------------------------------------------------------------------------------------------------*/




                   

	
/* = Form
--------------------------------------------------------------------------------------------------------------------------------------*/

input.search { background: #000000 url(img/searchbg.jpg) no-repeat 3px;  border: #3b5162 solid 1px;  padding-left: 20px;height: 18px;width: 100px;color:#ffffff;font-family:Trebuchet MS; margin:3px 0px 0px 0px;}



/* = Footer
--------------------------------------------------------------------------------------------------------------------------------------*/
#subscribe {padding: 21px 0px 30px 153px;font-size:12px;}
#footer .copyright {float:left; font-size:9px;color:#999999;margin: 0px 0px 20px 0px}
#footer .contactus {float:right; font-size:9px;font-weight:bold; color:#ffffff;}
#footer .privacy {font-size:9px;font-weight:bold;}
#footer .signup {font-size:11px;color:#999999; float:right; margin: 0px 5px 0px 20px}
#footer .subscribeinfo {float:left; margin: 0px 20px 0px 0px}
#footer input.signup { background: #000000; border: #999999 solid 1px; height: 18px;width: 100px;color:#ffffff;font-family:Trebuchet MS; margin:3px 0px 0px 0px;}

div.contactus a {color:#ffffff; text-decoration: underline;}
div.contactus a:hover {color:#00aaff; text-decoration: underline;}

div.subscribeinfo a {color:#ffffff; text-decoration: underline;}
div.subscribeinfo a:hover {color:#00aaff; text-decoration: underline;}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding: 0px 0px 0px 0px;
	height:35px;
	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs li.tab1 a { 
	background: url(images/latestnews_twitterfeed.png);
	background-position: 0px 35px;
	text-indent:-9999px;
	font-size:11px;
	display:block;
	height: 35px;  
	line-height:50px;
	width: 147px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	
}

/* link inside the tab. uses a background image */
ul.tabs li.tab2 a { 
	background: url(images/latestnews_twitterfeed.png);
	background-position: 160px 35px;
	text-indent:-9999px;
	font-size:11px;
	display:block;
	height: 35px;  
	line-height:50px;
	width: 160px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs li.tab1 a:hover {
	background-position: 0px 70px;	
	color:#fff;	
}

/* when mouse enters the tab move the background image */
ul.tabs li.tab2 a:hover {
	background-position: 160px 70px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs li.tab1 a.current, ul.tabs li.tab1 a.current:hover, ul.tabs li.current a {
	background-position: 0px 0px;		
	cursor:default !important; 
	color:#000 !important;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs li.tab2 a.current, ul.tabs li.tab2 a.current:hover, ul.tabs li.current a {
	background-position: 160px 0px;		
	cursor:default !important; 
	color:#000 !important;
}








/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}