@charset "utf-8";

/* CSS Document */

html { 

min-height:100%;

margin-bottom:1px;

overflow-x: hidden;

}

* { 

margin: 0px;

padding: 0px;

}

ul,il {

		padding-left: 3px;

		}

#topheader {

	background-image:url(../images/bg/bg1.jpg);

	height:600px;

}

body {

background-color: #000;

margin: 0px;

padding: 0px;

font-family:Verdana, Helvetica, sans-serif;

font-size:11px;

line-height:22px;

color: #fff;

background-image:url(../images/bg/bg2.jpg);

}

img {

padding: 0px 0px 0px 0px;

border: none;

}

#wrap {

width: 781px;

margin-left: auto;

margin-right: auto;

}

#wrap2 {

width: 900px;

margin-left: auto;

margin-right: auto;

}
#wrap3 {
	position:absolute;
	width:100%;
	right:0px;
	height:30px;
}

#imgwrap2 {

	position:absolute;

	margin-left: 810px;

	top:90px;

	}

#webdesign {

	padding: 0px 10px 0px 20px;

	border:none;

}
#user {
	padding: 0px 10px 0px 50px;
	border:none;
	background-image:url(../images/user1-bg.png);
	height:30px;
}

#photography {

	padding: 0px 10px 0px 20px;

	border:none;

}

#illustration {

	padding: 0px 10px 0px 20px;

	border:none;

}

#multimedia {

	padding: 0px 10px 0px 20px;

	border:none;

}

#about {

	padding: 0px 10px 0px 20px;

	border:none;

}

#copyright {

	clear:both;

	color:#CCCCCC;

	font-family: Verdana, Tahoma, sans-serif;

	font-size:9px;

	text-align:center;

	border-top:1px dotted #FFF;

	height: 20px;

	margin: 10px;

	padding: 0px 15px 0px 15px;

}

/* -----------Default Link----------------*/

a {

color: #ffffff;

font-size:10px;

text-decoration:underline;

font-family:verdana, Tahoma, sans-serif;

}



a:visited {

color:#cec1b9;

text-decoration:line-through;

}



a:hover {

color: #FF0099;

text-decoration: none;

}

/* -----------webdesign Link----------------*/

#webtable1,

#webtable2 {

	font-family:Verdana, Tahoma, Helvetica, sans-serif;

	font-size: 10px;

	margin-top: -8px;

	margin-bottom: -2px;

	text-align:center;

	}

.webdesignlink {

}

a.webdesignlink {

color: #FFFFFF;

font-size:10px;

text-decoration:underline;

font-family:verdana, Tahoma, sans-serif;

}



a.webdesignlink:visited {

color: #cec1b9;

text-decoration:line-through;

}



a.webdesignlink:hover {

color: #FF0099;

text-decoration: none;

}

/*----------- Lightbox ----------*/



#lightbox{

position: absolute;

top: 40px;

left: 0;

width: 100%;

z-index: 100;

text-align: center;

line-height: 0;

}



#lightbox a img{ 

padding:0px;

}



#outerImageContainer{

position: relative;

background-color: #FFF;

width: 250px;

height: 250px;

margin: 0 auto;

}



#imageContainer{

padding: 10px;

}



#loading{

position: absolute;

top: 40%;

left: 0%;

height: 25%;

width: 100%;

text-align: center;

line-height: 0;

}



#hoverNav{

position: absolute;

top: 0;

left: 0;

height: 100%;

width: 100%;

z-index: 10;

}



#imageContainer>#hoverNav{ left: 0;}



#hoverNav a{ outline: none;}



#prevLink, #nextLink{

width: 49%;

height: 100%;

background: transparent url(../images/blank.png) no-repeat; /* Trick IE into showing hover */

display: block;

}



#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 50% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 50% no-repeat; }



#imageDataContainer{

font: 10px Verdana, Tahoma, sans-serif;

color: #6a635e;

background-color: #fff;

margin: 0 auto;

line-height: 1.4em;

}



#imageData{

padding:0 10px;

}



#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-top: 3px;	}			

#imageData #bottomNavClose{ width: 63px; float: right;  padding-top: 0px; }

	

a #bottomNavClose, a:hover #bottomNavClose {

background-color:#fff;}





#overlay {

position:fixed;

top : 0;

left : 0;

z-index : 90;

width : 100%;

height : 500px;

background-color : #000;

}



.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}

* html>body .clearfix {

display: inline-block; 

width: 100%;

}

* html .clearfix {



/* Hides from IE-mac \*/

height: 1%;

/* End hide from IE-mac */

}
div#divl_loading{
	z-index:99;
	position:absolute;
	background-color:#000;
	width:100%;
	height:768px;
	opacity: 0.65;
  	-moz-opacity: 0.65; /* older Gecko-based browsers */
  	filter:alpha(opacity=65); /* For IE6&7 */	
}
div#divl_textLoading{
	z-index:100;
	position:absolute;
	background:url(../images/load.png) no-repeat;
	color:#333;
	font-size:10px;
	font-family:Verdana, Helvetica, sans-serif;
	width:125px;
	height:50px;
	margin:325px 0 0 650px;
}