/* 
	project:  ssa ltd
	author:   simon greenfield : tenbymedia
	amended : Brian McBride (17 Aug 2010) - 07958-294012
*/

*{
	margin: 0; 
	padding: 0; 
}*

body { 
	margin-top:10px;
	font: .75em Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	background: #ccc;
	color: #444; 
}

a {
	color: #0F3F6F;	
	background: inherit; 
	text-decoration: none; 
	font-weight: bold;
}

a:hover {
	color: #444; 
	background: inherit; 
	text-decoration: none; 
}

p {
	margin: 0 0 15px 0; 
}

h1 {
	margin: 20px 0 0; 
	color:#0F3F6F; 
	font: normal 1.4em "Trebuchet MS", Arial, Sans-Serif; 
	margin: 0 0 12px; 
	color:#0D3D6E; 
	font-weight: bold
}

h1 a {
	background: inherit; 
	color:#fff;
}

img {
	border: 0; 
}

h2 {
	font: normal 1.4em "Trebuchet MS", Arial, Sans-Serif; 
	margin: 0 0 12px; 
	color:#0D3D6E; 
	font-weight: bold
}

h3 a {
	font-size: 1em; 
}

h4 {
	font: normal 1.2em "Trebuchet MS", Arial, Sans-Serif; 
	margin: 0 0 12px; 
	color:#0D3D6E; 
	font-weight: bold
}

h5{
	border-bottom: 1px solid #cccccc; 
	font: normal 1.3em "Trebuchet MS", Arial, Sans-Serif; 
	margin: 0 0 12px; 
	color:#666666; 
	font-weight: bold
}

#header{
	height:130px; 
	background: #A0CF67;  
	padding-top:9px; 
	background-image: url(images/moremetal.jpg); 
	background-position:right; 
	background-repeat:no-repeat; 
}

#main h3 a {
	font-size: .84em; 
	color: #808080; 
	font-weight: normal; 
	text-transform: uppercase; 
}

#content {
	width: 940px; 
	margin: 0 auto; 
	padding: 20px 20px 20px 20px; 
	background: #fff; 
}

.top {
	float: right; 
	width: 400px;  
	text-align: right; 
	color: #0F3F6F; 
	margin-right:6px; 
	padding-top:3px; 
	padding-right:15px; 
	font-size: 1.4em; 
}

.top a { 
	color: #0F3F6F;  
	background: none;  
	font-weight:normal; 
	border-bottom: 1px dotted #0F3F6F;
}

.top a:hover{
	color: #444 ;  
	background: none ;  
	font-weight:normal;
	border-bottom: 1px dotted #444444; 
}

.logo {
	float: left; 
	color: #808080; 
	line-height:28px; 
	margin-left:3px;
}

.logopic {
	float:left; 
	width:83px; 
	height:80px;
}

/*top menu*/

#menu { 
	width:940px; 
	height: 30px; 
	padding: 10px 0 0 5px; 
	clear: both;   
	background:url(images/bg_head_bottom_nav.jpg) repeat-y;
}

#menu li {
	font-size: 1.3em; 
	display: inline; 
	font-weight:bold;  
}

#menu li a {
	margin: 0px 10px 0 10px; 
	color: #1B3F94; 
	padding:0px 4px 0px 4px; 
}

#menu li a:hover {
	color: #666; 
	font-weight:bold; 
	background: none;  
}

#menu li#current a {
	color: #666; 
	background: none; 
	font-weight:bold;
}

/*middle image*/

#splash {
	width: 940px; 
	float: right; 
	margin-bottom:10px; 
}

/*middle content areas*/

#left {
	background: #fff; 
	float: right; 
	width: 253px; 
	padding: 0px 20px 10px 30px; 
	margin-right:10px; 
	background-image: url(images/bg_support.png); 
	background-position:bottom; 
	background-repeat:no-repeat;
}

#left li {
	list-style: none; 
}

#left li a {
	color: #0F3F6F; 
	background: url(images/arrow.gif) no-repeat center left; 
	padding: 5px 10px 0px 25px; 
	font-size:1.3em;
}
	
#left li a:hover {
	color: #444; 
	background: url(images/arrow.gif) no-repeat center left; 
	padding: 5px 10px 0px 25px; 
	font-size:1.3em;
}

#left1 {
	background: #fff;  
	float: left; 
	width: 615px; 
	padding: 0px 0px;   
}

#left1 li {
	list-style: none;  
}

#left1 li a {
	color: #0F3F6F; 
	background: url(images/arrow.gif) no-repeat center left; 
	padding: 5px 10px 0px 25px; 
	font-size:1.2em;
}

#left1 li a:hover {
	color: #444; 
	background: url(images/arrow.gif) no-repeat center left; 
	padding: 5px 10px 0px 25px; 
	font-size:1.2em;
}

#left2 {
	background: #fff;  
	clear: left; 
	float: right; 
	width: 263px; 
	padding: 10px 10px; 
	margin: 4px;  
	background-image:url(images/bg_support.png); 
	background-position:bottom; 
	background-repeat:no-repeat;
}

#left2 img {
	margin: 2px; 
}

#left2 li {
	list-style: none;  
}

#left2 li a {
	color: #0F3F6F; 
	background: url(images/arrow.gif) no-repeat center left; 
	padding: 5px 10px 0px 25px; 
	font-size:1.2em;
}
	
