/*
Theme Name: Siya Rasha 
Theme URI: http://www.siya-rasha.co.za
Description: Wealth Management
Version: 1.0.0
Author: Two Siya Rasha 
Author URI: http://www.siya-rasha.co.za/
*/




/* GENERAL SHEET START HERE-----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a {text-decoration: none;	color:#2866ab;}
a:hover {text-decoration: underline;	color:#2866ab;}
p {	margin: 0px 0px; padding-top:10px; padding-bottom:10px;}






h1{
	font-size:40px;
	color:#2866ab;
	font-weight:normal;
}
h2{
	font-size:28px;
	color:#2866ab;
	font-weight:normal;
}
h3 {
	font-size:22px;
	color:#2866ab;
	font-weight:normal;
}
h4 {
	font-size:18px;
	color:#2866ab;
	font-weight:normal;
}
/* GENERAL SHEET END HERE-----------------------------------------------------------------*/















/* HEADER START HERE-----------------------------------------------------------------*/
#header{
	margin: 0 auto;
	background:url(images/header-bg.jpg) top left repeat-x;
	height:168px;
	margin-top:65px;
}
#header-holder{
	margin: 0 auto;
	width:800px;
	height:168px;
	text-align:center;
}
#header .logo a{
	display:block;
	width:736px;
	height:168px;
	background:url(images/header-logo.jpg) top left no-repeat;
}
/* HEADER END HERE-----------------------------------------------------------------*/
















/* MENU START HERE-----------------------------------------------------------------*/
#menu{
	margin: 0 auto;
	background:#F5F5F5;
	width:100%;	
}
#menu-holder{
	margin: 0 auto;
	width:800px;
	display:block;
	padding-top:5px;	
}
			
					#menu-holder ul	{
						margin: 0; 
						padding: 0; 
						text-align:center;
					}
					#menu-holder li	{
						display:inline-block;
						margin: 0; 
						padding: 0;
						padding-right:2px;
					}
					#menu-holder li a	{
						display: block;
						padding-top:0px;
						padding-left:20px;
						padding-right:20px;
						padding-bottom:0px;
						margin-top:12px;
						
						color: #2866ab;
						font-family:Arial, Helvetica, sans-serif;
						font-size:14px;
						text-decoration:none;
						text-align:center;
						text-transform:uppercase;
						font-weight:normal;
						/*border-left:1px #3f3768 solid;*/
					}
					#menu-holder .current-menu-item a, #menu-holder .current_page_item a {
						color: #232020;
						text-transform:none;
						font-weight:normal;
						font-size:24px;
					}
					#menu-holder a:hover {
						color: #232020;
					}
					#menu-holder ul ul { 
						display: none; 
					}
					
					#menu-holder li a.noborder	{
						border-left:none;
					}
/* MENU END HERE-----------------------------------------------------------------*/















/* CONTENT START HERE-----------------------------------------------------------------*/
#content{
	margin: 0 auto;
	background:#F5F5F5 url(images/content-bg.jpg) bottom left repeat-x;
}
#content-holder{
	margin: 0 auto;
	width:800px;
	padding-top:60px;
	padding-bottom:60px;
	line-height:22px;
}
#content-holder-home{
	margin: 0 auto;
	width:950px;
	padding-top:40px;
	padding-bottom:60px;
	line-height:22px;
}
/* CONTENT END HERE-----------------------------------------------------------------*/
















/* FOOTER START HERE-----------------------------------------------------------------*/
#footer{
	margin: 0 auto;
	background: #FFFFFF;
	height:64px;
	color:#a3a3a3;
	font-size:12px;
	text-align:center;
	padding-top:10px;
}
/* FOOTER END HERE-----------------------------------------------------------------*/















/* OTHER START HERE-----------------------------------------------------------------*/
.row {margin:0 auto;}
.col {float: left;}
.col-right{float: right;}
.clear{clear:both;height:0;}



.space1{height:10px;}
.space2{height:20px;}
.space3{height:30px;}
.space4{height:40px;}
.space5{height:50px;}




.color-blue{color:#2565a8;}
.color-yellow{color:#fcb017;}
.color-white{color:#ffffff;}






#content ul {
	margin:0px 0px;
	padding-left:0px;
	line-height:16px;
}
#content ul ul{
	margin:0px 0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
}
#content ol{
	margin:0px 0px;
	list-style:none;
	padding-left:20px;
	padding-bottom:10px;
	background: url(images/icon-list.png) no-repeat;
	background-position:0px 0px;	
}	
#content li{
	margin:0px 0px;
	list-style:none;
	padding-left:20px;
	padding-bottom:10px;
	background: url(images/icon-list.png) no-repeat;
	background-position:0px 0px;	
}




.message-success{
	margin: 0 auto;
	padding:10px;	
	border:1px #E6DB55 solid;
	background-color:#FFFFE0;
	color:#584b46;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	display:none;
	text-align:center;
	margin-bottom:5px;
}
.message-error{
	margin: 0 auto;
	padding:10px;	
	border:1px #BD0C18 solid;
	background-color:#FEE9EA;
	color:#BD0C18;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	display:none;
	text-align:center;
	margin-bottom:5px;
}


.display-title{
	font-size:26px;
	color:#2866ab;
	font-weight:bold;
}
.display{
	margin:0 auto;
	width:898px;
	height:480px;
	margin-bottom:20px;	
	padding-left:52px;		
	background: url(images/home-display.jpg) no-repeat;
}
.display-content{
	width:240px;
	height:360px;
	
	padding-top:100px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	
	overflow:hidden;
}
.info-1 a{
	float:left;
	display:block;
	margin-right:20px;
	width:303px;
	height:168px;		
	background: url(images/home-info-1-2.jpg) no-repeat;
	background-position:0px 0px;
	overflow:hidden;
}
	.info-1 a:hover{	
		background: url(images/home-info-1-2.jpg) no-repeat;
		background-position:0px -169px;
	}
	
	
.info-2 a{
	float:left;
	display:block;
	margin-right:20px;
	width:303px;
	height:168px;		
	background: url(images/home-info-2.jpg) no-repeat;
	background-position:0px 0px;
	overflow:hidden;
}
	.info-2 a:hover{	
		background: url(images/home-info-2.jpg) no-repeat;
		background-position:0px -169px;
	}
	
	
.info-3 a{
	float:left;
	display:block;
	width:303px;
	height:168px;		
	background: url(images/home-info-3.jpg) no-repeat;
	background-position:0px 0px;
	overflow:hidden;
}
	.info-3 a:hover{	
		background: url(images/home-info-3.jpg) no-repeat;
		background-position:0px -169px;
	}
/* OTHER END HERE-----------------------------------------------------------------*/