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

/*malo*/

html,body,div,p{margin:0;padding:0;border:0;}
.dp20,.dp25,.dp30,.dp33,.dp40,.dp50,.dp60,.dp66,.dp75,.dp80,.dp100{float:left;display:inline;*margin-left:-0.04em;}
.dp20{width:20%;}
.dp25{width:25%;}
.dp30{width:30%;}
.dp33{width:33.33%;}
.dp40{width:40%;}
.dp50{width:50%;}
.dp60{width:60%;}
.dp66{width:66.66%;}
.dp75{width:75%;}
.dp80{width:80%;}
.dp100{width:100%;}
.clear{clear:both;}

/*end of malo*/

a {
	color:#333;
	text-decoration:underline;
}

a:hover {
	color:#000;
	text-decoration:none;
}

a:active {
	color:#666;
	text-decoration:none;
}

a:visited {
	color:#333;
	text-decoration:underline;
}

/*header*/

#header_container {
	width:900px;
	height:310px;
	margin:auto auto;
}

#logo {
	width:540px;
	float:left;
	height:270px;
	background:url(images/header_logo_540x270.png) no-repeat left;
}

#nav_bar {
	width:900px;
	height:40px;
	background:url(images/navbar_bg_33x40.png) right no-repeat;
}

.nav_item {
	background-color:#e0e0e0;
	color:#666666;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	height:27px;
	letter-spacing:-1px;
	padding-top:12px;
	border-bottom:1px dashed #e0e0e0;
}

.nav_item a {
	color:#666666;
	text-decoration:none;
}

.nav_item:hover {
	border-bottom:1px dashed #666;
	cursor:pointer;
}

.nav_item:hover a {
	color:#FF931E;
}

#nav_indicator {
	width:900px;
	margin:auto auto;
	background:url(images/nav_indicator_180x10.png) no-repeat;
	height:10px;
	margin-top:-7px;
	position:relative;
}

/*end of header*/

/*portfolio body*/

#body_container {
	width:900px;
	margin:auto auto;
	background:#e0e0e0 url(images/body_left_bg.png) left repeat-y;
	margin-top:20px;
}

#cycle_container {
	margin:5px;
	width:350px;
	height:500px;
	background:url(images/cycle_bg.png);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.port_img {
	width:300px;
	height:300px;
	margin:25px 25px;
	border:1px dashed #666;
}

.thumbs {
	width:300px;
	height:75px;
	margin:auto auto;
}

.thumbs img {
	border:0px;
}

.port_thumb {
	float:left;
	width:71.5px;
	border:1px dashed #666;
	margin-left:1px;
	margin-right:1px;
}

	.port_thumb:hover {
		border:1px dashed #000;
	}

.port_thumb_left {
	float:left;
	width:71.5px;
	border:1px dashed #666;
	margin-right:1px;
}

	.port_thumb_left:hover {
		border:1px dashed #000;
	}

.port_thumb_right {
	float:left;
	width:71.5px;
	border:1px dashed #666;
	margin-left:1px;
}

	.port_thumb_right:hover {
		border:1px dashed #000;
	}

#middle {
	width:350px;
	margin:5px;
	background:url(images/cycle_bg.png);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-size:12px;
	padding-top:70px;
	padding-bottom:25px;
	padding-left:10px;
	padding-right:5px;
	float:left;
}

.contact_left span {
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:-0.5pt;
	color:#000;
}

.about_content span {
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:-0.5pt;
	color:#000;
}

#middle span {
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:-0.5pt;
	color:#000;
}

#middle span strong {
	font-weight:bold;
}

#s2 {
	margin-top:45px;
}

.arrows {
	width:300px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:13px;
	line-height:20px;
	letter-spacing:-0.5pt;
}

.arrows a {
	color:#333;
	text-decoration:none;
}

.arrows a:hover {
	color:#000;
	text-decoration:underline;
}

#info_container {
	width:165px;
	float:right;
	margin-left:5px;
	margin-top:-260px;
}

#info {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-right:10px;
	width:150px;
}

#middle_bottom {
	width:350px;
	margin:5px;
	background:url(images/cycle_bg.png);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-size:12px;
	padding-bottom:14px;
	padding-left:10px;
	float:left;
	padding-top:10px;
}

#middle_bottom span {
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:-0.5pt;
	text-align:10px left;
	color:#000;
}

#middle_bottom span strong {
	font-weight:bold;
}

/*end of portfolio body*/

/*About page*/

.about_container {
	margin:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:url(images/cycle_bg.png);
}

.about_content {
	width:350px;
	padding:10px;
}

.about_content h2 {
	color:#000;
	letter-spacing:-1.5pt;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/*end of about*/

/*contact form*/

.contact_left {
	width:340px;
	margin:5px;
	margin-top:25px;
	background:url(images/cycle_bg.png);
	padding:10px;
	padding-right:0px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.contact_left h2 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#contact-wrapper {
	width:340px;
	margin:5px;
	margin-top:25px;
	background:url(images/cycle_bg.png);
	padding:10px;
	padding-right:0px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

/*end of contaact form*/

/*footer*/

#footer {
	font-size:8pt;
	color:#666666;
	padding:10px;
}

#footer_container {
	width:860px;
	background:url(images/footer_bg.png);
	margin-left:-20px;
	margin-bottom:-20px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:40px;
	border-top:1px dashed #666;

	font-size:12px;
}

.footer_module {
	margin:5px;
	border:1px dashed #333;
	padding-bottom:10px;
	background:url(images/body_left_bg.png) repeat-y left;
}

.footer_module h2 {
	margin-left:10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing:-1pt;
}

.footer_module li {
	list-style:none;
	list-style-position:inside;
}

/*end of footer*/