@charset "UTF-8";
/* CSS Document */

@font-face{
	font-family: 'AARDV';
    src: url(../fonts/MyriadWebPro-Bold.ttf) format('truetype');
}


body{
	/*background-image:url(../img/BGPatternDark.jpg);*/
	background-color:#066;	
	background-repeat:repeat;
	overflow-x: hidden;
}
.shiftBox{
	width:auto;
	height:auto;
	float:left;
	position:relative;
	margin-left:0px;
	margin-top:0px;
}


/*=======================================Navigation================================================================================*/
#navBar{
	width:1280px;
	height:80px;
	background-color:#3C3C3C;
	margin-left:-10px;
	margin-top:-100px;
	position:fixed;
	float:left;
	z-index:5;
	
}
#navController{
	width:950px;
	height:75px;
	/*background-image:url(../img/tabBG.jpg);*/
	margin-left:0px;
	margin-top:0px;
	position:fixed;
	float:left;
}
#navFrame{
	width:910px;
	height:80px;
	background-color:transparent;
	margin-left:-5px;
	margin-top:0px;
	position:fixed;
	float:left;
	opacity:0.8;
	z-index:5;
}
#mast{
	width:300px;
	height:75px;
	background-image:url(../img/mastFixed.png);
	background-color:transparent;
	position:relative;
	float:left;
	margin-left:0px;
	margin-top:0px;	
	z-index:11;
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#mast:hover{
	background-image:url(../img/mastFixed_HOVER.png);
	background-repeat:no-repeat;
}
.tabContainer{
	width:200px;
	height:75px;
	position:relative;
	margin-left:0px;
	margin-top:0px;
	float:left;
	overflow:hidden;
	z-index:55;
}
.activeTabBG{
	width:200px;
	height:75px;
	position:relative;
	margin-left:0px;
	margin-top:0px;
	float:left;
}
.scrollTab{
	width:200px;
	height:75px;
	position:relative;
	margin-left:-200px;
	margin-top:0px;
	float:left;
	cursor:pointer;
	text-align:center;
	font-family:Geneva, sans-serif;
	font-size:28px;
	padding-top:20px;

}
#projectsTab{
	background-image:url(../img/tabProjects.png);
	z-index:11;
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#projectsTab:hover{
	background-image:url(../img/tabProjects_HOVER.png);
}

#aboutTab{
	background-image:url(../img/tabAbout.png);
	z-index:11;
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#aboutTab:hover{
	background-image:url(../img/tabAbout_HOVER.png);
}

#contactTab{
	background-image:url(../img/tabContact.png);
	z-index:11;
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#contactTab:hover{
	background-image:url(../img/tabContact_HOVER.png);
}

.scrollTabThin{
	width:100px;
	height:75px;
	position:relative;
	margin-left:-200px;
	margin-top:0px;
	float:left;
	opacity:0.0;
	z-index:11;
}
#projectsTabThin{
	background-image:url(../img/tabThinProjects.png);
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#projectsTabThin:hover{
	background-image:url(../img/tabThinProjects_HOVER.png);
	background-repeat:no-repeat;
}
#aboutTabThin{
	background-image:url(../img/tabThinAbout.png);
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#aboutTabThin:hover{
	background-image:url(../img/tabThinAbout_HOVER.png);
	background-repeat:no-repeat;
}

.clickTabThin{
	width:100px;
	height:75px;
	position:relative;
	margin-left:-200px;
	margin-top:0px;
	float:left;
	opacity:0.0;
	z-index:11;
}
#contactTabThin{
	background-image:url(../img/tabThinContact.png);
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#contactTabThin:hover{
	background-image:url(../img/tabThinContact_HOVER.png);
	background-repeat:no-repeat;
}
/*===============================================================================================================================*/

/*=======================================Top Area================================================================================*/
#staticZone{
	width:1280px;
	height:100%;
	margin-left:-10px;
	margin-top:-10px;
	/*background-image:url(../img/mainBG.png);*/
	position:fixed;
	float:left;
	z-index:40;
}

