/**------------- main site -----------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	background-repeat: repeat;
	font: normal 12px verdana, arial, georgia, serif; 
	display: block;
	color: #303030;
	text-align:center;
	background-color: #303030;
}

#page {
	width: 1006px; 
	margin: 0 auto; 
	position: relative;
	text-align:left;
}

#topspacer {
	width: 1006px; 
	position: relative;
	background: url('/assets/images/layouts/freshdevs_splashlayout/bg_top.gif') no-repeat;
	height:24px;
}

#container {
	background: url('/assets/images/layouts/freshdevs_splashlayout/background.gif') repeat-y right;
	width:1006px;
	text-align:center;
}

#container {
	background: url('/assets/images/layouts/freshdevs_splashlayout/background.gif') repeat-y right;
	width:1006px;
	text-align:-moz-center;
}

#body {
    text-align:left;
    width: 960px;
}

#bottomspacer {
	width: 1006px; 
	position: relative;
	background: url('/assets/images/layouts/freshdevs_splashlayout/bg_bottom.gif') no-repeat;
	height:24px;
}

#header {
	background: url('/assets/images/layouts/freshdevs_splashlayout/top_pattern.jpg') no-repeat;
	height:460px;
	width:959px;
	margin-left:0px;
}

#headerspacer {
	position:relative;
	width:862px;	
	left:45px;	
	margin-top:20px;
}


#headernoimage {
	background: url('/assets/images/layouts/freshdevs_splashlayout/top_pattern.jpg') no-repeat;
	height:214px;
	width:959px;
	margin-left:0px;
}

#barry {
	background: url('/assets/images/layouts/freshdevs_layout2/barry.jpg') no-repeat;	
	height:349px;
	width:851px;
	position:relative;
	top:140px;
	left:54px;
}
#barry2 {
	background: url('/assets/images/layouts/freshdevs_layout2/barry2.jpg') no-repeat;	
	height:349px;
	width:851px;
	position:relative;
	top:140px;
	left:54px;
}
#barry3 {
	background: url('/assets/images/layouts/freshdevs_layout2/barry3.jpg') no-repeat;	
	height:349px;
	width:851px;
	position:relative;
	top:140px;
	left:54px;
}
#barry4 {
	background: url('/assets/images/layouts/freshdevs_layout2/barry4.jpg') no-repeat;	
	height:349px;
	width:851px;
	position:relative;
	top:140px;
	left:54px;
}
#barry5 {
	background: url('/assets/images/layouts/freshdevs_layout2/barry5.jpg') no-repeat;	
	height:349px;
	width:851px;
	position:relative;
	top:140px;
	left:54px;
}
#barry6 {
	background: url('/assets/images/layouts/freshdevs_layout2/barry6.jpg') no-repeat;	
	height:349px;
	width:851px;
	position:relative;
	top:140px;
	left:54px;
}

h1 {
	font-size:14px;	
}

h2 {
	font-size:14px;	
	margin-top:10px;
}

#mainstory {
	position:relative;
	width:862px;	
	left:45px;	
	margin-top:0px;
}

#maintext {

}

#maintext h3 {
	margin-top:15px;
}

#maintext p {
	margin-top:15px;
}

#maintext li {
	margin-bottom:7px;
}

#maintext li a {
	color:#4e4e4e;
}

#maintext li a:hover {
	color:#a70329;
}

#sidepanel {	
	width:356px;
	padding-left:15px;
	padding-bottom:15px;
	float:right;
}

.blackbox {
	background: url('/assets/images/layouts/freshdevs_layout2/blackbox.png') no-repeat;	
	width:336px;
	cursor:pointer;
	margin-bottom:-11px;
	height:107px;
	color:#fff;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
}

.expandedbox {
	background: url('/assets/images/layouts/freshdevs_layout2/expandedbox.png') no-repeat;	
	width:336px;
	cursor:pointer;
	margin-bottom:-11px;
	color:#fff;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:20px;
}

.blackboxtext {
	width:346px;

	
}

.blackboxtext a {
	color:#fff;
}

.blackboxtext p {
	padding-top:10px;
	padding-bottom:10px;
	width:336px;
}

.moretext {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
}

.moretext p {
	padding-top:10px;
	padding-bottom:10px;
	width:336px;
}

.moretext a {
	color:#fff;
}

.moretext a:hover {
	color:#4e4e4e;
}

.blackbox2 {
	background: url('/assets/images/layouts/freshdevs_layout2/blackbox.png') no-repeat;	
	width:356px;
	position:relative;
}

#footercontainer {
	position:relative;
	height:470px;
	width:960px;
	margin-left:0px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

#footer {
	background: url('/assets/images/layouts/freshdevs_splashlayout/footer.png') no-repeat;	
	height:470px;
	width:960px;
}

#footer #csscompliant {
	background: url('/assets/images/layouts/freshdevs_layout2/csscompliant.jpg') no-repeat;	
	position:absolute;
	top:30px;
	left:50px;	
	width:475px;
	height:76px;
	color:#777777;
	font-size:11px;
	padding-left:75px;
	padding-top:25px;
}

#footer #col1 {
	position:absolute;
	top:165px;
	left:210px;	
}

#footer #col2 {
	position:absolute;
	top:165px;
	left:360px;	
}

#footer #col3 {
	position:absolute;
	top:167px;
	left:635px;	
	width:220px;
}

.textfield {
	position:relative;
	top:10px;
	background: url('/assets/images/layouts/freshdevs_global/search.jpg') no-repeat;	
	width:138px;
	height:21px;
}

div.textfield input {
background-color:transparent;
border:0 none;
height:24px;
padding:3px;
padding-left:20px;
padding-right:7px;
width:108px;
}

ul {
	list-style-type:none;
	margin-top:20px;	
}		

li a {
	color:#fff;	
	font-size:12px;
}


#scroll-container {
	margin-top: 2em;
	position: relative;
	width: 500px;
}

#track {
	position: absolute;
	left: 45px;
	top: 210px;
	width: 445px;
	height: 16px;
	background: #2d2d2d;
	border: 1px solid #797979; 
}

#handle {
	position: absolute;
	left: 0;
	top: 0px;
	width: 70px;
	height: 18px;
	background: url('/assets/images/layouts/freshdevs_splashlayout/handle.jpg') no-repeat;
	z-index:2;
}

#button-up {
	position: absolute;
	top: 210px;
	left: 16px;
	width: 31px;
	height: 18px;
	background: url('/assets/images/layouts/freshdevs_splashlayout/button_left.jpg') no-repeat;
	z-index:1;
}

#button-down {
	position: absolute;
	top: 210px;
	left: 490px;
	width: 31px;
	height: 18px;
	background: url('/assets/images/layouts/freshdevs_splashlayout/button_right.jpg') no-repeat;
	z-index:1;
}






#portfoliocontent {
	margin-top:7px;
	margin-bottom:2px;
	background:url('/assets/images/layouts/freshdevs_layout2/portfolio_bottom.png') bottom no-repeat;
	width:964px;
}

#portfoliocontainer {
	padding:14px;
	padding-left:0px;
	padding-right:0px;
	background:url('/assets/images/layouts/freshdevs_layout2/portfolio_top.png') top no-repeat;
}

#portfolioborder {
	padding-left:20px;
	padding-right:20px;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}


#sidebarmenu {
	padding-top:6px;
	width:203px;	
	padding-right:20px;
	background:url('/assets/images/layouts/freshdevs_layout2/portfolio_sidemenu_border.png') right repeat-y;
}

#portfolio {
	margin-left:10px;	
	width:680px;
	float:right;
}

#portfolio img {
	border:0;	
}

.menutitle {
	background:url('/assets/images/layouts/freshdevs_layout2/sidebarbutton.png') no-repeat;
	height:32px;
	width:203px;
	line-height:30px;
	font-size:12px;
	padding-left:10px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:10px;
}

.menutitleselected {
	background:url('/assets/images/layouts/freshdevs_layout2/sidebarbutton_selected.png') no-repeat;
	height:32px;
	width:203px;
	line-height:30px;
	font-size:12px;
	padding-left:10px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:10px;
}

.plusminus {
	line-height:29px;
	float:right;
	color:#8f8f8f;
	margin-right:24px;
	width:20px;
	font-size:14px;
	text-align:center;
}

.menulinks {
	color:#8f8f8f;
	font-size:12px;
	margin-bottom:10px;
	padding-left:10px;
	cursor:pointer;
}

.menulink {
	font-size:12px;
	margin-bottom:5px;
	cursor:pointer;
}

.thumbnailcontainer {
	background:url('/assets/images/layouts/freshdevs_layout2/thumbnailcontainer.png') no-repeat;
	height:153px;
	width:170px;
	cursor:pointer;
	text-align:center;	
	padding-top:17px;
	float:left;
}

.thumbnailcontainerhover {
	background:url('/assets/images/layouts/freshdevs_layout2/thumbnailcontainerhover.png') no-repeat;
	height:153px;
	width:170px;	
	cursor:pointer;
	text-align:center;	
	padding-top:17px;
	float:left;
	
}

#defaultportfolio {
	position:relative;	
	left:30px;
	top:40px;
}

.enlarge {
	float:right;
	line-height:21px;	
	background:url('/assets/images/layouts/freshdevs_layout2/enlarge.png') no-repeat;
	padding-left:25px;
	color:#707070;
	font-weight:bold;
}

