/* CSS Document */
* {
	margin: 0;
	padding: 0;
	
	font-family: Lucida Sans, Lucida Sans Unicode, Sans-Serif;
	font-family: Gill Sans MT, Calibri, Trebuchet MS, Sans-Serif;
	font-family: Futura Medium, Century Gothic, AppleGothic, Sans-Serif;
	font-family: Geneva, Lucida Sans, Lucida Sans Unicode, Verdana, Sans-Serif; 
	
	font-size: 10pt;
    color: Yellow;
}


p .holdingPage { color: Yellow; }

.clearer
{
    clear: both;
}

.orange { color: #F78D1F; }
.blue { color: #0087ac; }
.lightblue { color: #7EB7D2;} 
.lightgray { color:#797979;}
.gray { color: #333333; }
.verylightgray { color: #E7E7E7; }

div.button  
{
    border: 0px solid #333333;
    float: left;
    margin-right: 10px;
    padding: 3px;
}

.sliderNav
{
    width: 125px;    
}

div.button a 
{
    color: #0087ac;
    float: left;
    font-weight: bold;
    padding : 1px 10px 2px 7px;
    vertical-align: middle;
}

div.button a:hover
{
    color: #7EB7D2;
}


body 
{
	background-color: #000;
    background-image:  url(/Images/Background/33Gradientfff.gif);
    background-repeat: repeat-x;
    text-align: center;
}

#Wrap {
	width: 900px;
	height: 900px;
	background-color: #FFF;
	margin: 25px auto;
	margin-bottom: 5px;
	padding: 0px;
	border: solid 0px #333333;
	text-align: left;
	
}

#Header 
{   
    width: 900px;
    line-height: 100px;
    height: 100px;
    vertical-align: bottom;
	margin-top: 0px;
	margin-bottom: 0px;
	border: solid 0px white;
	background-color: #333333;
	padding-left: 5px;
	padding-right: 5px;
	
}

#Logo {
	background:url(/Images/okasitelogo.gif) no-repeat;
	background-position: bottom;
	width: 400px;
	height: 100px;
	line-height: 100px;
	float: left;
	vertical-align: bottom;
	border: solid 0px white;
}	

#HeaderFunctionalArea
{
    width: 400px;
    height: 90px;
	float: right;
	text-align: right;
	border: solid 0px red;
	padding: 5px;
	vertical-align: bottom;
	color: #fff;
}

#HeaderFunctionalArea a
{
	color: #fff;
	text-decoration: none;
}

#HeaderFunctionalArea a:hover
{
	color: #7EB7D2;
}


.headerFunction {color: #fff; height: 22px; line-height: 22px; }

#Content {
	background-color: #FFF;
	clear: both;
	margin: 0 auto;
	width: 900px;
	height: 800px;
	border: dashed 0px Red;
}

#TopLeftCurve 
{
    margin: 0;
	padding: 0;
	width: 25px;
	height: 25px;
    float: left;
    text-align: left;
    background-image: url(/Images/lefttop.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #FFF;
}

#TopRightCurve 
{
    margin: 0;
	padding: 0;
	width: 25px;
	height: 25px;
    float: right;
    text-align: right;
    background-image: url(/Images/topright.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #FFF;
}

#ContactInfo 
{
    margin-top: 25px;
    line-height: 20px;
    border: solid 0px red;
    padding: 0px 10px 0px 10px;
}

#ContactInfo .contact 
{
    width: 240px;
    float: left;
    border: solid 0px blue;
}

#ContactInfo label
{
    display: block;
    font-weight: bolder;
    width: 65px;
    float: left;
    text-align: right;
    border: solid 0px blue;
}

#ContactInfo .contactDetail
{
    margin-left: 5px;
    display: block;
    width: 150px;
    float: left;
    text-align: left;
    border: solid 0px blue;
}

#ContactInfo .contact .address
{
    width: 250px;
    float: right;
    border: solid 1px #333333;
}

#ContactInfo .map
{
    margin-left: 5px;
    margin-top: 25px;
    clear: both;
    width: 475px;
    border: solid 1px #333333;
}

#Partners 
{
    border: solid 0px red;
}

#Partners .partner 
{
    margin: 5px;
    border: 0px solid #cccccc;
}

#Partners .logo
{
    width: 100px;
    height: 75px;
    border: solid 0px green;
    float: left;    
    padding: 10px;
}

#Partners .information
{
    margin-left: 15px;
    width: 340px;
    padding: 15px;
    border: solid 0px blue;
    float: left;
}



p, ul, h1 {
	margin-bottom: 1em;
}

p
{
	letter-spacing: .04em;
    line-height: 1.5em;
    margin: 10px 15px 10px 15px;
} 


.tabbed_area .content p
{   
    font-size: 8px ;
    line-height: 1.8em;
    margin: 5px ;
}

ul
{
	margin-left: 1.6em;
}

li
{
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}

h1, h2, h3, h4  
{
     font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Sans-Serif;    
     font-family: Geneva, Verdana, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Sans-Serif;
     font-family: Gill Sans MT, Trebuchet MS, Calibri, Sans-Serif;
     font-family: Futura Medium, Century Gothic, AppleGothic, Sans-Serif;
}

h1, h2
{
	color: #0087ac;
}


h1 {

	color: #0087ac;
	font-size: 22pt;
	font-weight: normal;
	letter-spacing: 2px;
}

h1 .caption
{
	color: #070707;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;

}

.pageHeaderSIFR 
{
    width: 100% auto; 
    border: solid 0px red; 
    vertical-align: bottom; 
    height: 50px; 
    line-height: 50px;  
    margin: 0px;  
    padding: 0px;
}

.pageHeaderSIFR h1 { float: left; border: solid 0px #000000;vertical-align: bottom; margin: 0px 15px 0px 0px; padding: 0px; } 
.pageHeaderSIFR .caption { float: left; border: solid 0px #000000; margin: 15px 0px 0px 0px; padding: 0px;  }


.scrollContainer ul li {
	list-style-image: url(/images/okalisticon.gif);
	border-bottom: 0x solid #d6dde0;
	padding-top:3px;
	margin-left: 45px;
	padding-left: 2px;
	padding-bottom:2px;
	font-size:13px;
}


h2 {
	font-size: 14px;
	font-weight: bold;
}

a   {
	color: #0087ac;
	text-decoration: none;
	}
	
a:hover {
	color: #7EB7D2;
	text-decoration: none;
	}

#Nav {
	width: 900px;
	background-color: #333333;
	border: 0px solid red;
	height: 65px;
	padding: 0px;
    padding-left: 10px;
	padding-right: 10px;
	font-family: trebuchet;
	font-size: 16px;
	font-weight: lighter;
	letter-spacing: 2px;
	}
	#Nav ul {
		display: inline;
		list-style: none;
		height: 75px;
		}
		#Nav ul li {
			background-color: #333333;
			float: left;
			text-align: left;
			display: inline;
			padding-top: 15px;
			padding-bottom: 10px;
			padding-left: 0px;
			padding-right: 0px;
			margin-left: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			border-top: solid 0px transparent;
			border-bottom: solid 0px #333333;
			width: 212px;
			}
		#Nav ul li a {
			color: #0087ac;
			text-decoration: none;
			font-weight: normal;
			font-size: 16px;
			letter-spacing: 3px;
			padding-left: 10px;
			}
			#Nav ul li:hover, #Nav .selected {
				border-top: solid 0px #F78D1F;
				background-color: Transparent;
				background-image: url(/Images/nav.gifxxxx);
				background-position:right;

				}
			#Nav ul li a:hover {
                color: #7EB7D2;
			}
			#Nav .selected {
                color: #F78D1F;
			}



.navCaption {
	padding-left: 10px;
	font-size: 8pt;
	color: #FFFFFF;

}

.menuItem
{
    background-repeat: no-repeat;
    background-position: left center;
}

.ColorBox { width: 900px; height: 150px; }
.lighter { background-color: #303030;}

.menuLink, .navCaption
{
    margin-left: 0px;
}

#LeftColumn {
	float: left;
	padding: 5px 5px 5px 15px;
	border: solid 0px green;
	margin: 0px;
	width: 525px;
}

#RightColumn {
	float: left;
	padding: 5px 25px 5px 5px;
	border: solid 0px green;
	margin: 0px 0px 0px 10px;
	width: 310px;
	}

