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

/* v1.0 | 20080212 */

html, body, div, span, blockquote, a, img, ul, li, tr, th, td, p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	
	background: transparent;
}

img{
vertical-align:sub
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}



/* my codes start here*/


html{
overflow:auto;
}

body{
background-color:#333333;
}

/*body#prod{
background-color:#0bc9ff;
}

body#land{
background-color:#59ff7a;
}

body#trav{
background-color:#ffaf59;
}

body#port{
background-color:#ff5978;
}

body#misc{
background-color:#333333;
}

body#sport{
background-color:#fff459;
}

body#sproj{
background-color:#9059ff;
}

body#aboutMe, body#contactMe{
background-color:#ffffff;
}*/


body#prod #Bkgd{
margin:auto;
width:650px;
height:600px;
overflow:hidden;
background-image:url(../Images/productBkgd2.png);
background-repeat:no-repeat;
}

body#prod #Header{
margin:auto;
width:391px;
height:169px;
background-image:url(../Images/productHeader.jpg);
background-repeat:no-repeat;
}

body#land #Bkgd{
margin:auto;
width:650px;
height:600px;
overflow:visible;
background-image:url(../Images/landscapeBkgd2.png);
background-repeat:no-repeat;
}

body#land #Header{
margin:auto;
width:391px;
height:169px;
background-image:url(../Images/landscapeHeader.jpg);
background-repeat:no-repeat;
}

body#trav #Bkgd{
margin:auto;
width:650px;
height:600px;
overflow:hidden;
background-image:url(../Images/travelBkgd2.png);
background-repeat:no-repeat;
}

body#trav #Header{
margin:auto;
width:391px;
height:169px;
background-image:url(../Images/travelHeader.jpg);
background-repeat:no-repeat;
}

body#port #Bkgd{
margin:auto;
width:650px;
height:600px;
overflow:hidden;
background-image:url(../Images/portraitBkgd2.png);
background-repeat:no-repeat;
}

body#port #Header{
margin:auto;
width:391px;
height:169px;
background-image:url(../Images/portraitHeader.jpg);
background-repeat:no-repeat;
}

body#sport #Bkgd{
margin:auto;
width:650px;
height:600px;
overflow:hidden;
background-image:url(../Images/sportBkgd2.png);
background-repeat:no-repeat;
}

body#sport #Header{
margin:auto;
width:391px;
height:169px;
background-image:url(../Images/sportHeader.jpg);
background-repeat:no-repeat;
}

body#sproj #Bkgd{
margin:auto;
width:650px;
height:600px;
overflow:hidden;
background-image:url(../Images/sprojBkgd2.png);
background-repeat:no-repeat;
}

body#sproj #Header{
margin:auto;
width:391px;
height:169px;
background-image:url(../Images/sprojHeader.jpg);
background-repeat:no-repeat;
}

body#misc #Bkgd{
margin:auto;
width:650px;
height:600px;
overflow:hidden;
background-image:url(../Images/miscBkgd2.png);
background-repeat:no-repeat;
}

body#misc #Header{
margin:auto;
width:391px;
height:169px;
background-image:url(../Images/miscHeader.jpg);
background-repeat:no-repeat;
}

body#aboutMe #Bkgd, body#contactMe #Bkgd{
margin:auto;
width:650px;
height:600px;
overflow:hidden;
background-image:url(../Images/infoBkgd2.png);
background-repeat:no-repeat;
}

body#aboutMe #Header{
margin:auto;
width:391px;
height:169px;
background-image:url(../Images/aboutHeader.jpg);
background-repeat:no-repeat;
}

body#contactMe #Header{
margin:auto;
width:391px;
height:169px;
background-image:url(../Images/contactHeader.jpg);
background-repeat:no-repeat;
}

#navMenu{
width:400px;
position:relative;
top:-156px;
left:133px;
}

#sproj, #travel, #portrait, #landscape, #sport, #misc, #product{
margin-bottom:3px;
}

#menuList{
text-align:center;
position:relative;
top: 15px;
}

#contentWrapper{
width:375px;
margin:auto;
position:relative;
top:-140px;
}

#gallery{
width:375px;
height:150px;
margin-top:10px;
position:absolute;
top:0px;
}

li{
display:inline;
margin-right:-4px;
}