#mastHeadTop{
	width:100%;
	height:100px;
	margin-left:0px;
	margin-top:0px;
	position:fixed;
	float:left;
	z-index:40;
}
#staticBG{
	float:left;
	position:fixed;
	margin-left:0px;
	margin-top:0px;
	z-index:39;
}

#siteWelcome{
	width:1280px;
	height:600px;
	margin-left:0px;
	margin-top:40px;
	background-color:transparent;
	position:fixed;
	float:left;
	z-index:40;
}
#welcomeBox{
	width:900px;
	height:600px;
	background-color:transparent;
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
}
#topTitle{
	width:900px;
	height:300px;
	background-image:url(../img/topTitle.png);	
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
}
/*#welcomeTxt{
	width:500px;
	height:525px;
	background-image:url(../img/welcomeTxt.png);
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
}*/

#welcomeTxt{
	width:900px;
	height:auto;
	margin-left:0px;
	margin-top:50px;
	position:relative;
	float:left;
	text-align:center;
	font-family:Geneva, sans-serif;
	cursor:default;
}
#txtName{
	font-size:92px;
}
#txtTitle{
	margin-top:-10px;
	font-size:33px;
	padding-left:10px;
	letter-spacing:28px;
}
#welcomeNav{
	width:900px;
	height:75px;
	float:left;
	position:relative;
	margin-top:100px;
	margin-left:0px;
}
.wlcmTab{
	width:250px;
	height:75px;
	float:left;
	position:relative;
	margin-top:0px;
	margin-left:35px;
	/*padding-top:10px;
	padding-bottom:10px;
	background-color:transparent;
	text-align:center;
	font-family:Geneva, sans-serif;
	font-size:36px;*/
	cursor:pointer;
}
#wlcmTabProjects{
	background-image:url(../img/wlcmTabProjects.png);	
	-webkit-transition: background-image 0.3s;
    transition: background-image 0.3s;
}
#wlcmTabProjects:HOVER{
	background-image:url(../img/wlcmTabProjects_HOVER.png);	
}
#wlcmTabAbout{
	background-image:url(../img/wlcmTabAbout.png);
	-webkit-transition: background-image 0.3s;
    transition: background-image 0.3s;
}
#wlcmTabAbout:HOVER{
	background-image:url(../img/wlcmTabAbout_HOVER.png);	
}
#wlcmTabContact{
	background-image:url(../img/wlcmTabContact.png);
	-webkit-transition: background-image 0.3s;
    transition: background-image 0.3s;	
}
#wlcmTabContact:HOVER{
	background-image:url(../img/wlcmTabContact_HOVER.png);	
}
#welcomeImgBox{
	width:400px;
	height:400px;
	background-color:transparent;
	margin-left:0px;
	margin-top:62px;
	position:relative;
	float:left;
}
.welImgObj{
	width:400px;
	height:400px;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	float:left;
}
#imgObj0{
	background-image:url(../img/portrait/p0.jpg);
	z-index:41;
}

#imgObj1{
	background-image:url(../img/portrait/p1.jpg);
	z-index:40;
}
#imgObj2{
	background-image:url(../img/portrait/p2.jpg);
	z-index:40;
}
#imgObj3{
	background-image:url(../img/portrait/p3.jpg);
	z-index:40;
}
#imgObj4{
	background-image:url(../img/portrait/p4.jpg);
	z-index:40;
}
#imgObj5{
	background-image:url(../img/portrait/p5.jpg);
	z-index:40;
}
#imgObj6{
	background-image:url(../img/portrait/p6.jpg);
	z-index:40;
}
#imgObj7{
	background-image:url(../img/portrait/p7.jpg);
	z-index:40;
}
#imgObj8{
	background-image:url(../img/portrait/p8.jpg);
	z-index:40;
}
#imgObj9{
	background-image:url(../img/portrait/p9.jpg);
	z-index:40;
}
#imgObj10{
	background-image:url(../img/portrait/p10.jpg);
	z-index:40;
}
#welImgFrame{
	width:400px;
	height:400px;
	background-image:url(../img/welcomeImgFrame.png);
	background-repeat:no-repeat;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	float:left;
	z-index:45;
}
/*===============================================================================================================================*/



