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

div.sc_menu_wrapper {
	position: relative; 	
	height: 460px;
	background: url(../img/fadebg.png);
	padding:0px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width:800px;
	top:-50px;
	margin-top:50px;
	overflow: auto;
	border-bottom:5px solid #FF6600;
	border-top:1px solid #FF6600;
	font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
}
div.sc_menu {
	padding: 0px 0;
}
.sc_menu a {
	display: block;
	margin-bottom: 0px;
	width: 685px;

	border: 1px #fff solid;
  	
	
	/* When image support is turned off */
	color: #fff;
	background: transparent;	
}
.sc_menu a:hover {
	
}
.sc_menu img {
	display: block;
	border: none;
	margin-bottom:10px;
}
 /*
.sc_menu_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 10px;
	
	margin: 0 auto;
	padding: 10px;
 
	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}
*/

.sc_menu_wrapper .loading {
	position: absolute;
	top: 200px;
	left: 350px;
	font-size:11px;
	margin: 0 auto;
	padding: 10px;
 
	width: auto;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;	
	background: #FF6600;
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
	
	padding: 6px;
	font-size: 12px;	
	color: #fff;
	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	border: 1px solid  #FF6600;
	background: rgb(0, 0, 0);
	/* Make background a bit transparent for browsers that support rgba */	
	background: #FF6600;
}
 
/* Here are styles for a link to an article. Not for you :) */
#back {
	margin-left: 8px;
	color: gray;
	font-size: 18px;
	text-decoration: none;
}
#back:hover {
	text-decoration: underline;
}

#whatwedo {
float:left;
position:absolute;
color:#FF6600;
font-family:Georgia, "Times New Roman", Times, serif;
width:900px;
letter-spacing:-1px;
height:30px;
top:30px;
left:300px;
font-size:14px;
font-weight:bold;
margin: 0 auto;
}

.bluetxt {
color:#00aeef;
}

#stickyfooter {
float:left;
position: absolute;
width:1000px;
height:20px;
z-index:1;
margin-top:770px;
left:300px;
list-style:none;
text-align: center;

}

#footernav  {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
font-size:12px;

}

.footernav a {
padding-left:10px;
color:#FF6600;
text-shadow: 0px 1px 1px #f8f2ed;
}

.footernav a:hover {
padding-left:10px;
color:#FF9900;
}



#clients {
float:left;
position:absolute;
height: auto;
min-height:200px;
width:280px;
z-index:9999;
font-size:11px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
top:300px;

}
.client {
padding:10px;
margin-left:100px;
}

#links-clients {
float: left;
display: inline ;
position: absolute;
padding:0;
margin:0;
z-index:9999;
border:1px solid red;
}

#listbox {

padding:0;
margin:0 auto;
width: 1000px;
height: auto;
background:#000;
position:absolute;
}

#clientlist {
float:left;
background: url(../img/fadebg.png) ;
width:360px;
height:auto;
left:300px;
top:60px;
position:absolute;
z-index:100;

}


#clientlist-r {
float:right;
background: url(../img/fadebg.png) ;
width:360px;
height:auto;
left:260px;
top:60px;
position:absolute;
z-index:100;
margin-left:410px;

}

#clientele {
padding:20px;
line-height:16px;
}
#clientele ul, #clientele li {
display:block;
list-style-type:none;
list-style: none;
margin-left:5px;
}

#clientele li {
font-size:11px;
color:#736357;
font-family:Georgia, "Times New Roman", Times, serif;
}

#wrapper-clients {
padding:0;
height:100%;
width: 980px;

}

#works-clients {
position: absolute;
width: 100%;
height:800px;
float:right;


}