.mOver img{
filter:alpha(opacity=20);
 opacity: 0.2;
}

.mOver:hover img{
filter:alpha(opacity=100);
 opacity: 1;
}


body#prod #title{
width:229px;
height:67px;
position:absolute;
left:0px;
top:170px;
}

body#land #title{
width:267px;
height:58px;
position:absolute;
left:0px;
top:170px;
}

body#trav #title{
width:151px;
height:55px;
position:absolute;
left:0px;
top:170px;
}

body#port #title{
width:197px;
height:67px;
position:absolute;
left:0px;
top:170px;
}

body#sport #title{
width:151px;
height:65px;
position:absolute;
left:0px;
top:170px;
}

body#sproj #title{
width:276px;
height:51px;
position:absolute;
left:0px;
top:170px;
}

body#misc #title{
width:307px;
height:41px;
position:absolute;
left:0px;
top:170px;
}

body#prod #pgNums{
width:70px;
position:absolute;
left:325px;
top:170px;
}

body#land #pgNums{
width:25px;
position:absolute;
left:350px;
top:170px;
}

body#trav #pgNums{
width:70px;
position:absolute;
left:325px;
top:170px;
}

body#port #pgNums{
width:90px;
position:absolute;
left:300px;
top:170px;
}

body#sport #pgNums{
width:70px;
position:absolute;
left:325px;
top:170px;
}

body#sproj #pgNums{
width:70px;
position:absolute;
left:325px;
top:170px;
}

body#misc #pgNums{
width:25px;
position:absolute;
left:350px;
top:170px;
}

#pg1, #pg2, #pg3{
margin-right:3px;
}


#descText{
position:absolute;
left:0px;
top:250px;
}

#descText p{
font-size:13px;
font-family: Arial,Helvetica,sans-serif;
color:#999999;
line-height:16px;
}


#aboutContentWrapper{
width:375px;
height:100%;
margin:auto;
margin-top:10px;
}

#myPic{
width:167px;
height:193px;
float:left;
margin-right:15px;
}

#aboutMeTxt p{
font-size:11px;
font-family: Arial,Helvetica,sans-serif;
color:#006400;
line-height:16px;
text-align:justify;
}

#aboutMeTxt span{
display:block;
}

#contactContentWrapper{
width:375px;
height:100%;
margin:auto;

margin-top:80px;
}

#contactGraphic{
width:106px;
height:106px;
float:left;
margin-left:25px;
margin-right:35px;
}

#contactTxt{
position:relative;
top:5px;
}

#contactTxt p{
font-size:12px;
font-family: Arial,Helvetica,sans-serif;
color:#c41f25;
line-height:16px;
}

#contactTxt span{
font-weight:bold;
}

#contactTxt .lh30{
height:30px;
}


#logo{
float:right;
position:relative;
left:-145px;
top:0px;
}

#about{
width:67px;
float:left;
position:relative;
top:28px;
left:140px;
}

#contact{
width:67px;
float:left;
position:relative;
top:35px;
left:119px;
}

#facebook{
width:67px;
float:left;
position:relative;
top:42px;
left:98px;
}

#wordpress{
width:67px;
float:left;
position:relative;
top:48px;
left:77px;
}

#tweet{
width:67px;
float:left;
position:relative;
top:54px;
left:56px;
}


#homeSitemap{
clear:left;
width:150px;
position:relative;
left:445px;
top:33px;
}

#copyright{
width:150px;
position:relative;
left:135px;
top:25px;
}

a:link {color:#A0A0A0; text-decoration:none;}
a:visited {color:#A0A0A0; text-decoration:none;}
a:hover {color:#333333; text-decoration:none;}
a:active {color:#999999; text-decoration:none;}

#homeSitemap, #menuList p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#B2B2B2;
}

#copyright p{
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
color:#B2B2B2;
}

#bottomWrapper{
width:650px;
}

body#prod #bottomWrapper, body#trav #bottomWrapper, body#land #bottomWrapper, body#sport #bottomWrapper, body#sproj #bottomWrapper, body#misc #bottomWrapper, body#port #bottomWrapper{
margin-top:165px;
}

body#aboutMe #bottomWrapper{
margin-top:-307px;
}

body#contactMe #bottomWrapper{
margin-top:-377px;
}