@charset "utf-8";
* {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}
body {
	background-image:url(../IMG/body_BKG.jpg);
	background-color:#CCC;
}
#wrapperHome{
	margin-left:100px;
	width:1028px;
	height:750px;
	background-repeat: no-repeat;
	background-image:url(../IMG/BKG_Home.png);
	position:absolute;
	display:block;
	z-index:2;
}
#wrapperAlt{
	margin-left:100px;
	width:1028px;
	height:750px;
	background-repeat: no-repeat;
	background-image:url(../IMG/BKG_Alt.png);
	position:absolute;
	display:block;
	z-index:2;
}
li {
	display:inline;
	list-style-type:none;	
}
#Marker{
	margin-top:75px;
	margin-top:10px;
	margin-left:45px;
	width:56px;
	Height:500px;
	position:absolute;
	display:block;
	z-index:3;
}
#Binder{
	margin-top:145px;
	float:left;
	width:50px;
	margin-left:475px;
	position:absolute;
	display:block;
	z-index:8;
}
#Binder2{
	margin-top:145px;
	float:left;
	width:30px;
	margin-left:475px;
	margin-right:-10px;
	position:absolute;
	display:block;
	z-index:1;
	
}

#whiteBoard{
	margin-top:75px;
	width:56px;
	Height:500px;
	background-image:url(../IMG/Marker.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
}
#Logo{
	margin-left:100px;
	width:300px;
	float:left;
}
#Logo img{
	margin-left:-30px;
}

#stickie{
	background-image:url(../IMG/Stickie_Note.png);
	width:221px;
	height:224px;
	margin-top:200px;
	display:block;
	-webkit-transform: rotate(-30deg); 
	-moz-transform: rotate(-30deg);	
	
}
#stickie h1{
	font-size:24px;
	padding-left:58px;
	padding-top:10px;
	padding-bottom:20px;
	color:#06C;
}
#stickie p{
	margin-left:-15px;
	margin-top:-20px;
	font-size:20px;
	text-align:center;
	color:#06C;	
}

#Nav{
	margin-top:77px;
	float:left;
	width:40px;
	height:500px;

}
#NavPort{
	margin-top:177px;
	float:left;
	width:40px;
}
#NavProj{
	margin-top:253px;
	float:left;
	width:40px;	
}
#NavCal{
	margin-top:329px;
	float:left;
	width:40px;
}
#NavCont{
	margin-top:405px;
	float:left;
	width:40px;	
}
#NavBlog{
	margin-top:506px;
	float:left;
	width:40px;	
}
#NavStaff{
	margin-top:451px;
	float:left;
	width:40px;	
}
#L_Nav{
	margin-top:75px;
	float:left;
	width:40px;
	height:500px;
	margin-left:-215px;
}

#column1{
	margin-top:75px;
	margin-left:-175px;
	width:332px;
	height:500px;
	float:left;
	display:block;
	
}
#column1Alt{
	margin-left:225px;
	margin-top:75px;
	width:332px;
	height:500px;
	float:left;
	display:block;
	background-color:#fff;
	z-index:4;
	position:absolute;
}

#column2{
	margin-top:75px;
	float:left;
	width:332px;
	height:500px;
	margin-left:45px;
	
}
#column2Alt{
	margin-top:75px;
	float:left;
	width:332px;
	height:500px;
	margin-left:202px;
	background-color:#fff;
}

#column2 img{
	padding:3%;
}
#Port_wrapper1{
	width:85%;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:18px;
}

