﻿body {color: #02243c; background: #a3a3a3; font-family:Arial; font-size: 14px; background-repeat:repeat-x; margin: 0px; }
#main_frame{width: 1075px; height: 976px; margin:auto;}
#logo{width: 800px; height: 159px; margin-left: 35px;}
#h_block{background-image: url(../i/header_gradient1.png); width: 100%; height: 180px}
#menu_container{width: 100%; height: 43px;}
#b_block{background-image: url(../i/body_gradient.png); width: 100%; height: 600px}
.top_spacer{width: 100%; height: 25px;}
.bottom_spacer{width: 100%; height: 18px;}
.welcome{margin-left: 15px; width: 503px; height: 42px; background-image: url(../i/welcome.png)}
.whatwedo{margin-left: 15px; width: 331px; height: 42px; background-image: url(../i/whatwedo.png)}
.portfolio{margin-left: 15px; width: 263px; height: 42px; background-image: url(../i/portfolio.png)}
.aboutus{margin-left: 15px; width: 242px; height: 42px; background-image: url(../i/aboutus.png)}
.contactus{margin-left: 15px; width: 293px; height: 42px; background-image: url(../i/contactus.png)}
.greg{width: 265px; height: 331px; background-image: url(../i/greg.png); float: right;}

.t_content{margin-left: 15px; width: 1037px; margin-right: 15px; height: 100px}
#stripe{width: 100%; height: 3px; background-color: #02243c}
#f_block{background-image: url(../i/footer_gradient1.png); width: 100%; height: 150px}
#t_footer{padding-left: 50px; width: 261px; padding-top: 30px; height: 55px; float: left; color: white; line-height: 20px;}
.port_text{width: 810px; float: right; height: 116px;}
.port_nzsl{width: 195px; float: left; height: 100px;  background-image: url(../i/port_nzsl.png); margin-bottom: 15px;}
.port_elite{width: 196px; float:left; height: 100px;  background-image: url(../i/port_elite.png); margin-bottom: 15px;}
.port_sovereign{width: 196px; float:left; height: 100px;  background-image: url(../i/port_sovereign.png); margin-bottom: 15px;}
.port_dsfnz{width: 196px; float:left; height: 100px;  background-image: url(../i/port_dsfnz.png); margin-bottom: 15px;}
.cn{text-decoration: underline; color: #02243c}
.cn:hover{text-decoration: none; color: #02243c}

/* // Easy Slider */

	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:144px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../i/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../i/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */
.line_height{line-height: 200%;}
ul#menu {
	width: 100%;
	height: 43px;
	background: #FFF url("../i/menu_bg.gif") top left repeat-x;
	font-size: 0.8em;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#menu li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
}
ul#menu li a {
	height: 43px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
}
ul#menu li a:hover {
	color: #02243c;
}
ul#menu li a.current {
	color: #FFF;
	background: url("../i/menu_current.gif") top left repeat-x;
	padding: 5px 15px 0;
}