/*
#navBar{
	width:1280px;
	height:auto;
	margin-left:-10px;
	margin-top:605px;
	position:relative;
	float:left;
	z-index:50;
	
}
#navController{
	width:600px;
	height:75px;
	background-image:url(../img/tabBG.jpg);
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
	z-index:50;
}
#navFrame{
	width:610px;
	height:80px;
	margin-left:0px;
	margin-top:-5px;
	position:absolute;
	float:left;
	z-index:40;
	background-color:#000;
	opacity:0.8;

}
.tabContainer{
	width:200px;
	height:75px;
	position:relative;
	margin-left:0px;
	margin-top:0px;
	float:left;
	overflow:hidden;
	z-index:55;
}
.activeTabBG{
	width:200px;
	height:75px;
	position:relative;
	margin-left:0px;
	margin-top:0px;
	float:left;
}
.tab{
	width:200px;
	height:75px;
	position:relative;
	margin-left:-200px;
	margin-top:0px;
	float:left;
	background-image:url(../img/tabBG.jpg);
	background-repeat:no-repeat;
	cursor:pointer;

}

#projectsTab{
	background-image:url(../img/tabProjects.png);
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.3s; 
    transition: background-image 0.3s;
}
#projectsTab:hover{
	background-image:url(../img/tabProjects_HOVER.png);
	background-repeat:no-repeat;
}
#aboutTab{
	background-image:url(../img/tabAbout.png);
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.3s; 
    transition: background-image 0.3s;
}
#aboutTab:hover{
	background-image:url(../img/tabAbout_HOVER.png);
	background-repeat:no-repeat;
}

#contactTab{
	background-image:url(../img/tabContact.png);
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.3s; 
    transition: background-image 0.3s;
}
#contactTab:hover{
	background-image:url(../img/tabContact_HOVER.png);
	background-repeat:no-repeat;
}
*/

.navSpacer{
	width:900px;
	height:75px;
	margin-left:0px;
	margin-top:20px;
	position:relative;
	float:left;	
}
.barShadowTop{
	width:100%;
	height:10px;
	margin-left:0px;
	margin-top:-10px;
	position:relative;
	float:left;
	background-image:url(../img/barShadowTop.png);
	background-repeat:repeat-x;
	opacity:0.5;
}
.barShadowBottom{
	width:100%;
	height:10px;
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
	background-image:url(../img/barShadowBottom.png);
	background-repeat:repeat-x;
	opacity:0.5;
}

/*====================================Projects Area=============================================================================*/
#projectsBar{
	width:1280px;
	height:auto;
	/*
	background-image:url(../img/bg1.jpg);
	background-repeat:repeat;
	*/
	/*background-color:#FFF9E3;*/
	background-color:#efefef;
	margin-left:-10px;
	margin-top:0px;
	position:relative;
	float:left;
	z-index:50;
	overflow:visible;
}

#projectsController{
	width:auto;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
	z-index:50;
	overflow:visible;
	background-color:transparent;
}
/*Content filters=======================================*/
#filterController{
	width:920px;
	height:75px;
	margin-left:0px;
	margin-top:25px;
	position:relative;
	float:left;

}
.filterContainer{
	width:293px;
	height:75px;
	margin-left:5px;
	margin-top:0px;
	position:relative;
	float:left;

	
}
#allContainer{
	margin-left:303px;	
	
}
#interactiveContainer{
	margin-left:-591px;	
}
#motionContainer{
	margin-left:5px;
}

