/*

....................................................................................................
lccc,. ,c. .:llcc;.'l.   .:.  .;o'  .,lcc;. .llccc:'.      .      'l.   ,c.   ;l'   .;:.:lcc:'.ccc:.
O;.d0. o0''xo,...,.lX,   ,O' .:O0x. .ok.;0o.;Xl..'cko.  .;xOx'    cX; .,k0x. .dXOl. .xk.kd....ox..,.
Ooo0o. o0,ok.      cXo:::oO' :Kd:kl..lOlkk, ,Kc    cK;  .xXNXl    cK, ;0xl0d..od,ld;.dx.xkc::..lol:.
x'.:x, lk''xc....'.c0,   'x',xl::cxl.ld.'dd.,0c...;xo.   .,:,.    :0,'do:::do.oo. .oxOd.dl.......:0;
c.  ,c.;l. .cllcl:.,o.   .c,l;    'o,;:. .c:'ol:ccc'.             ;O;::.   .l,;:.  .,l:.:l:::,,ccl:.
.................................................................'ll................................
                                                                ....        
																															
*/
	  
	  
html, body{

	margin: 0px 0px 0px 0px;
	padding: 0px;}
	
body{
	
	text-align: left;
	background-color: #b0d4e0;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;}
	
body,td,th{

	font-family: Palatino, Arial;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;}
		
img { 

border: none;}

#page{

	width: 800px;
	margin: 0px auto 0px auto;}
	
		
/***************TOP***************/
/*********************************/


#header{

	width: 800px;
	height: 94px;
	float: left;}
	
#logo{

	width: 260px;
	height: 40px;
	float: left;
	margin: 28px 0px 0px 0px;
	display: inline;}
	
#topnav{

	width: 470px;
	float: right;
	display: inline;
	margin: 40px 0px 0px 0px;}
	
.title{
	width: 800px;
	float: left;
	margin: 30px 0px 25px 0px;}
	
	
#presentation{

	width: 800px;
	float: left;
	margin: 10px 0px 0px 0px;
	background-image: url(../images/presentation_bg.png);
	background-repeat: no-repeat;
	height: 215px;
	background-position: bottom;}
	
#title1{

	font-size: 18px;
	font-weight: bold;
	color: #6c929f;
	width: 217px;
	float: left;
	margin-right: 73px;
	margin-bottom: 15px;
	text-transform: uppercase;}
	
#title2{

	font-size: 18px;
	font-weight: bold;
	color: #6c929f;
	width: 217px;
	float: left;
	margin-bottom: 15px;
	text-transform: uppercase;}
		
#title3{

	font-size: 18px;
	font-weight: bold;
	color: #6c929f;
	width: 217px;
	float: left;
	margin-left: 73px;
	margin-bottom: 15px;
	text-transform: uppercase;}
	
#img1{

	width: 211px;
	height: 136px;
	float: left;
	border: 3px solid #FFFFFF;
	margin-right: 73px;}
	
#img2{

	width: 211px;
	height: 136px;
	float: left;
	border: 3px solid #FFFFFF;}
	
#img3{

	width: 211px;
	height: 136px;
	float: left;
	border: 3px solid #FFFFFF;
	margin-left: 73px;}
	
#img3:hover, #img2:hover, #img1:hover{

	border: 3px solid #23180d;}
	
.item{

	width: 800px;
	float: left;}
	
#richardinfo{

	width: 752px;
	float: left;
	border: 1px solid #d9e6ea;
	background-color: #8cb0bc;
	background-image: url(../images/description_bg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 23px;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;}
	
#contactxt{

	width: 555px;
	float: left;}
	
#contactimg{

	width: 160px;
	float: left;
	margin-right: 30px;}
	
#moreinfo{

	width: 752px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	border-top: 1px solid #d9e6ea;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 20px;}
	
