/*

yellow: #ececce;
grey: #191920;


*/

html body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	background-image: url(media/background_tile_v4.jpg);
	background-repeat: repeat-x;
	background-color: #191920;
	margin: 0px;
	padding: 0px;
	height: 100%;
}



a:focus, a:active {
	outline:0;	
}

a {
	color:#ececce;
	text-decoration:none;
	font-weight:bold;
		
}

a:hover {
	text-decoration:underline;	
}

#container {
	width:950px;
	margin: 0 auto;
	height:900px;
	background-image: url(media/background_logo_v3.jpg);
	background-repeat: no-repeat;
	background-position: right 100px;
}

#header {
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	text-align:center;
}

#welcome {
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	text-align:left;
	padding:5px 10px 5px 10px;
	position:absolute;
	height:75px;
	width:900px;
	z-index:140;
	top:555px;
	background-image: url(media/curved_edges_920_v2.png);
	background-repeat: no-repeat;
	font-size:14px;
}



h1 {
	font-size:60px;
	color:#FFF;
	margin:0px;
	padding:0px
	
}

h1.ref {
	font-size:45px;
	color:#FFF;
	margin:0px;
	padding:0px
	
}


h2 {
	font-size:20px;
	color:#FFF;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;	
}

h3 {
	font-size:15px;
	padding:0px;
	margin:0px;
}

#logo_bar {
		background-color:#191920;
		position:absolute;
		z-index:101;
		top:199px;
		height:93px;
		width:500px;
		border-top: solid 3px #ececce;
		border-bottom: solid 3px #ececce;
		padding-top:15px;
	
}
#logo_shadow {
	position:absolute;
	z-index:100;
	top:187px;
	width:294px;
	height:140px;
	background-image: url(media/logo_bar_bg.png);	
	margin-left:10px;
}

#nav_0 {
	width:330px;
	height:100px;
	position: absolute;
	z-index: 90;
	top:132px;
	overflow:hidden;
}


#nav_1 {
	width:330px;
	height:110px;
	position: absolute;
	z-index: 90;
	top:280px;
	overflow:hidden;
	
	
}


#freelancers-mask {
	width:615px;
	height:324px;
	overflow:hidden;
	position:absolute;
	top:321px;
}

#freelancers-available {
	width:615px;
	height:346px;
	margin-top:346px;
	
}

a#twitter {
	position:relative;	
	left:773px;
	
	top:87px !important;
	top:77px;
	/*
	top:260px !important;
	top:250px;
	*/
	display:block;
	width:149px;
	height:173px;
	background-image:url(media/twitter_v2.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-1000px;
	font-size:0px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

a#twitter:hover {
	background-position: left -173px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#portfolio-thumbnails {/*whole div*/
	height: 196px;
	width: 950px;
	position: absolute;
	z-index: 20;
	top: 650px;
	font-size: 32px;
	color: #898989;
	margin-left: -15px;
	text-indent: 22px;
	height:190px;
	overflow:hidden;
}

.portfolio-thumbnail {/*individual background thumb*/
	height: 146px;
	width: 189px;
	background-image: url(media/thumbnail_bg_v3.png);
	background-repeat: no-repeat;	
	float: left;
}

.portfolio-thumbnail img{/*individual background thumb*/
	border:none;
	margin-left:-22px;
}



.portfolio-thumbnail  a{
	height: 109px;
	width: 143px;
	border:2px solid #ececce;
	display:inline-block;
	margin-top:19px;
	margin-left: 0px;
	margin-right:0;
	margin-bottom:0px;
	overflow:hidden;

}