#left2 li a:hover {
	color: #444; 
	background: url(images/arrow.gif) no-repeat center left; 
	padding: 5px 10px 0px 25px; 
	font-size:1.2em;
}


#left3 {
	background: #fff;  
	float: left; 
	width: 610px; 
	padding: 10px 10px; 
	margin: 4px;  
}
	
#left3 li {
	list-style: none;  
}

#main {
	width: 940px;
	padding:5px 0 0 0;
}
	
#ad {
	float: right; 
	text-align: center; 
	padding: 33px 0 0; 
	width: 250px; 
	border: 3px solid #eee; 
	color: #ccc; 
	height: 50px; 
	margin: 0 0 15px; 
}

#shortnews { 
	float: right; 
	width: 250px;  
	margin-bottom:6px;
}

.news {
	border-bottom: 1px solid #eee; 
	padding: 0 0 2px; 
	margin: 0 0 10px;
}
	
#right {
	margin: 0 5px 10px 0; 
	padding: 0 0 0 5px; 
	float: right; 
	width: 655px; 
	text-align: justify; 
}

.border {
	float:right; 
	clear: both; 
	border: 1px solid #ccc; 
	padding: 4px; 
}

.border1 {
	clear: both; 
	border: 1px solid #ccc; 
	padding: 4px; 
}

.border1 a {
	clear: both; 
	border: 1px solid #ccc; 
	padding: 4px;
}


#rl {
	float: left; 
	width: 135px; 
	margin: 0px 10px 20px 15px;
}

#rr {
	float: right;
	width: 290px;
	height: 230px;
}

#rl li {
	list-style: none;
	border-bottom: 1px solid #eee; 
	padding: 4px; margin: 0; 
}

#rl li a {
	background:#fff; 
	padding: 0 0 0 12px; 
	color: #0F3F6F;
}

#rl li a:hover {
	background: #fff; 
	padding: 0 0 0 12px; 
	color: #AC8710;
}

#rl img{float:inherit; padding:2px;
}

/* form elements */
form {
	margin: 15px;
	padding: 0;
	background: none;	
	font: normal .75em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	font: bold 1.25em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
}

input {
	padding: 2px;
	border: 1px solid #ccc;
	font: normal 1.25em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	background-color:#F3F1E6;
	width: 185px;
}
textarea {
	width: 185px;
	padding:2px;
	border: 1px solid #ccc;
	font: normal 1.25em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	height:75px;
	display:block;		
	color: #333;
	background-color:#F3F1E6;
}
input.button { 
	margin-bottom: 7px; 
	font: bold 1.25em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	border: 1px solid #EFEFEF;
	padding: 2px 3px; 	
	background-color:#343A6A;
	color:#fff;
	width: 75px;
}

/*patterned sheets*/
#recent-clients {
	margin-bottom: 15px;
	padding: 0;
	width:580px;
}

#recent-clients ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#recent-clients li {
	display: inline;
    padding: 0 4px 0 0;
}
					
#recent-clients li a img {
	padding: 0;
    margin: 3px;
    border: 3px solid #ccc;
}
				  
#recent-clients li a:hover img {
	border: 3px solid #666;
}
						  
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #ebf2fa;
	border:2px solid #666;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font-family:'Trebuchet MS';
	font-size:11px;
	font-weight:bold;
	letter-spacing: 5px;
	color: #444;
	padding: 5px 0;
	text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid #999;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}

#footer-wrap {
	border-top:10px solid white;
	clear: left;
	text-align: left;
	background-color: #EEEEEE;
	color: #666666;
	width: 915px;
	margin: 10px;
}

#footer-wrap a {
	text-decoration: none;
	color: #AB9999;
	font-weight:normal;
}

#footer-wrap a:hover {
	color: #F5A91B;	
}

#footer-columns {
	color: #fff;
	width:800px;
	background-color: #EEEEEE;
	margin-bottom: 10px;
}

#footer-columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 5px;
	background: none;
	line-height: 1.5em;
	margin-bottom:4px;
}

#footer-columns li {
	background: none;		
}

#footer-columns li a {
	display: block;
	padding: 3px 15px 3px 10px;
	width: 86%;
	background: none;
	line-height: 1.5em;
	margin-bottom:4px;
	border: 1px solid #ccc;
	font-weight: normal;
	color: #AB9999;
}

#footer-columns li a:hover{
	display: block;
	padding: 3px 15px 3px 10px;
	width: 86%;
	background: none;
	font-weight:normal;
	color: #666666;
	line-height: 1.5em;
	margin-bottom:4px;
}

#footer-columns .col3, .col3-center {
	float: left;
	width: 30%;
	background: none;
	margin-left:6px;
	margin-right:15px;
}

#footer-columns .col3-center {
	margin: 0 10px;
	background: none;
}

/* bottom */
#footer-top {
	clear: both;
	color: #ccc;
	width: 800px;
	text-align: center;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
}

#footer-top a{
	clear: both;
	color: #ccc;	
	margin: 0 auto; 
	padding: 10px 0;
	text-align: center;
	background:#0A174E;
}
	
/* bottom */
#footer-bottom {
	clear: both;
	color: #ccc;	
	margin: 0 auto; 
	width: 800px;
	padding: 10px 0;
	text-align: center;
	color: #666666;
	background-color:#FFFFFF;
}

#footer-bottom a{
	clear: both;
	color: #ccc;	
	margin: 0 auto; 
	width: 760px;
	padding: 10px 0;
	text-align: center;
	background:#0A174E;
}