.activeFilterBG{
	width:293px;
	height:75px;
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
}
#aFilterBG{
	background-image:url(../img/filterBG.png);
	background-repeat:no-repeat;
}
#iFilterBG{
	background-image:url(../img/filterBG.png);
	background-repeat:no-repeat;
}
#mFilterBG{
	background-image:url(../img/filterBG.png);
	background-repeat:no-repeat;
}

.catFilter{
	width:293px;
	height:75px;
	margin-left:0px;
	margin-top:-75px;
	position:relative;
	float:left;
	cursor:pointer;
}

#allFilter{
	background-image:url(../img/filterAll_Active.png);
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#allFilter:hover{
	background-image:url(../img/filterAll_Active.png);
	background-repeat:no-repeat;
}
#interactiveFilter{
	background-image:url(../img/filterInteractive.png);
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#interactiveFilter:hover{
	background-image:url(../img/filterInteractive_Active.png);
	background-repeat:no-repeat;
}
#motionFilter{
	background-image:url(../img/filterMotion.png);
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#motionFilter:hover{
	background-image:url(../img/filterMotion_Active.png);
	background-repeat:no-repeat;
}
/*===========================================================*/
/*Content Boxes====================================================*/
.contentContainer{
	width:300px;
	height:300px;
	background-color:#3C3C3C;
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
	z-index:50;
	overflow:hidden;
	border: 0px;
}
.contentDropBG{
	width:100%;
	height:100%;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	background-color:transparent;
	float:left;
	opacity:1.0;
}
.contentThumbBG{
	width:auto;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	float:left;
	opacity:1.0;
	border-width:0px;
	background-color:#4b4b4b;
}
.contentThumb{
	display:inline-block;
	width:100%;
	height:100%;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	float:left;
	opacity:1.0;
	background-color:transparent;
	line-height:136px;
}
.thumbShadow{
	width:auto;
	height:auto;
	position:absolute;
	float:left;
	margin-left:0px;
	margin-top:0px;	
	opacity:0.3;
}
.thumbCat{
	width:auto;
	height:auto;
	position:absolute;
	float:left;
	margin-left:0px;
	margin-top:0px;	
	opacity:0.5;
}
.thumbTitle{
	width:auto;
	height:auto;
	position:absolute;
	float:left;
	margin-left:0px;
	margin-top:0px;	
}
.contentTitle{
	display:inline-block;
	width:90%;
	height:auto;
	color:#4b4b4b;
	font-family:'AARDV', Geneva, sans-serif;
	font-size:3em;
	letter-spacing:1px;
	-webkit-text-stroke: 1px #fff;
	line-height:42px;
	margin-top:50px;
	margin-left:5%;
	padding:0px;
	text-align:center;
	vertical-align:middle;

}
/*
.contentText{
	width:284px;
	height:136px;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	float:left;
	opacity:1.0;
	background-color:transparent;
	
}
.contentDescription{
	color:#000;
	font-family:Geneva, sans-serif;
	font-size:14px;
	margin-top:-25px;
	padding-left:20px;
	padding-right:20px;
}

.contentIcon{
	width:50px;
	height:50px;
	float:left;
	position:absolute;
	margin-left:234px;
	margin-top:86px;
	cursor:pointer;
}

*/
.contentIconVid{
	display:inline-block;
	width:auto;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	float:left;
	opacity:0.3;
	background-image:url('../img/CntntThumbBGVid.png');
	line-height:136px;
	text-align:center;
}
.contentIconInt{
	display:inline-block;
	width:auto;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	float:left;
	opacity:0.3;
	background-image:url('../img/CntntThumbBGInt.png');
	line-height:136px;
	text-align:center;
}
.contentHitBox{
	width:100%;
	height:100%;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	background-color:transparent;
	background-repeat:no-repeat;
	float:left;
	opacity:0.0;
	-webkit-transition: opacity 0.3s; /* Chrome, Safari, Opera */
    transition: opacity 0.3s;
	cursor:pointer;
	border-width:0px;
}
.contentHitBox:hover{	
	opacity:1.0;
}
/*===============================================================================================================================*/