#FeaturedWork 
{
    margin-left: 15px;
    margin-bottom: 15px; 
    width: 515px;
    height: 150px;
    border: dashed 0px red;
}

#Footer {
	clear:both;
	text-align: left;
	border-top: solid 0px #0087ac;
	color: #F78D1F;
	background: #FFFFFF;
	margin: 0px;
	padding:0px;
	width: 900px auto;
	height: 75px;
	line-height: 75px;
	}

#Footer .contentBox 
{	
	float: left;
	padding: 5px 10px 0px 10px;
	height: 75px;
	line-height: 15px;
	border-left: 0px solid #0087ac;
}

#Footer .left, #Footer .middle, #Footer .right { width: 260px; }  

#Footer p { font-size: 7pt; }

#Footer h1  
{
	font-size: 9pt;
}

#Footer .logos 
{
	margin:0px;
	padding-top: 0px;
	width: 225px;
	height: 50px;
	line-height: 50px;
	float: left;
}
.subFooterText { width: 900px; text-align: center; border: solid 0px black; }
.subFooterText p { font-size: 7pt; color: #FFF; text-align: left;}

#shadowed-border { padding:20px; width:80%; margin:20px auto; color:#fff; }
#shadowed-border, #shadowed-border .sb-inner { background:#444 url(grad.png) repeat-x; }

#trans-border { width:280px; margin:20px auto; padding:14px 20px; background:#444; color:#222; }
#trans-border .sb-border { background:#000; }

#favourites, #rfp, #rss { width:280px; margin:20px auto; padding:14px 20px; background:#444; color:#222; }
#favourites .sb-border, #rfp .sb-border, #rss .sb-border { background:#000; }