@charset "utf-8";

/****************************************************/
/***** TITLE:	RHUMB_FULL.CSS					*****/
/***** DESC:	FULL SIZED MONITOR CSS			*****/
/***** AUTHORS: CAITLIN DAVEY				   	*****/
/***** DATE: 	13/07/2012					   	*****/
/****************************************************/

/****************************************************/
/***** 	 		TAG PROPERTIES					*****/
/****************************************************/
a 		{ font-family: arial; font-size: 13px; color: #05339E; text-decoration: none; }
a:hover	{color:#000066;}
li a	{ display: table-cell; align: middle; text-align: center;font-family: arial; font-size: 13px; color: #05339E; text-decoration: none;}
p     	{ font-family: arial; font-size: 13px;}
h1  	{ font-family: arial; color: #05339E; font-size: 16px; -webkit-text-size-adjust: none; }
h2  	{ font-family: arial; color: #05339E; font-size: 14px; -webkit-text-size-adjust: none; }
h3  	{ font-family: arial; color: #05339E; font-size: 13px; -webkit-text-size-adjust: none; }
span	{ font-family: arial; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal;}
ul		{ font-family: arial; font-size: 13px; color: #000000; text-decoration: none;}


/****************************************************/
/***** 				SITE FRAME					*****/
/****************************************************/
#main {							/*** Web site frame ***/
	position: relative; 
	width: 100%;
	border:none;}

body
{
scrollbar-face-color: #0000CC;
	scrollbar-highlight-color: #0033CC;
	scrollbar-3dlight-color: #99FFFF;
	scrollbar-darkshadow-color: #330066;
	scrollbar-shadow-color: #003399;
	scrollbar-arrow-color: #003399;
	scrollbar-track-color: #006699;
}

/****************************************************/
/***** 				THE HEADER 					*****/
/****************************************************/
#header {						/*** Page header - Rhumb logo and social links ***/
	width: 960px; 
	height: 100px; 
	margin-top: 1%; 
	margin-left: auto; 
	margin-right: auto; 
	border:none;}
#header_tab {
	width: 960px;
	height: 100px;}
#logo_tab {
	width: 700px; 
	height: 50px;}
#social_icon_tab {
	width: 40px;}
img.header {
	height: 100px; 
	width: 300px;}
img.social_icon {
	height: 40px;
	width: 40px;}


/****************************************************/
/***** 				THE MENU 					*****/
/****************************************************/
#menu {							/***  	Menu bar - page links: about, consulting services, 
										software solutions, client examples, careers and staff links ***/
	width: 960px;
	height: 60px;
	margin-top: 3%;
	margin-left: auto;
	margin-right: auto;
	border:none;}
#menu_tab {
	width: 600px;
	height: 60px;
	margin-right:auto;
	margin-left:60px;}
#page_link {
	width:150px;
	heigh: 50px;}	
img.page_link{
	height: 60px; 
	width: 150px;}

/****************************************************/
/***** 		THE MENU - DROP DOWN SECTION		*****/
/****************************************************/
#drop, #drop ul {
	width:150px;
	padding: 0px;
	margin: 0px;
	list-style: none;}
#drop ul a {
	display: block;
	width:150px;
	height:50px;;}
#drop li ul {
	position: absolute;
	width: 150px;
	left: -999em;}
#drop li:hover ul {
	left: auto;}

/****************************************************/
/***** 	 THE CONTAINER (right+left partitions)	*****/
/****************************************************/
#container {				/*** 	Main information body - split into left (~70%) and right divisions (~30%) ***/
	width: 960px;
	height:680px;
	margin-left: auto;
	margin-right: auto;
	border:none;}
#rhumb_background { 		/*** 	Rhumb page banner/image (not for main page and sub-pages of consulting services 
									background is in left partition) ***/
	width: 850px;
	height:120px;
	margin-left: 50px;
	margin-right: 60px;
	margin-top:30px;
	border:none;}


/****************************************************/
/***** 	 		THE LEFT PARTITION				*****/
/****************************************************/
#left {							/*** Left division properties - page banner (specific) and text body ***/
	width: 600px; 
	margin-top: 10px; 
	margin-left: 50px; 
	float: left;
	border:none;
	display: inline;}
#left_background { 				/*** Rhumb page banner/image (left hand division) ***/
	width: 600px;
	margin-top:20px; 
	height:120px;
	border:none;}
#left_clients{
	width:100%;
	height: 370px;
	padding-right:18px;
	font-family: arial; 
	font-size: 13px; 
	text-decoration: none;
	
}
#left_consulting {							/*** Left division properties - page banner (specific) and text body ***/
	width: 540px; 
	margin-top: 10px; 
	margin-left: 50px; 
	float: left;
	border:none;}
#left_background_consulting { 				/*** Rhumb page banner/image (left hand division) ***/
	width: 540px;
	height:150px;
	border:none;}
#left_menu_consulting{
	width: 500px;
	height: 250px;
	margin-right:auto;
	margin-left:auto;}
#left_menu_consulting_table {
	width: 100%;
	height: inherit;
	margin-right:auto;
	margin-left:auto;}
#left_large {
	width: 180px;
	height:250px;}
#left_medium {
	width:150px;
	height:250px;}
#left_small {
	width:165px;
	height:33.3%;}	
#spacing {padding-left:100px;}	
#bullet {padding-left:20px; padding-right:20px; margin-left:30px}
img.left_large {
	width: 180px;
	height:250px;}
img.left_medium{
	width: 150px;
	height:250px;}
img.left_small {
	height: 75px; 
	width: 165px;}
.desc {font-family:Arial, Helvetica, sans-serif; font-size:13px;}


/****************************************************/
/***** 	 		THE RIGHT PARTITION				*****/
/****************************************************/
#right {								/*** Right division properties - rss feed and contact details ***/
	width: 200px; 	
	margin-top: 10px; 
	margin-right: 60px; 
	float: right;
	display: inline;}
#rss {							
	width: 200px; 
	height: 180px;
	top: 10px;}
#contact {
	padding: 1px; 
	width: 200px;}
#right_consulting {						/*** Right division properties - rss feed and contact details ***/
	width: 300px; 	
	margin-top: 10px; 
	margin-right: 40px; 
	float: right;}
#right_specialities {
	padding: 20px; 
	width: 260px;}
#right_large {
	width: 103px;
	height:150px;}
#right_medium {
	width:90px;
	height:150px;}
#right_small {
	width:85px;
	height:45px;}
img.right_large {
	width: 103px;
	height:150px;}
img.right_medium{
	width: 90px;
	height:150px;}
img.right_small {
	height: 45px; 
	width: 85px;}
.rss {position: relative; left:-20px; width:200px; padding:1px;}	/*** Rss feed text properties ***/
.contact {position: relative; left: 20px;color: #05339E;}		/*** Contact text body properties ***/
.email {font-size:12px;}										/*** Contact text body properties ***/
	

/****************************************************/
/***** 	 			FOOTERS						*****/
/****************************************************/
#footer {						/*** Footer properties - located independently (in container from right and left paritition ***/
	width: 100%; 
	height: 20px;
	clear: both;}


/****************************************************/
/***** 	 		BOADRERS (req for IE)			*****/
/****************************************************/
table {border: none; cellspacing: 0; cellpadding=:0; table-layout:fixed;}
td {border: none;}
img{border: none;}