/*===========================================About Area==========================================================================*/
#aboutBar{
	width:1280px;
	height:auto;
	/*background-image:url(../img/BGPatternLight.jpg);*/
	background-color:transparent;
	background-repeat:repeat;
	margin-left:-10px;
	margin-top:0px;
	position:relative;
	float:left;
	z-index:50;
}

#aboutController{
	width:900px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
	z-index:50;
}
#aboutSect1{
	width:600px;
	height:875px;
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
}
#resumeBtn{
	width:264px;
	height:75px;
	margin-left:93px;
	margin-top:0px;
	position:relative;
	float:left;
	background-image:url(../img/resumeBtn.png);
	-webkit-transition: background-image 0.3s; /* Chrome, Safari, Opera */
    transition: background-image 0.3s;
}
#resumeBtn:hover{
	background-image:url(../img/resumeBtn_HOVER.png);
}
#aboutTxt{
	width:450px;
	height:800px;
	margin-left:0px;
	margin-top:25px;
	position:relative;
	float:left;
	color:#1a1a1a;
	padding:25px;
	font-family:Geneva, sans-serif;
	font-size:20px;
	text-align:justify;
	/*background-color:rgba(0,0,0,0.6);*/
	/*background-image:url(../img/aboutTxt.png);*/
}
#aboutSect2{
	width:600px;
	height:1700px;
	margin-left:0px;
	margin-top:350px;
	position:relative;
	float:left;
	font-family:Geneva, sans-serif;
	font-size:15px;
	text-align:justify;	
	overflow:visible;
	/*background-image:url(../img/aboutSect2.png);*/
}
.proficiencyBox{
	position:relative;
	float:left;
	margin-top:10px;
	color:#f0f0f0;
	cursor:default;
	-webkit-transition: color 0.5s;
    transition: color 0.5s;
}
.proficiencyBox:hover{
	color:#0CF;
	/*color:#000;*/	
}
.proficiencyBox p{
	color:#1a1a1a;
	font-size:1.2em;
	font-style:italic;

}
.profBar{
	height:17px;
	float:left;
	margin-top:-5px;
	padding:5px;
	font-size:13px;
	text-align:right;
	background-color:#9F9F9F;	
}
/*===============================================================================================================================*/

/*================================================Contact Area===================================================================*/
#contactBar{
	width:1280px;
	height:1100px;
	/*
	background-image:url(../img/bg1.jpg);
	background-repeat:repeat;
	*/
	background-color:#f0f0f0;
	/*background-color:#A3DEEC;*/
	margin-left:-10px;
	margin-top:0px;
	position:relative;
	float:left;
	z-index:50;
	
}
#contactController{
	width:620px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	position:relative;
	float:left;
	z-index:50;
}
#mailerBody{
	background-image:url(../img/BGPatternDark.jpg);
	background-repeat:repeat;
}
#mailBox{
	width:620px;
	height:650px;
	border:0px;
	margin-left:7px;
	margin-top: 25px;
	float:left;
	
}
#emailAddress{
	width:620px;
	height:auto;
	display:inline-block;
	text-align:center;
	font-family:Geneva, sans-serif;
	font-size:.9em;	
}
#securityTextBox{
	width:620px;
	height:auto;
	float:left;
	position:relative;
	color:#000;
	text-align:center;
	font-family:Geneva, sans-serif;
	font-size:0.8em;
}
#securityTextImg{
	width:200px;
	height:50px;
	float:left;
	position:relative;
	margin-left:0px;
	/*background-color:#eee;
	background-image:url(../img/securityTextImgs/securityTextImg1.png);*/
}
#mailSubmitBtn{
	width:150px;
	height:auto;
	float:left;
	position:relative;
	margin-top:25px;
	margin-left:235px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	letter-spacing:3px;
	padding:10px;
	color:#000;
	background-color:transparent;
	border:5px solid #000;
	display:block;
	cursor:pointer;-webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