#Port_wrapper1 h1 img{
	margin-right:10px;
	margin-top:-30px;
	float:right;
}
#footer{
	clear:both;
	width:1024px;
	padding-top:22px;
	margin-left:180px;	
}
#footer img{
	padding-left:30px;
	padding-top:20px;
}
#footer li a{
	color:#06C;
	text-decoration:none;
	margin-left:75px;
	font-size:18px;	
}
#footer li{
	color:#06C;
	text-decoration:none;
}
#letter{
	margin-top:-20px;
	margin-left:30px;
	width:285px;
	height:475px;
	font-size:14px;
}
#Policy{
	margin-top:15px;
	margin-left:30px;
	width:285px;
	height:475px;
	font-size:smaller;
}
#letter img{
	margin-top:15px;
	margin-left:30px;
	margin-bottom:-10px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	white-space: pre-wrap; /* css-3 */
	word-wrap: break-word; /* IE 5.5+ */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera */
	white-space: -o-pre-wrap; /* Opera 7 */
	font-size:small;
	color:#000;
	padding-top:10px;
	padding-bottom:10px;
}
#letter p{
	font-size:12px;
}
#Policy p{
	margin-top:-10px;
	margin-bottom:-10px;
	font-family:arial;
	font-size:x-small;	
}
#quote{
	
	text-align:center;
}
#quote p{
	width:110%;
	text-align:center;
	margin-left:-20px;
	font-size:smaller;
}
#aoltext p{
	font-size:x-small;
	margin-left:-30px;
	margin-right:15px;	
}
.StaffWrapper p{
	font-size:9px;
	
}
.Staffpic{
	margin-top:-6px;
	margin-bottom:-6px;
	background-color:#FFF;
}

.Staffpic h1{
	
		float:left;
	width:70%;
}
.Staffpic p{
	font-size:9px;
	float:left;
	width:70%;	
	margin-top:5px;
}
.BizCard2 p{
	font-size:11px;
	text-align:left;
	color:#069;
	padding-left:80px;
}
.BizCard3 p{
	font-size:11px;
	text-align:left;
	color:#069;
	padding-left:80px;
}
#BlogWrapper p{
	width:85%;
	margin-left:20px;
	font-size:12px;
}
#LinkWrapper p{
	width:85%;
	font-size:12px;
}
.ProjWrapper1 p{
	width:90%;
	margin-left:20px;
	margin-top:-15px;
}
.PortContent2 p{
	font-size:9px;
	margin-top:-9px;	
}
#PortContent p{
	font-size:18px;
	margin-top:-5px;
	
}
#Port_wrapper1 h1{
	background-image:url(../IMG/H1_Port.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:60%;
}
#PortHeader img{
	margin-bottom:-10px;
	margin-top:-40px;
	float:right;
}
.PortContent2 h1{
	background-image:url(../IMG/H1_Port2.jpg);
	background-repeat:no-repeat;
	height:38px;
	width:60%;
	font-size:20px;
	margin-bottom:5px;
	
}
.PortContent2{
	width:250px;
	display:block;
	position:absolute;
	z-index:2;
	margin-left:40px;
	margin-top:10px;
	
}
.PortContent2 img{
	border:#000 1px solid;
}
#PortContent{
	margin:10px;
}
.StaffWrapper{
	padding:10px;
	width:285px;
	background-color:#FFF;	
}
.StaffWrapper2{
	display:block;
	position:absolute;
	z-index:9;
	margin:20px;
	width:285px;
	
}
.Staffpic IMG{
	float:left;
	margin-right:3px;
	margin-left:5px;
	margin-bottom:-5px;
}
#Ext1{
	margin-top:-250px;
	margin-left:-100px;
	position:absolute;
	display:block;
	z-index:1;
}
#Ext2{
	margin-top:-100px;
	margin-left:1100px;
	position:absolute;
	display:block;
	z-index:2;
	float:right;
}
#Ext3{
	margin-top:100px;
	margin-left:1100px;
	position:absolute;
	display:block;
	z-index:2;
	float:right;;
	}
