/* 	http://www.designispoetry.com */
/* 	Copyleft Gabriel Agu 2005 - 2007 */
/* 	You may use items taken from this site as you see fit,
	with the sole exception of logos and website layouts, which
	are copyrighted to their owners. Otherwise, everything else
	is free. I'd appreciate it if you notified me of any use of
	my works.
*/

body {
	margin: 0; padding: 0;
	background: url(../img/body_bg.jpg) repeat-x top center #000;
	font-family: "Trebuchet MS", sans-serif;
	color: #ccc;
	font-size: 12px;
}
body a {
	outline: none;
}
#container {
	width: 680px;
	height: 605px;
	margin: 0 auto 10px auto;
	background: url(../img/container_bg.jpg) repeat-x top center #000;
	border: 10px solid #000;
	border-top: none;
}
a.logo {
	margin: 0 auto;
	background: url(../img/logo.jpg) no-repeat top center;
	width: 180px;
	height: 150px;
	border: none;
	display: block;
}
/* main navigation menu */
#topmenu {
	background: url(../img/topmenu_bg.jpg) no-repeat bottom center;
	width: 300px;
	height: 42px;
	display: block;
	margin: 0 auto;
	padding: 0;
}
#topmenu a {
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
	height: 34px;
	display: block;
}
/* home link */
#topmenu a.home, #topmenu a.home:hover, #topmenu a.home_sel {
	width: 110px;
	background: url(../img/menu_home_normal.jpg) no-repeat top right;
}
#topmenu a.home:hover {
	background: url(../img/menu_home_normal.jpg) no-repeat bottom right;
}
#topmenu a.home_sel {
	background: url(../img/menu_home_sel.jpg) no-repeat top right;
}
/* portfolio link */
#topmenu a.portfolio, #topmenu a.portfolio:hover, #topmenu a.portfolio_sel {
	width: 74px;
	background: url(../img/menu_portfolio_normal.jpg) no-repeat top right;
}
#topmenu a.portfolio:hover {
	background: url(../img/menu_portfolio_normal.jpg) no-repeat bottom right;
}
#topmenu a.portfolio_sel {
	background: url(../img/menu_portfolio_sel.jpg) no-repeat top right;
}
/* contact link */
#topmenu a.contact, #topmenu a.contact:hover, #topmenu a.contact_sel {
	width: 65px;
	background: url(../img/menu_contact_normal.jpg) no-repeat top right;
}
#topmenu a.contact:hover {
	background: url(../img/menu_contact_normal.jpg) no-repeat bottom right;
}
#topmenu a.contact_sel {
	background: url(../img/menu_contact_sel.jpg) no-repeat top right;
}

/* text box */
.description {
	margin: 10px;
	padding: 10px;
	height: auto;
	background: #0f0f0f;
	border: 1px solid #414141;
}
.description p {
	margin: 0; padding: 3px;
}
.description a {
	border-bottom: 1px dotted #ccc;
	color: #62c114;
	text-decoration: none;
}
.description a:hover {
	color: #fff;
}
.large {
	height: 220px;
	overflow: hidden;
}
.largest {
	height: 520px;
	overflow: hidden;
}
.brief {
	height: 45px;
	overflow: hidden;
	font-size: 11px;
	margin-bottom: 5px;
}
.brief h1 {
	padding: 0 !important;
}
.pagenumbers {
	margin: 0; padding: 0 10px 5px 10px;
	height: 23px;
}
.pagenumbers a.nr1, .pagenumbers a.nr1_current, .pagenumbers a.nr2, .pagenumbers a.nr2_current, .pagenumbers a.nr3, .pagenumbers a.nr3_current {
	margin: 0 0 0 5px; padding: 0;
	float: right; 
	width: 23px;
	height: 23px;
	display: block;	
}
.pagenumbers a.nr1 {
	background: url(../img/nr1.jpg) no-repeat top left;
}
.pagenumbers a.nr1:hover, .pagenumbers a.nr1_current {
	background: url(../img/nr1.jpg) no-repeat bottom left;
}
.pagenumbers a.nr2 {
	background: url(../img/nr2.jpg) no-repeat top left;
}
.pagenumbers a.nr2:hover, .pagenumbers a.nr2_current {
	background: url(../img/nr2.jpg) no-repeat bottom left;
}
.pagenumbers a.nr3 {
	background: url(../img/nr3.jpg) no-repeat top left;
}
.pagenumbers a.nr3:hover, .pagenumbers a.nr3_current {
	background: url(../img/nr3.jpg) no-repeat bottom left;
}