#mailSubmitBtn:hover{
	color:#FFF9E3;
	background-color:#000;
}
#followIconBar{
	width:620px;
	height:150px;
	margin-top:0px;
	margin-left:40px;
	float:left;
	border:0px;
}
#followTxt{
	width:375px;
	height:25;
	margin-left:70px;
	margin-right:0px;
	padding-left:140px;
	color:#000;
	font-size:25px;
	font-family:Geneva, sans-serif;
}
.followIcon{
	width:100px;
	height:100px;
	float:left;
	margin-left:60px;
	margin-top:15px;
	border:0px;
	
}
#fbIcon{
	background-image:url(../img/followIconFB.png);
	-webkit-transition: background-image 0.3s;
    transition: background-image 0.3s;
}
#fbIcon:hover{
	background-image:url(../img/followIconFB_HOVER.png);
}
#lnkdInIcon{
	background-image:url(../img/followIconLNKDIN.png);
	-webkit-transition: background-image 0.3s;
    transition: background-image 0.3s;
}
#lnkdInIcon:hover{
	background-image:url(../img/followIconLNKDIN_HOVER.png);
}
#instaIcon{
	background-image:url(../img/followIconINSTA.png);
	-webkit-transition: background-image 0.3s;
    transition: background-image 0.3s;
}
#instaIcon:hover{
	background-image:url(../img/followIconINSTA_HOVER.png);
}

/*===============================================================================================================================*/

/*=============================================Viewer Area=======================================================================*/
#viewerController{
	width:700px;
	height:auto;
	margin-top:0px;
	margin-left:0px;
	position:fixed;
	float:left;
	background-color:transparent;
	opacity:0.0;
	z-index:1;
	overflow:visible;
}

#viewerTxt{
	width:600px;
	height:120px;
	margin-top:0px;
	margin-left:0px;
	position:relative;
	background-color:transparent;
}
#viewerTitleBar{
	width:740px;
	height:auto;
	margin-top:0px;
	margin-left:0px;
	float:left;
	position:relative;
	color:#CCC;
}

#viewerTitle{
	width:610px;
	height:auto;
	margin-top:-20px;
	margin-left:0px;
	float:left;
	position:relative;
	font-family:Geneva, sans-serif;
	font-size:1.5em;
	color:#0CF;
}
#viewerClose{
	width:30px;
	height:30px;
	margin-top:-20px;
	margin-left:0px;
	float:left;
	position:relative;
	background-image:url(../img/viewerCloseBtn.png);
	background-repeat:no-repeat;
	overflow:hidden;
	cursor:pointer;
	-webkit-transition: width 0.2s;
    transition: width 0.2s;
}
#viewerClose:hover{
	width:100px;
	color:#0CF;	
}
#viewerClose p{
	margin-top:-5px;
	position:relative;
	padding-left:30px;
	padding-top:5px;
	font-family:Geneva, sans-serif;
	font-size:20px;	
	color:#0CF;
}
#contentViewer{
	width:auto;
	height:auto;
	position:relative;
	margin-top:10px;
	margin-left:0px;
}
.viewerFrame:HOVER{
	cursor: pointer;
	
}

.contentImgTab{
	background-color:#777;
	border:solid 0px;
	opacity:1.0;
}
.contentImgTab:HOVER{
	cursor:pointer;
	background-color:#fff;
}

#viewerDesc{
	width:640px;
	height:auto;
	position:relative;
	margin-top:10px;
	margin-left:0px;
	color:#CCC;
	font-family:Geneva, sans-serif;
	font-size:1em;
}



#viewerBG{
	width:1280px;
	height:1280px;
	margin-top:-10px;
	margin-left:-10px;
	position:fixed;
	float:left;
	background-image:url(../img/viewerBGTile.png);
	opacity:0.0;
	z-index:1;
}
/*===============================================================================================================================*/