#Ext3 p{
	color:#06C;
	font-size:24px;
	padding-left:30px;
	margin-bottom:-10px;
}
#Ext4{
	
	margin-left:-150px;
	position:absolute;
	display:block;
	z-index:2;
}
#EmailCard {
	margin-top:-110px;
	margin-left:35px;
	display:block;
	position:absolute;
	z-index:4;
}
#PortBtn a{
	background-image:url(../IMG/Port_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:100px;
	position:relative;
	z-index: 9;
}
#PortBtn a:hover{
	background-image:url(../IMG/Port_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:100px;
}
#L_PortBtn a{
	background-image:url(../IMG/L_Port_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:100px;
	position:relative;
	z-index: 1;
}
#L_PortBtn a:hover{
	background-image:url(../IMG/L_Port_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:100px;
}
#ProjBtn a{
	background-image:url(../IMG/Proj_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-24px;
	height:100px;
	position:relative;
	z-index: 8;
}
#ProjBtn a:hover{
	background-image:url(../IMG/Proj_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:100px;
}
#L_ProjBtn a{
	background-image:url(../IMG/L_Proj_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-24px;
	height:100px;
	position:relative;
	z-index: 2;
}
#L_ProjBtn a:hover{
	background-image:url(../IMG/L_Proj_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:100px;
}
#CalBtn a{
	background-image:url(../IMG/Cal_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-24px;
	height:100px;
	position:relative;
	z-index: 7;
}
#CalBtn a:hover{
	background-image:url(../IMG/Cal_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:100px;
	position:relative;
	z-index: 7;
}
#L_CalBtn a{
	background-image:url(../IMG/L_Cal_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-24px;
	height:100px;
	position:relative;
	z-index: 3;
}
#L_CalBtn a:hover{
	background-image:url(../IMG/L_Cal_Over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:100px;
	position:relative;
	z-index: 3;
}
#ContBtn a{
	background-image:url(../IMG/Cont_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-24px;
	height:100px;
	position:relative;
	z-index: 6;
}
#ContBtn a:hover{
	background-image:url(../IMG/Cont_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:100px;
	position:relative;
	z-index: 6;
}
#L_ContBtn a{
	background-image:url(../IMG/L_Cont_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-24px;
	height:100px;
	position:relative;
	z-index: 4;
}
#L_ContBtn a:hover{
	background-image:url(../IMG/L_Cont_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:100px;
	position:relative;
	z-index: 4;
}
#StaffBtn a{
	background-image:url(../IMG/Staff_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-24px;
	height:70px;
	position:relative;
	z-index: 5;
}
#StaffBtn a:hover{
	background-image:url(../IMG/Staff_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:70px;
	position:relative;
}
#L_StaffBtn a{
	background-image:url(../IMG/L_Staff_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-24px;
	height:70px;
	position:relative;
	z-index: 4;
}
#L_StaffBtn a:hover{
	background-image:url(../IMG/L_Staff_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:70px;
	position:relative;
}
#BlogBtn a{
	background-image:url(../IMG/Blog_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-15px;
	height:70px;
	position:relative;
	z-index: 4;
}
#BlogBtn a:hover{
	background-image:url(../IMG/Blog_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:70px;
	position:relative;
}
#L_BlogBtn a{
	background-image:url(../IMG/L_Blog_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-15px;
	height:70px;
	position:relative;
	z-index: 4;
}
#L_BlogBtn a:hover{
	background-image:url(../IMG/L_Blog_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:70px;
	position:relative;
}
#LinkBtn a{
	background-image:url(../IMG/Link_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-15px;
	height:70px;
	position:relative;
	z-index: 3;
}
#LinkBtn a:hover{
	background-image:url(../IMG/Link_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:70px;
	position:relative;
}
#L_LinkBtn a{
	background-image:url(../IMG/L_Link_Up.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	margin-top:-15px;
	height:70px;
	position:relative;
	z-index: 4;
}
#L_LinkBtn a:hover{
	background-image:url(../IMG/L_Link_over.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:70px;
	position:relative;
}

#Info{
	background-image:url(../IMG/test.jpg);
	background-repeat:repeat-x;
	height:30px;
}
hr  {
	border: 0;
	height: 1px;
	background-color: #CCC;
	width:90%;
	margin-left:5px;
}
h1{
	color:#06C;
	font-size:large;
	margin-bottom:-5px;
  font-family: "skippy-shar-sharp-2",arial;p-1","skippy;
}
	
h2 {
	font-family: "skippy-shar-sharp-2",arial;p-1","skippy;
}
.BizCard1 h2{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333;
	padding-top:20px;	
}
.StaffWrapper h1{
	font-size:20px;
	background-image:url(../IMG/H1_Staff.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:-10px;
}
#LinkWrapper h1{
	font-size:20px;
	background-image:url(../IMG/H1_Staff.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:-10px;
	
}
#LinkWrapper{
	padding:15px;
}
.StaffWrapper2 h1{
	font-size:20px;
	background-image:url(../IMG/H1_Staff.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:-10px;
}
.ProjWrapper1 h1{
	background-image:url(../IMG/H1_Port2.jpg);
	background-repeat:no-repeat;
	height:38px;
	font-size:18px;
	margin-top:10px;
	margin-left:20px;
}
#BlogWrapper h1{
	background-image:url(../IMG/H1_Port2.jpg);
	background-repeat:no-repeat;
	height:38px;
	font-size:18px;
	margin-top:10px;
	
}
.ProjWrapper1 p{
	width:85%;
}
.Projcontent p{
	width:100px;
}
.Projcontent a{
	color:#070707;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:22px;
	padding-top:15px;
	width:119px;
	clear:right;
	float:left;
}
#FlashID {
	margin-left:5px;
}

