/*  CSS  html body style for centre    */

body {
padding-right: 0px; 
padding-left: 0px; 
margin:0px; 
font-size: 12px;
font-family: arial,verdana,sans-serif;
color:#333333;
height:100%; 
background-color:#000000;
background-image:url(../images/body_repeat.gif);
background-repeat:repeat-x;   
}

/*  CSS  container for centre content  */


#wrapper{

width: 922px;
position: relative;
margin-left: auto;
margin-right: auto;
background-image:url(../images/wrapper_bg.gif);
background-repeat:no-repeat; 
width:922px; 
height:435px;
display:block; 
 
}
 a:link, a:visited {
color:#ffffff;
font-size:12px;  
text-decoration:none; 
font-weight:bold;
}



a:hover{ 
color:#ff9933; 
font-size:12px; 
text-decoration:underline;
font-weight:bold; 
}

img{border:none}

clear{
margin:0px; 
padding:0px; 
font-size:1px
}

form{
margin:0px;
padding:0px;
}

h1{
font-size:22px; 
color:#ffffff;
text-align:right; 
}

h2{
font-size:18px; 
color:#ff9933;
text-align:right;
margin:18px 0 0 0;
padding:0px
}

h3{
font-size:14px; 
color:#666666;
text-align:right;
margin:18px 0 0 0;
padding:0px
}

h4{
font-size:12px; 
color:#ffffff;
text-align:right;
margin:18px 0 0 0;
padding:0px;
font-weight:bold;
}

hr{
font-size:6px; 
color:#cccccc;
text-align:right;
margin:18px 0 0 0;
padding:0px;
font:tahoma!important;




}

p{
font-size:11px; 
color:#666666; 
text-align:right; 
padding:0px; 
margin:15px 0 8px 0; 


}


/*  CSS  Header styles */

#header{
position:relative;
left:201px;
width:519px;
top:0px;
padding:0px;
margin:0px;
display:block;
clear:both;
text-align:right;
}


#logo{
 
margin:10px 0 30px 0; 
padding:0px; 
width:145px;
height:32px;
display:block;
float:right;
}

#portfolio {
 
margin:10px 0 10px 0; 
padding:0px;

}

#header ul{ 
list-style-type:none; 
margin:0px; 
padding:0px; 
width:519px;  
}

#header li { 
margin:0 0 0 18px; 
padding:0px; 
display:inline;
text-align:right;
} 

#header p{
margin:10px 0 5px 0; 
padding:0px ; 
color:#666666; 
font-size:11px;
}



/*  CSS  Header styles */


#middle {
position:relative;
left:201px;
width:519px; 
margin:0px; 
padding:0px; 
top:0px; 
}


#flash{
float:right;
border:8px solid #ffffff; 
margin:0px; 
padding:0px;
width:502px;
height:331px;
display:block; 
}


#home {
width:519px; 
list-style-type:none; 
margin:0px; 
padding:0px;
display:block;

}

#home li{
float:right; 
margin:18px 0 0 28px; 
padding:0px;  
width:81px; 
height:62px; 
display:block 
}

#home li.last {
float:right; 
margin:18px 0 0 -3px!important; 
padding:0px;  
width:75px; 
height:55px; 
display:block  
}

#home li img {
border:3px solid #ffffff;
}


#photos {
position:relative;
left:-5px;
width:519px; 
margin:0px; 
padding:0px;


}

#photos li  {
list-style-type:none;
float:right;
width:81px;
height:71px;
display:block;
margin:0 0 16px 12px;
padding:0px
}



#photos li a,  #photos li a:visited {
background-color:#FFFFFF; 
cursor: pointer; 
border:3px solid #ffffff !important;
width:78px; 
height:71px;
margin:0px; 
padding:3px 0 0 3px;
display:block;
 }

#photos li a:hover {
background-color:#FFFFFF;  
cursor: pointer;
border:3px solid #ff9933 !important; 
width:78px; 
height:71px;
margin:0px; 
padding:3px 0 0 3px;
display:block



}


fieldset{ position:relative; 
left:145px;
border:1px solid #333333; 
padding:10px;
margin-bottom:10px; 
color:#ff9933;
width:350px; 
font-size:14px;
font-weight:bold; 
}

fieldset label {
width:160px; 
float:left;
color:#999999!important;
padding-top:5px; 
margin-top:8px;
margin-left:5px; 
font-size:12px!important;
font-weight:normal!important; 
}

fieldset input { 
margin-top:8px;
color:#cccccc;
background-color:#333333; 
border-top:1px solid #1d1c1c;
border-bottom:1px solid #1d1c1c;
border-right:1px solid #1d1c1c;
border-left:1px solid #1d1c1c;
width:160px;
}

.submit { 
color:#ff9933!important;
width:90px!important;
cursor:pointer!important;
}

fieldset textarea { 
margin-top:8px; 
background-color:#333333; 
border-top:1px solid #1d1c1c;
border-bottom:1px solid #1d1c1c;
border-right:1px solid #1d1c1c;
border-left:1px solid #1d1c1c;
width:160px;
color:#ffffff;
}

.contact_details{
margin-left:60px;
}

.contact { 
list-style-type:none;

margin:0px; 
padding:10px 0 0 0;
width:220px;
float:right;

color:#666666;

}

.contact li{ 
padding:0px;
margin:0 8px 0 0; 
width:220px;
float:left;
text-align:right;


}

.contact li span{ 
font-weight:bold;
color:#ff9933;


}

hr{
float:right;
border-top:1px dashed #999999;
border-bottom:none;
border-right:none;
border-left:none;
width:350px;

height:1px;
clear:both;
text-align:right;


}

/*  CSS floating styles */

.float_left{
float:left;
}

.float_right{
float:right;
margin:5px 0 5px 0 
 }

.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */



#footer {
position:relative; 
left:201px;
top:10px;
width: 519px;
margin:0px;
padding:0px;   

clear:both   
}


#footer p {
width:519px; 
text-align:right
}

#footer span {
width:160px;
padding-right:20px;
font-size:10px;
}

#footer a, #footer a:visited {
font-size:10px; 
color:#666666; 
text-decoration:none
}
#footer a:hover {
font-size:10px; 
color:#ff9933; 
text-decoration:underline
}