/*-----------------------------------------------------------------------------------------------
	Neutral Base
-----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*-----------------------------------------------------------------------------------------------
	Tags
-----------------------------------------------------------------------------------------------*/
html, body {
	height: 100%;}
body {font-family: Helvetica, "MS Trebuchet", sans-serif; -moz-opacity: 0.99999; -khtml-opacity: 0.99999; filter: alpha(opacity=99);
height: 100%;    text-align:center;  }
a{text-decoration: none; color:gray;}
a:hover {color:#9f85bd;}
.active a {color:#9f85bd !important;}

/*-----------------------------------------------------------------------------------------------
	Layout
-----------------------------------------------------------------------------------------------*/
div#distance { 
	margin-bottom: -362px; 
                         
	width: 1px;           
	height: 50%;         
	float: left;        

}
div#wrapper {
	position: relative;   
	text-align: left;     
	height: 725px;        
	width: 900px;          
	background: white;    
	margin: 0 auto;       
	clear: left;          
}
#header {height:60px; }
#navigation { height:50px; position:absolute; left:0px; margin-top:27px;  }
#logo a{ width:350px;  cursor: default;
	background-repeat: no-repeat; position:absolute; right:0px; margin-top:8px; }
#content {height:506px;  margin-top:1px; width:878px; border: 1px solid #999; padding:10px; margin:auto;}
#footer {position:absolute; width:900px; top:100%;   
	color:#868686; font-size:12px;}
.copyright {float:left;}
.copyright a {color:#868686;}
.design_link{float:right; margin-bottom:4px; }
#footer .design_link a{color:#868686;}

	
/*-----------------------------------------------------------------------------------------------
	 Static Pages
-----------------------------------------------------------------------------------------------*/
#Bio { float:left;  margin-left:1px;
	  margin-top:-2px;  width:495px; height:517px;}
#Bio h1 {margin-top:5px; margin-bottom:5px;}
#BioText {	
	 height:497px;
	 border: 1px solid #999;  
	 padding:10px 15px 0px 10px;
	 overflow:auto;
}
#BioText  p { 
	margin-bottom:15px; 
	line-height:22px; 
	font-size:15px; 
	color:gray; 
	text-align:justify;
}
#BioText strong {color:gray; font-weight: bold;  }
#BioPhoto img{
	float:right;  
	border: 1px solid #999;
}

#ContactText p {color:gray; line-height:22px; font-size:15px;}
#ContactText {position:absolute;  font-size:16px; top:205px; right:75px;  width:400px; text-align:left; border: 1px solid #999; padding:5px;}
#ContactPhoto img{ border: 2px solid #999;
	 border: 1px solid #999; float:left;}
	
#ClientList { margin-left:120px;  border: 1px solid #999; width:250px; padding:5px; height:494px; overflow:auto;}
 h1 {font-size:16px; margin-bottom:15px; color:gray;}
#ClientList li {
	font-size:14px;
	margin-bottom:5px; 
	color:gray; 
	list-style-position: inside; 
	margin-left:15px;
	font-style: italic; 
}
#ClientsPhoto img{ border: 1px solid #999;
  position:absolute; top:78px; right:40px; z-index:1;}
 
/*-----------------------------------------------------------------------------------------------
	 Navigation
-----------------------------------------------------------------------------------------------*/
#navigation li { float:left; margin-right:47px; margin-top:7px;
	list-style-type: none; list-style-position: outside;  font-size:18px; letter-spacing: 2px;}


/*-----------------------------------------------------------------------------------------------
     Photo Display Layout
-----------------------------------------------------------------------------------------------*/
#photo {width:457px; height:457px; margin:25px auto; }
#plate{ margin-bottom:-4px;}
#plate img{border: 1px solid #999;}
#car { height:110px;  margin-top:15px;}
#car img {
	border: 1px solid black; }
.scrollover {margin-top:-10px; color:gray;}

/*-----------------------------------------------------------------------------------------------
 Carasole
-----------------------------------------------------------------------------------------------*/
#BigBox {width:50000px; overflow:hidden; margin:auto; position: relative}
#ScrollBox { float:left; width:772px; overflow:hidden; margin:auto; margin:5px; position: relative;
border: 1px solid #999;}
#carasole {width:900px; overflow:hidden; position:absolute; right:50%; margin-right:-450px;}
#counter { float:left; overflow:hidden; margin-top:5px; margin-bottom:5px;}
.block {float:left; margin-right:3px; margin-left:3px; height:75px;}
#LeftArrow { margin-top:60px; margin-right:5px; float:left;}
#RightArrow {float:left; margin-top:60px; margin-left:5px; background:red;}

.left {width:58px; height:50px;   float:left;}
#ArrowRight img { border:none !important; float:left; margin-top:32px; margin-left:10px;}
#ArrowLeft img { border:none !important; float:left; margin-top:32px; margin-right:10px; }

/*-----------------------------------------------------------------------------------------------
 Dropdown Menu
-----------------------------------------------------------------------------------------------*/
#Portfolios { display:block; float:left;}
#Portfolios:hover {height:50px;}
#Portfolios li {margin:0px !important; font-size:14px;}
#Portfolio_List { display:block; background:white;  position:absolute; z-index:10000;
    top:23px; margin-top:18px; left:0px; width:110px; margin-left:11px; 
	font-size:14px;  border: 1px solid #999;}
#Portfolio_List ul {float:none; display:block; margin-left:5px; border-left: 1px solid gold; margin:5px;}
#Portfolio_List li {float:none; display:block; margin:0px; margin-top:5px; padding-bottom:10px; padding-left:3px; font-size:16px; letter-spacing: 2px;}
#retouch {padding-bottom:0px !important; }




/*-----------------------------------------------------------------------------------------------
 Unknown
-----------------------------------------------------------------------------------------------*/
#photo_list{width:580px; border: 4px double black; float:left; position:absolute; right:50%; margin-right:-290px;}
#photo_list li {float:left; width:100px; height:100px; list-style-type: none; border: 3px solid #999; 
	margin:5px;}
.orderh2 {font-size:32px; margin:20px;}