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

html{
	background-color:#000000;
	background-image:url(../images/top_border.gif);
	background-repeat:repeat-x;
}

body{
	width:708px;
	margin:auto;
	font-family:Century Gothic;
	font-size:14px;
	color:#a7a6a6;
	margin-top:30px;
}

a{
	color:#db7e24; 
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

img{
	border:0;
}

#page-container{
	width:708px;
	float:left;
	position:relative;
}

#logo{
	width:100%;
	text-align:center;
	float:left;
	position:relative;
}

#navigation{
	width:100%;
	height:34px;
	float:left;
	position:relative;
	background:url(../images/navigation_bg.gif) repeat-x;
	margin-top:20px;
	font-size:15px;
}

#navigation .left{
	float:left;
	position:relative;
}

#navigation .right{
	float:right;
	position:relative;
	*margin-top:-30px;
}

#navigation span{
	padding:0 53px;
	line-height:30px;
}

#navigation a.selected{
	color:#a7a6a6;
	font-weight:bold;
}

#navigation a.selected:hover{
	text-decoration:underline;
}

#content-top{
	width:708px;
	height:6px;
	float:left;
	position:relative;
	background:url(../images/body_content_top.gif) no-repeat;
	margin-top:35px;
}

#content-main{
	width:668px;
	float:left;
	position:relative;
	background:url(../images/body_content_bg.gif) repeat-y;
	padding:10px 20px 5px 20px;
}

#introimgs{
	width:100%;
	float:left;
	position:relative;
	margin:0 0 10px 0;
}

.floatleft{
	float:left;
	position:relative;
	margin:0 20px 10px 0;
}

.floatright{
	float:right;
	position:relative;
	margin:5px 10px 30px 20px;
	border:3px solid #afafaf;
}

.introimg{
	margin:5px 0 10px 0;
	float:right;
	position:relative;
}

#content-bottom{
	width:708px;
	height:6px;
	float:left;
	position:relative;
	background:url(../images/body_content_bottom.gif) no-repeat;
}

#content-main #i-work-on{
	width:708px;
	float:left;
	position:relative;
	clear:both;
	margin-top:20px;
}

#content-main #i-work-on strong{
	font-size:18px;
	color:#413f3f;
}

#content-main #i-work-on .items{
	width:137px;
	float:left;
	position:relative;
	padding:5px 30px 5px 0;
	font-size:14px;
}

#content-main #i-work-on .items a{
	color:#a7a6a6;
	text-decoration:none;
	border-bottom:1px dotted #444444;
}

#content-main #see-more{
	width:688px;
	float:left;
	position:relative;
	clear:both;
	margin-top:30px;
}

#footer{
	width:708px;
	text-align:center;
	padding:15px 0 15px 0;
	float:left;
	position:relative;
	font-size:11px;
}

table.portfolio img{
	border:3px solid #afafaf;
}

table.portfolio td{
	padding-bottom:20px;
}

table.portfolio img:hover{
	border:3px solid #ffffff;
}

table.portfolio h2{
	font-size:16px;
	font-weight:normal;
	margin:5px 0 0 0;
	padding:0;
}

table.portfolio a.portfoliourl{
	color:#a7a6a6;
	text-decoration:none;
	border-bottom:1px dotted #444444;
}

table.portfolio a.portfoliourl:hover{
	color:#a7a6a6;
	text-decoration:none;
	border-bottom:1px solid #444444;
}

#slideshow{
	width:660px;
	height:495px;
	float:left;
	position:relative;
	border:2px solid #777777;
	margin-bottom:10px;
}

h3{
	font-size:18px;
	padding:0;
	margin:5px 0 10px 0;
	font-weight:normal;
}

h2{
	margin:0;
}

table.socialmedia{
	margin-bottom:5px;
}

hr{
	background-color:#111111;
	border:0;
	height:1px;
	margin-bottom:20px;
}

table.socialmedia td{
	padding-right:30px;
}

p{
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:15px;

}

.blue{
	color:#09F;
	font-size:20px;

}

.green{
	/*color:#CC0;*/
	color:#9C6;
	font-size:20px;

}
 
.red{
	color:#C30;
	font-size:20px;

}

.yellow{
	color:#C3C;
	font-size:20px;

}

.love{
	float:left;
	position:relative;
	font-size:30px;
	font-weight:bold;
	width:100%;
	margin:20px 0 20px 0;
}

.love a{
	color:#afafaf;
	text-decoration:none;
	border-bottom:1px dashed #333333;
}

.love a:hover{
	color:#ffffff;
	border-bottom:1px dashed #afafaf;
}

h1{
	margin:0 0 7px 0;
	padding:0;
}

.details{
	width:100%;
	float:left;
	position:relative;
	margin-bottom:10px;
}

.details span{
	font-weight:bold;
}

.fullimage{
	margin-top:10px;
	border:3px solid #afafaf;
	width:660px;
}

#projectnavigation{
	width:666px;
	float:left;
	position:relative;
	margin:10px 0;
}

#projectnavigation .left{
	float:left;
	position:relative;
	width:30px;
	height:24px;
	overflow:hidden;
	background-image:url(../images/previous_project.gif);
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
}

#projectnavigation #center{
	float:left;
	position:relative;
	width:150px;
	margin:1px 0 0 250px ;
}

#projectnavigation .right{
	float:right;
	position:relative;
	width:30px;
	height:24px;
	overflow:hidden;
	background-image:url(../images/next_project.gif);
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
}

#projectnavigation .left:hover, #projectnavigation .right:hover{
	background-position:0 -24px;
}