#aoltext {
	float:right;
	width:100px;
	height:30px;
}
#aolselect{
	width:300px;
}
.BizCard{
	background-image:url(../IMG/Biz_Contact.jpg);
	background-repeat:no-repeat;
	width:250px;
	height:150px;
	margin:10px;
}
.BizCard img{
	margin-left:25px;
}
.BizCard a{
	font:Arial, Helvetica, sans-serif;
	color:#030303;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;

}
.BizCard p{
	text-align:center;
	margin-top:-10px;
}

.BizCard2  a:hover{
	color:#06C;
	
}
.BizCard2{
	background-image:url(../IMG/Biz_Contact.jpg);
	background-repeat:no-repeat;
	width:250px;
	height:150px;
	margin:10px;
	margin-left:30px;

}
.BizCard2 img{
	margin-left:25px;
}
.BizCard2 a{
	font:Arial, Helvetica, sans-serif;
	color:#030303;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;

}
.BizCard2 p{
	margin-left:-70px;
	text-align:center;
	margin-top:-10px;
}

.BizCard  a:hover{
	color:#06C;
	
}
.BizWrapper2 {
	display:block;
	position:absolute;
	z-index:1;
	width:100px;
	
}
.BizWrapper1 {
	display:block;
	position:absolute;
	z-index:2;
	width:0px;
	margin-left:30px;	
}
#column2Alt iframe{
	margin-left:20px;
}
#Follow{
	margin-right:60px;
	margin-top:-10px;
	float:right;
}
#Next{
	right:94px;
	display:block;
	position:absolute;
	z-index:1;
	
}
#Back{
	display:block;
	position:absolute;
	z-index:1;
}
#Conactinfo {
	padding: 35px;
}
#Conactinfo h1{
	background-image:url(../IMG/H1_Port2.jpg);
	background-repeat:no-repeat;
	height:38px;
	font-size:24px;

}
#sitemap h1{
	background-image:url(../IMG/H1_Port2.jpg);
	background-repeat:no-repeat;
	height:38px;
	font-size:24px;

}
#sitemap a:hover{
	color:#06C;
}
#Conactinfo p {
	margin-top:5px;
	padding:0px;
}
input{
	border:#CCC solid 1px;	
}
textarea{
	border:#CCC solid 1px;
}

#sitemap{
	padding-top:20px;
	padding-left:30px;
	width:275px;
}
#sitemap li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#191919;
	display:list-item;
	text-decoration:none;
	font-weight:bold;
}
#sitemap p{
	margin-top:-10px;
	margin-bottom:-5px;
	font-size:11px;
}
#Calwrapper{
	padding:15px;
}
#Calwrapper h1{
	background-image:url(../IMG/H1_Port2.jpg);
	background-repeat:no-repeat;
	height:38px;
	font-size:18px;
}
label{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:small;
}
#feed{
	padding:15px;
}
#BlogWrapper img{
	margin-top:-40px;
	margin-right:100px;
	float:right;
}
#feed {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0C0C0C;
	margin-left:10px;
}
#Conactinfo form table tr td label {
	text-align: right;
}
#Conactinfo form table tr td #name {
	text-align: left;
}
#LinkWrapper li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#191919;
	display:list-item;
	text-decoration:none;
	font-weight:bold;
	margin-top:5px;
}
#LinkWrapper li a:hover{
	color:#06C;
	
}
object#FlashID{
	margin-left:-120px;
	margin-bottom:-30px;
	
}
.blogTitle{
	width:90%;
	border-bottom:#06C 1px solid;
	font-size:14px;
	color:#06C;
	padding-bottom:5px;
	margin-bottom:5px;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.blogContent{
	width:85%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0F0F0F;
}
#whiteBoardApp {
	margin-left: 100px;
}
#PinochleApp{
	margin-left: 120px;

	
}