/* New Portfolio */

/* HTML Elements */
a {
	color:#3072a2;
	text-decoration:none;
}

a:hover {
	color:#eb8b2f;
	text-decoration:underline;
}

body {
	margin:0;
	padding:0;
	background:url('../images/bg.png') repeat-x #edf5ff;
	font:13px Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	line-height:23px;
}

p {
	padding-bottom:15px;
}

h2 {
	font-size:24px;
	color:#3d3d3d;
	font-weight:normal;
	margin-bottom:10px;
}

img {
	border:none;
	display:block;
}

/* Containers */

#container {
	width:780px;
	margin:0 auto;
	background:#fff;
}

/* Header & Footer */

#header {
	width:780px;
	height:102px;
	text-align:left;
	background:url('../images/header.png') repeat-x #edf5ff;
}

#footer {
	color:#7d7d7d;
	text-align:center;
	padding-bottom:10px;
}

#footer p {
	padding:0;
}

/* Scroller */

div.scroller { 
    width: 584px;
    height:460px; 
    overflow-y:scroll;
    overflow-x:hidden; 
    margin:0 auto;
} 

div.scroller div.items { 
    width:584px;
}

div.navi {
	margin-left:320px;
	height:20px;
}

div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

div.navi a:hover {
	background-position:0 -8px;      
}

div.navi a.active {
	background-position:0 -16px;     
} 	

/* Main */

#portfolio {
	background:url('../images/slider_bg.png') no-repeat;
}

#about_top {
	height:8px;
	background:url('../images/about_top.png') repeat-x top;
}

#about {
	background:url('../images/about_bg.png') repeat-x bottom;
	padding:40px 30px 50px 100px;
}

#about_left {
	float:left;
	width:329px;
	padding-right:30px;
	border-right:1px solid #a4b0bb;
}

#about_right {
	float:left;
	width:240px;
	margin-left:30px;
}

.project {
	float:left;
	width:584px;
}

.project img {
	padding-bottom:20px;
}

.project p {
	padding-bottom:0;
}

.contact {
	clear:both;
}

.contact .left {
	float:left;
	width:50px;
	padding:0 10px;
	font-weight:bold;
	text-align:right;
} 

.contact .right {
	float:left;
	width:100px;
	padding-left:10px;
} 


/* Buttons */

.prev a, .next a{
	text-align:left;
}

.prev a, .next a {
	width:52px;
	padding-top:52px;
	overflow:hidden;
	height:0px !important; 
	height /**/:52px; /* for IE5/Win */
}

.next a:hover, .prev a:hover {
	background-position:0 -52px;
}

.next a {
	float:right;
	margin:110px 28px 0 0;
	background:url(../images/right_button.png) top left no-repeat;
}

.prev a {
	float:left;
	margin:110px 0 0 28px;
	background:url(../images/left_button.png) top left no-repeat;
}

a.view_button {
	width:119px;
	padding-top:29px;
	overflow:hidden;
	height:0px !important; 
	height /**/:29px; /* for IE5/Win */
	background:url(../images/view_button.png) top left no-repeat;
	display:block;
	float:right;
}

a:hover.view_button {
	background-position:0 -29px;
}

/* Other */

.clear {
	clear:both;
}