/* CSS Document */

body{
	margin:0 auto;
	padding:0;
	background: #03518B url(../images/mainbg.jpg) no-repeat center top;
}



ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body---------------------*/



/*------------------------------------------------main page---------------------*/

#wrapper {
	
	margin: 0 auto;
	padding:0 0 0 1px ;
	position:relative;
}


#mainbg {
	
	width:755px;
	padding:121px 0 0 0;
	margin:0 auto;
	position:relative;	
}

#mainbg img{
	position:absolute;
	left:16px;
	top:22px;

}

ul.nav{
	width:720px;
	height:41px;
	padding:0 0 0 15px;
	margin:0 auto;
}

ul.nav li{
	float:left;
	padding:0;
	margin:0;
}

ul.nav li a{
	display:block;
	height:41px;
	padding:0 19px 0 19px;
	background:url(../images/rollout.jpg) 0 0 repeat-x;
	color:#0470C1;
	font:bold 11pt/44px  "calibri", Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0 auto;
	letter-spacing: 1px;
}

ul.nav li a:hover{
	background:url(../images/rollover.gif) 0 0 repeat-x ;
	color:#fff;
}

#splash {
	background:url(../images/splash.jpg) 0 0 no-repeat;
	width:755px;
	height:295px;
	padding:0 0 0 0;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#splash2 {
	
	width:755px;
	height:295px;
	padding:0 0 0 0;
	margin:0 auto;
	text-align:left;
	position:relative;
}


a.cv{
	position:absolute;
	left:558px;
	top:249px;
	font:bold 14pt/17px  "calibri",Arial, Helvetica, sans-serif;
	color:#FEF200;
	padding:0 3px;
	text-decoration:none;
}

a.cv:hover{
	color:#fff;
}

#text{
	width:755px;
	height: 230px;
	margin:0 auto;
	position:relative;
}

#left {
	width:490px;
	height:230px;
	padding:0 0 0 0;
	margin:0 auto;
	float:left;
	position:relative;
}

p.intro1{
	display:block;
	width:468px;
	font:normal 12px/17px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 0;
	padding:16px 0 0 8px;
	float:left;
}

p.intro2{
	display:block;
	width:453px;
	font:bold 12px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C3FB34;
	margin:0 0 0 0;
	padding:10px 0 0 8px;
	float:left;
}

img.line{
	position:absolute;
	top:12px;
	left:487px;
}


img.signature{
	position:absolute;
	top:164px;
	left:320px;
}

#right {
	width:240px;
	height:265px;
	padding:12px 10px 0 0;
	margin:0 auto;
	float:right;
	position:relative;
}


h2.news{
	font:normal 12pt/18px  "Century Gothic", Arial, Helvetica, sans-serif;
	color:#F1FE1E;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

p.headline{
	display:block;
	font:normal 12px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 0;
	padding:18px 0 0 0;
	float:left;
}

#accordian {
	position:relative;
	background: #03518B url(../images/accordbg.jpg) no-repeat left top;
	width:755px;
	height:200px;
	background-color:#000;
	padding:0 0 0 0;
	margin:0 auto;
	
}

#webthumbs{
	width:755px;
	margin:0 auto;
	padding: 30px 20px 20px 83px;
	position:relative;
}

#webthumbs img{
	border: 1px solid #CCC;
	padding: 2px;	
	margin: 10px 18px 10px 0;
}

#innersplash {
	width:755px;
	height:263px;
	padding:0 0 0 0;
	margin:0 auto;
	text-align:left;
	position:relative;
}

.profilesplash {
	background:url(../images/profile-splash.jpg) 0 0 no-repeat;
}


.photosplash {
	background:url(../images/photo-splash.jpg) 0 0 no-repeat;
}

.websplash   {
	background:url(../images/web-splash.jpg) 0 0 no-repeat;
}


.ucsplash {
	background:url(../images/uc-splash.jpg) 0 0 no-repeat;
}

p.text{
	display:block;
	width:733px;
	font:normal 12px/17px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 0;
	padding:8px 0 0 17px;
	float:left;
}


	
	
/*------------------------------------------------footer---------------------*/

#footer{
	position:relative;
	width:753px;
	height:37px;
	margin:0 auto;
	margin-top: 10px;
	padding:40px 0 0 0;
	background:url(../images/footerbg.jpg) 0 0 repeat-x;
}

#footer ul{
	width:559px;
	margin:0;
	padding:0;
	position:absolute;
	top:34px;
	left:7px;
}

#footer ul li{
	margin:0;
	float:left;
	font:bold 8pt/14px "Arial", Helvetica, sans-serif;
	color:#fff;
	background-image:none;
}

#footer ul li a{
	font:normal 8pt/14px "Arial", Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 5px 0 5px;
}

#footer ul li a:hover{
	color:#FEF200;
}


#footer p{
	font:normal 8pt/14px  "Arial", Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	top:52px;
	left:12px;
}

#footer img{
	position:absolute;
	right:10px;
	top:18px;

}