img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

body {
 height: 100%;
 margin:0px;
 padding:0px;
 background-color: #303233;
 position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}



#main
{
position: relative;
height: 100%;

width: 1200px;
margin: 0 auto;

}

#middlebox
{
top: 0px;
margin: 0 auto;
position: relative;
height: 100%;
min-height: 600px;
width: 700px;
overflow: hidden;
}

#banner
 {
 position: relative;
 margin: 0 auto;
 width: 700px;
 height: 5000px;
 background: #000000;
opacity:0.50;
filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity:0.50;
text-decoration : none;
/*	background-image: none;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;*/
}
#logo
{
position: absolute;
top: 94px;
left: 25px;

}
#concept
{
position: absolute;
top: 150px;
left: 80px;
}

#documentary
{
position: absolute;
top: 350px;
left: 290px;
}

#publicity
{
position: absolute;
top: 350px;
left: 80px;
}

#personal
{
position: absolute;
top: 350px;
left: 500px;
}

#portrait
{
position: absolute;
top: 150px;
left: 290px;
}

#fashion
{
position: absolute;
top: 150px;
left: 500px;
}

#indexlogo
{
top: 50px;
position: relative;
}

#txtphotography
{
color : #ec008c;
height: 50px;
width : 200px;
position: absolute;
top: 75px;
_top: 100px;
left: 50%;
margin-left: -100px;
text-align : center;
}

#txtdesign
{
color : #ec008c;
height: 50px;
width : 200px;
position: absolute;
top: 275px;
_top: 300px;
left: 50%;
margin-left: -100px;
text-align : center;
display:inline;
}



#mainmenuxxx
{
position: relative;
top: 100px;
_top: 10px;
margin: 0 auto;
font-family : "Myriad Pro";
font-style: bolt;
text-align : center;
color : #ec008c;
height: 50px;
width : 720px;
}
#mainmenu
{
position: absolute;
top: 505px;
_top: 520px;
left: 50%;
margin-left: -185px;
font-family : "Myriad Pro";
font-style: bolt;
text-align : middle;
color : #ec008c;
height: 50px;
width : 350px;
}


#mainmenu li {
    display              : inline ;
    margin          : 5px ;
}

#mainmenu li a {
    text-decoration      : none ;
    color                : #ec008c;
}

#mainmenu li a:visited {
    color                : #ec008c ;
}

h2
{
font-family : "Myriad Pro";
/*color: #FFF;*/
}

img 
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

a
{
outline: none;
border : none;
color: #636466;
}

a:visited
{
outline: none;
border : none;
color: #636466;
}

a:active
{
outline: none;
border : none;
color: #636466;
}

/*###FOR GALLERY PAGE###*/
#info
{
position: absolute;
bottom: 0px;
right: 293px;
}

#next a {
    text-decoration      : none ;
    color                : #FFF;
}

#next a:active {
    text-decoration      : none ;
    color                : #FFF;
}

#next a:visited {
    color                : #FFF ;
}
#back a {
    text-decoration      : none ;
    color                : #FFF;
}

#back a:active {
    text-decoration      : none ;
    color                : #FFF;
}

#back a:visited {
    color                : #FFF ;
}
#txtheadinggallery
{
color : #ec008c;
height: 50px;
width : 200px;
position: absolute;
top: 75px;
_top: 100px;
left: 50%;
margin-left: -100px;
text-align : center;
}

#next, #back
{
position: absolute;
top: 520px;
_top: 520px;
font-family : "Myriad Pro";
font-style: bolt;
text-align : center;
color : #FFFFFF;
height: 50px;
width : 50px;
height: 50px;
text-align : center;
}

#thumb, #no-thumb {

position:absolute;
/*float:left;*/
left: 50%;
overflow: hidden;
width:60px;
height:60px;
filter:alpha(opacity=70);
-moz-opacity:0.70;
-khtml-opacity:0.70;
text-decoration : none;
}

#picturebox
{
margin: 0 auto;
position: absolute;
top: 150px;
left: 50%;
margin-left: -300px;
;
width: 600px;
height: 340px;
}

#img
{
position: relative;
margin-top: auto;
margin-bottom: auto;
vertical-align:top;
}

/*###FOR CONTACT PAGE###*/
#contactform {
display: none;
position: absolute;
top: 130px;
left: 50%;
margin-left: -300px;
width:600px;
height:380px;
overflow: hidden;
/*border: 1px solid #FFF;*/
}
#close
{
position: absolute;
top: 0px;
right: 0px;

}

#contactbox{
font-family : "Myriad Pro";
font-style: bolt;
text-align : center;
color : #FFFFFF;
display: display;
position: absolute;
top: 130px;
left: 50%;
margin-left: -300px;
width:600px;
height:380px;
overflow: hidden;

}


#txtheadingcontact
{
color : #ec008c;
height: 50px;
width : 200px;
position: absolute;
top: 75px;
_top: 100px;
left: 50%;
margin-left: -100px;
text-align : center;
}

.inputcontact{
position : absolute;
top: 0px;
left: 50%;
margin-left: -350px;
width:700px;
height:400px;
overflow: hidden;
border: 0px solid #000;
align: left;
}
input.btnButtons
{
   font-size:12px;
   font-family: "Verdana", sans-serif;
   width:150px;
   height:19px;
   border-style:solid;
   border-color:#DDDDDD;
   border-width:1px;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
}

#ipcontact
{
position: absolute;
top: 355px;
_top: 345px;
left: 200px;
height: 20px;
width: 200px;
}

/*###FOR NEWS PAGE###*/

#txtheadingnews
{
color : #ec008c;
height: 50px;
width : 200px;
position: absolute;
top: 75px;
_top: 100px;
left: 50%;
margin-left: -100px;
text-align : center;
}

#container {
	position	: absolute;
	top			: 10px;
	left		: 10px;
	width		: 570px;
	height		: 350px;
	
	overflow	: hidden;
	
}

#content {
	font-family : "Myriad Pro";
	position	: relative;
	width		: 570px;
	left		: 2px;
	
}

p {
	font		: normal 10px/14px arial,helevetica,san-serif;
}

#scrollArea {
	position	: absolute;
	left		: 580px;
	top			: 10px;
	height		: 370px;
	width		: 15px;
	
	overflow	: hidden;
}

#scroller {
	position	: absolute;
	top			: -1px;
	width		: 15px;
	background	: #AAA;
	border-top	: 1px solid #FFFFFF;
	border-bottom	: 1px solid #FFFFFF;
}

#gbframe{
position: absolute;
top: 130px;
left: 50%;
margin-left: -300px;
width:600px;
height:370px;
overflow: hidden;
}

/* FOR REFERENCES */

#txtheadingref
{
color : #ec008c;
height: 50px;
width : 200px;
position: absolute;
top: 75px;
_top: 100px;
left: 50%;
margin-left: -100px;
text-align : center;
}