.portintro{

	width: 752px;
	float: left;
	border: 1px solid #d9e6ea;
	background-color: #8cb0bc;
	background-image: url(../images/description_bg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 23px;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 18px;}
	
.newsbox{

	width: 752px;
	float: left;
	border: 1px solid #d9e6ea;
	background-color: #8cb0bc;
	background-image: url(../images/news_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 23px;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 20px;}
	
.newsimg{

	width: 119px;
	float: left;
	border: 1px solid #d9e6ea;
	margin-right: 30px;}
	
.newstitle{

	width: 592px;
	float: left;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #304d57;}
	
.newstxt{

	width: 592px;
	float: left;
	font-size: 15px;
	font-weight: bold;}	
	
#skillset{

	width: 752px;
	float: left;
	border: 1px solid #d9e6ea;
	background-color: #a6c7d2;
	background-image: url(../images/skillset_bg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 23px;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;}
	
.box1{

	width: 200px;
	float: left;
	margin-right: 40px;
	color: #668ba3;}
	
#box2{

	width: 265px;
	float: left;
	font-size: 12px;
	line-height: 20px;}


.box3{
	
	width: 170px;
	float: left;
	color: #668ba3;
	font-size: 15px;
	font-weight: bold;
	margin-right: 16px;}

.randomthumb{

	width: 800px;
	float: left;
	margin: 10px 0px 0px 0px;}
	
.thumbwrap{

	width: 100px;
	height: 88px;
	border: 3px solid #FFFFFF;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;}
	
.thumbwrap:hover{

	border: 3px solid #23180d;}
	
.animationwrap{

	width: 214px;
	height: 88px;
	border: 3px solid #FFFFFF;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;}
	
.animationwrap:hover{

	border: 3px solid #23180d;}
	
#footer{

	width: 800px;
	float: left;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 185px;
	margin-top: 35px;}

#botnav{

	width: 470px;
	float: right;
	display: inline;
	margin: 50px 30px 0px 0px;
	border-bottom: 3px solid #FFFFFF;
	padding-bottom: 5px;}
	
#botcred{

	width: 432px;
	float: right;
	display: inline;
	margin: 60px 70px 0px 0px;
	color: #5A96A9;}
	
#OverlayContainer, #MultiBoxContainer{

	height:0px;
	margin:0px;
	display:none;}
	
div.tutorial-content{

    background: #8cb0bc;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	padding: 2px 23px 23px 23px;
	color:#FFF;
	background-image: url(../images/description_bg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	border:1px solid #d9e6ea;}
	
		
/***************STYLES/LINKS***************/
/******************************************/


a:link, a:visited, a:active{

	color: #4d6168;
	text-decoration: none;}
	
a:hover{

    color: #5f8b9a;
	border: none;
	text-decoration: none;}
	
a.toplink:link, a.toplink:visited, a.toplink:active{

	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Palatino, Arial;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-right: 22px;}
	
a.toplink:hover{

	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Palatino, Arial;
	color: #6d96a4;
	text-transform: uppercase;
	margin-right: 22px;}
	
a.botlink:link, a.botlink:visited, a.botlink:active{

	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Palatino, Arial;
	color: #6895a4;
	text-transform: uppercase;
	margin-right: 22px;}
	
a.botlink:hover{

	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Palatino, Arial;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-right: 22px;}
	
a.tutlink:link, a.tutlink:visited, a.tutlink:active{

	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	font-family: Palatino, Arial;
	background-color: #6d96a4;
	display: block;
	padding: 23px;
	color: #FFFFFF;
	margin-bottom: 10px;
	border:1px solid #d9e6ea;}
	
a.tutlink:hover{

	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	font-family: Palatino, Arial;
	background-color: #8cb0bc;
	display: block;
	padding: 23px;
	color: #FFFFFF;
	margin-bottom: 10px;
	border:1px solid #d9e6ea;}
	
.selected{

	font-size: 12px;
	font-weight: bold;
	font-family: Palatino, Arial;
	color: #6d96a4;
	text-transform: uppercase;
	margin-right: 20px;
	padding-bottom: 23px;
	border-bottom: 15px solid #FFFFFF;}
	
.footselected{

	font-size: 12px;
	font-weight: bold;
	font-family: Palatino, Arial;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-right: 22px;}
	
ul {

	list-style: none;}

ul li {

	padding-left: 25px; 
	background: url(../images/li.png) no-repeat left center;
	margin-left: -40px;
	margin-top: 0px;
	padding-bottom: 3px;
	border-bottom: 1px solid #92b5c1}
	
h2 {

	color: #39798f;
	margin: 40px 0px 40px 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #d9e6ea;
	border-bottom: 1px solid #d9e6ea;}
	
p {

	margin-top: 40px;}