.imagelists {
	margin: 0; padding: 0 0 0 10px;
	list-style-type: none;
}
.imagelists .bordered, .imagelists .portfolio_bordered {
	width: 323px;
	height: 140px;
	border: 1px solid #414141;
	float: left;
	margin: 0 10px 10px 0;
}
.imagelists .bordered a, .imagelists .portfolio_bordered a {
	padding: 19px 10px 10px 19px;
	width: 294px;
	height: 111px;
	background: url(../img/picborder.jpg) no-repeat top left #000;
	border: none;
	display:block;
	text-decoration: none;
	color: #000;
}
.imagelists .portfolio_bordered a {
	padding: 2px 10px 10px 19px;	
	height: 128px; 
}
.imagelists .portfolio_bordered a span {
	height: 15px;
	padding: 0 19px 0 0;
	margin: 0 0 2px 0;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	color: #fff;
}
.imagelists .portfolio_bordered a:hover span {
	background: none;
	color: #62c114;
}
.imagelists .portfolio_bordered a img {
	border: none;
}
.imagelists .bordered a img {
	border: none;
}
.imagelists .bordered a:hover, .imagelists .portfolio_bordered a:hover {
	background: url(../img/picborder_hover.jpg) no-repeat top left #000;
}

/* large image - web portfolio detail */
.detail_image {
	margin: 0 0 0 10px;
	border: 0;
	width: 659px;
	height: 294px;
}

.back {
	margin: 0 10px 0 0; padding: 0;
	float: right;
	width: 40px;
	height: 25px;
	background: url(../img/backbtn.jpg) no-repeat top left;
	text-decoration: none;
	display: inline;
}

/* project description items */
.project_details {
	margin: 5px 10px 10px 10px; padding:5px;
	border: 1px solid #434343;
	height: 125px;
	width: 648px;
}
.project_details a {
	color: #009933;
	text-decoration: none;
}
.project_details a:hover {
	color: #eee;
	text-decoration: underline;
}
.project_details ul {
	margin: 0; padding: 0;
	list-style-type: none;
}
.project_details ul li {
	margin: 0; padding: 0 0 0 0;
}
.project_details ul li .project_item {
	margin: 0; padding: 0;
	width: 300px;
	float: left;
	text-align: right;
	padding-right: 10px;
	color: #666666;
}
.project_details ul li .project_item_content {
	margin: 0; padding: 0;
	width: 300px;
	float: left;
}


/* footer */
#footer {
	margin: 0 auto;
	padding: 0;
	width: 700px;
	color: #5c95bc;
	font-size: 11px;
	font-family: "Trebuchet MS", sans-serif;
}
#footer p.lefted {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}
#footer p.righted {
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
}
#footer a {
	color: #62c114;
	text-decoration: none;
}
#footer a:hover {
	color: #eee;
	text-decoration: underline;
}

.huge {
	font-size: 12px;
	font-weight: bold;
	color: #62c114;
}
/*== contact page ==*/
#contact {
	margin: 0;
	padding: 20px 0 0 4px;
}

#contact .input_field {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 20px;
	border: 3px solid #333;
	background:#000;
	color: #999999;
	font-family: "Trebuchet MS", Arial, sans-serif; 
}
#contact .input_textarea {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 80px;
	border: 3px solid #333;
	background:#000;
	color: #999999;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, sans-serif; 
}
#contact .label {
	width:80px;
	display: block;
	height: 14px;
	float: left;
}
#contact .input_field2 {
	margin: -5px 0 0 78px;
	padding: 0;
	border: none;
	height: 25px;
	display: block;
	background:url(../img/send_img.jpg) no-repeat top left;
	cursor:pointer;
	color: #62c114;
	font-family: "Trebuchet MS", Arial, sans-serif; 
	font-size: 12px;
}
#contact .error {
	font-family: Tahoma;
	font-size: 8pt;
	color: red;
	margin-left: 80px;
	display:none;
}

.cleaner {
	clear: both;
}