.portfolio-thumbnail  a:hover{
	border:2px solid #333333;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.portfolio-thumbnail  .loader{
	height: 113px;
	width: 147px;
	position:absolute;
	z-index:50;
	background-color:#191920;
	margin-top:19px;
	margin-left: 22px !important;
	margin-left: 0px;
	margin-right:0;
	margin-bottom:0px;
	background-image: url(media/ajax-loader_v2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#footer {
	position:absolute;
	float:right;
	top:865px;
	font-size:14px;	
	width:950px;
	margin: 0 auto;
	text-align:left;
	
}
a.w3c {
	margin-left:5px;
	float:right;
	margin-top:-9px;
	z-index:80;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	margin-right:30px;
	
}

a.w3c:hover { 
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#content {
	width:950px;
	height:280px;
	overflow:hidden;
	position:absolute;
	top:365px;
}

#content p {
	margin:5px 0px 5px 0px;	
}

#error {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	text-align:left;
	padding:10px 10px 5px 15px;
	width:900px;
	height:70px;
	line-height:50px;
	margin-top:100px;
	font-size:24px;
	background-image: url(media/curved_edges_920.png);
	background-repeat: no-repeat;
}

.title {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	text-align:left;
	padding:5px 10px 5px 10px;
	width:380px;
	height:30px;
	line-height:30px;
	font-size:20px;
	background-image: url(media/curved_edges_400.png);
	background-repeat: no-repeat;
	display:inline-block;
}

.col {
		float:left;
		width:400px; 
}

ul {
	margin:5px 0px 5px 0px;	
	padding:0px;
	list-style-position: inside;		
}

li { 
	margin-bottom:3px;
	padding:0px;
}

.large {
	font-size:21px;
}

.small {
	font-size:12px;
	
}

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

input, textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:3px;
	font-size:14px;
	background-color: #ccc;
	border:none;
	margin-top:5px;
	
		
}

textarea {
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	margin-bottom:10px;
}

input {
-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;	
}

#submit {
	cursor:pointer;
	background-color:#191920;
	color:#ececce;
	
}

#submit:hover {
	color:#ccc;
	font-weight:bold;
}



#all-thumbs-window {
	height:200px;
	overflow:hidden;
	position:absolute;
	margin-top:10px;
	padding-top:10px;
}

#all-thumbs {
	width:970px;
	position:relative;
	top:200px;
	
}

#all-thumbs-top {
	width:980px;
	margin-left:-35px;
	height:20px;
	background-image: url(media/dru_shadow.png);
	background-repeat: no-repeat;
	position:absolute;
	z-index:301;
	top:90px;
	background-position: left top;	
}


a.portfolio-button {
	display:block;
	float:left;
	background-image: url(media/portfolio_button.png);
	background-repeat: no-repeat;
	height: 139px;
	width: 130px;
	margin-right:41px;	
	margin-bottom:100px !important;
	margin-bottom:96px;
	margin-top:0px !important;
	margin-top:3px;
	padding:10px;
	text-align:center;
	font-size:10px;
	font-weight:normal;
	color:#333;
	overflow:hidden;
}

a.portfolio-button:hover {
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	text-decoration:none;
}

.portfolio-divide {
	height:0px;
	overflow:hidden;
	border-top: 1px solid #333;
	border-bottom: 1px solid #FFF;
	margin:5px;
	display:block;
}

.portfolio-txt {
	font-size:12px;
	}

a.portfolio-button img {
	border:1px solid #333;
	}

#page-links {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	text-align:left;
	padding:10px 10px 5px 10px;
	width:380px;
	height:30px;
	line-height:18px;
	font-size:12px;
	background-image: url(media/curved_edges_400.png);
	background-repeat: no-repeat;
	display:inline-block;
	position:absolute;
	z-index:101;
	/*
	margin-left:510px !important;
	margin-left:110px;
	*/
	left:516px;top:00px;
}

#page-links a {
	display:inline-block;
	width:19px;
	height:22px;
	text-align:center;
	margin:0px 2px 0px 2px;
}

#page-links a.selected, #page-links a:hover {
	color:#333;
	background-image: url(media/curved_selected_20.png);
	background-repeat: no-repeat;
	background-position: center 4;
	text-decoration:none;
	
}

#site-link {
	position:absolute;
	top:210px;
	font-size:16px;
}