/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Designed & Coded By : Martin Micunda
URL : www.MARtinm.net

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/
* {
	margin: 0px;  
    padding: 0px;  
	} 
body {
  	width:100%; 
	height:100%; 
	background-color: #000000;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	color: #c6c6c6;
}
#bg_border_top {
	position:absolute; 
	width:100%; 
	height:18px;
}
#bg_border_bottom {
	position:absolute; 
	width:100%; 
	height:79px;
}
#container {
    width: 950px;  
	margin: 0px auto;
	padding-top:13px;
	padding-bottom: 0px; 
}
#header {
	height: 118px;  /*138*/
	width: 950px; 
	background-image: url(../images/header.png); 
	background-repeat: no-repeat;  
}	
.hide {
	display:none;
}	
/*-- TOP NAVIGATION --*/
.navigation { 
	position:relative;
 	display:block;
	height: 45px;   
 	font-size:15px;
 	font-weight:bold;
 	background:transparent url(../images/navigation_bg_top.png) no-repeat;
 	font-family: sans-serif;
}
.navigation ul {
 	margin:0px;
 	padding:0 0 0 39px;
 	list-style-type:none;
 	width: auto;  
}
.navigation ul li.seperator {
 	display:block;
 	float:left;
 	margin: 0;
	background: transparent url(../images/seperator_nav_top.png) no-repeat right;  	 
}
.navigation ul li a {
 	display:block;
 	float:left;
 	color:#c6c6c6;
 	text-decoration:none;
 	padding:0px 51px;
 	height: 45px; 
}
.navigation ul li a:hover,.navigation ul li a.current {
 	background:transparent url(../images/hover.png) no-repeat top center;
 }
.up {
	font-size:11px; 	
	font-weight:normal;
	color:#999a9a;  
}
/*-- END TOP NAVIGATION --*/

/*------------------------------------------------------- HOME ---------------------------------------------------------*/
#content_1 {
	width: 950px; 
	height: auto;   
	margin: -4px auto; 
}
#content_2 {
	width: 950px; 
	height:570px;
 	background: transparent url(../images/content_bg.png) no-repeat; 
}
/*-- ROUNDABOUT --*/
#roundabout {
	margin: 0px;
	padding-top:30px; 
}
.roundabout-holder {
	list-style:none; 
	width:450px; 
	height: 270px;
	margin:0px auto;
}
.roundabout-moveable-item {
	font-size:12px!important; 
	height:264px; 
	width:436px; 
	cursor:pointer; 
	padding:0;  
	border:none; 
	-webkit-border-radius:15px; 
	-moz-border-radius:15px;  
}
.roundabout-moveable-item img {
	height:100%; 
	width:100%; 
	background-color:none; 
	margin:0;
}
.roundabout-in-focus {
	cursor:auto;
}
.roundabout-in-focus:hover {
	-webkit-box-shadow:0px 0px 10px #787878; 
	-moz-box-shadow:0px 0px 20px #787878;  
}
.roundabout-holder span {
	display:none; 
	font-size:12px;
}
.roundabout-in-focus:hover span {
	display:inline; 
	position:absolute;
	bottom:17px; right:17px;
	padding:8px 20px; 
	background: #232424;
	color:#c6c6c6;
	z-index:999;  
	-webkit-border-top-left-radius: 5px; 
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	font-size : 12px;
}
.roundabout a:active, .roundabout a:focus,.roundabout a:visited {
	outline:none; 
	text-decoration:none; 
	color: #000000;
}
.roundabout li {
	margin:0
}
a img {
	border:none; 
	outline:0;
}
a.circle_right  {
	position:relative;
	top: -158px;
	left:815px;	 
}
 
a.circle_left {
	position:relative;
	top: -158px;
	left:39px; 	   
}
 
a.circle_left,a.circle_right {
	color: #000000;
}
/*-- END ROUNDABOUT --*/

/*-- NAVIGATION BOTTOM --*/
#navigation_bottom {
	margin-top:5px;
    height: 191px;  
	text-decoration: none;
    width: 950px;  
    background: transparent url(../images/navigation_bg_bottom.png) no-repeat left;   
}
ul.quicknav {
	margin:0px; 
	padding: 0 0 0 39px;  
}	
ul.quicknav li {
	width:202px; 
	height:175px;
	padding: 14px 0 0 14px;
	display:inline; 
	float:left;
	font-size:12px;
}
ul.quicknav li a .title  {
	color:#c6c6c6;
	font-size: 17px;
	font-weight: normal;
}
ul.quicknav li a p.nav_bottom_content { 
	color:#999a9a;
	font-size:11px;
	line-height:15px;
	padding-top:5px;
}
ul.quicknav li a p.center {
	text-align:center;
	padding-top:15px;
}
li a {
	color: #0f0f0f;
} 
/*-- END NAVIGATION BOTTOM --*/
/*------------------------------------------------------ END HOME ------------------------------------------------------*/

/*-- ABOUT+PORTFOLIO --*/
#content_3 { 
	position:relative;top:55px; 
    height: 391px;
	text-decoration: none;
    background: transparent url(../images/portfolio_bg2.png) no-repeat left;   
}
#content_33 { /*IE6*/
	position:relative;top:55px; 
    height: 391px;
	text-decoration: none;
    background: transparent url(../images/portfolio_bg2.png) no-repeat left;   
}
#content_3 .about_me {
	padding-left:170px;
	width:350px;  
	float: left;
	padding-top:54px;   
}
#content_3 h4.p_title  {
	color:#c6c6c6;
	font-size: 18px;
	font-weight: normal;
	padding: 14px 0 0 14px; 
}
#content_3 .separator2 {
	 float:left;
	 padding:54px 15px 0 12px;
	
}
#content_3 .details { 
	float:left;
	width:350px;
	padding-top:54px; 
}
#content_3 .details  ul li {
	margin-left:28px;
	color:#999a9a;
	font-size:11px;
	line-height:15px;
}
#content_3  .content_portfolio { 
	float: left;
	margin: 0 0 0 39px;
	width: 870px; 
}
#content_3 .separator_portfolio {
	background: transparent url(../images/separator.png) no-repeat right;   
	width:217px; height:189px; 
	float:left;
}
#content_3 .color {
	font-size:11px;
	color:#999999
}
#content_3 .project_width {
	width:280px;
} 
#content_3  .p_content, ul.browsers {
	padding: 0 14px;	
	color:#999a9a;
	font-size:11px;
	line-height:15px;
}
#content_3 ul.browsers {
	margin-left:13px; 
} 
#content_3 #vertical_scroller_container {
	position:relative;
	top:60px; left:360px;  
	width:500px;
}
#content_3 .latest_img_port {
	float:left;
	padding-top:14px;
	width:217px;height:160px;
	text-align:center;
}
#content_4 {
	position:relative; top:55px; 
    width: 950px; 
	height:895px; 
    background: transparent url(../images/template_bg.png) no-repeat left;   
}
#content_4 .template_picture {
	padding-top:20px; 
	text-align:center;
} 
#content_4 .template_buttons ul{ 
	padding:20px 65px 0 65px;	
	list-style-type:none; 
	display:block; 
}
#content_4 .template_buttons a.live_buttom {
	float:right;  
	background: transparent url(../images/liveversion_button.png) no-repeat;
	width:129px;height:26px;  
}
#content_4 .template_buttons a:hover.live_buttom {
	float:right; 
	background: transparent url(../images/liveversion_button_hover.png) no-repeat;
	width:129px;height:26px;  
	}
#content_4 .template_buttons a.download_button {
	float:right; 
	background: transparent url(../images/download_button.png) no-repeat;
	width:129px;height:26px;
	padding-right:10px;
	} 
#content_4 .template_buttons a:hover.download_button {
	float:right; 
	background: transparent url(../images/download_button_hover.png) no-repeat;
	width:129px;height:26px;
	padding-right:10px;
}
a.back_button {
	float:left; 
	background: transparent url(../images/back_button.png) no-repeat;
	width:129px;height:26px;
}
a:hover.back_button {
	float:left; 
	background: transparent url(../images/back_button_hover.png) no-repeat;
	width:129px;height:26px;
}
.template_buttons a:hover, .content_portfolio a:hover {
	color:#c6c6c6;
	text-decoration:underline;
}
.template_buttons  a, .content_portfolio a {
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
ul.porfo_buttons {
	padding-left:10px;
	list-style-type:none;  
} 
a.button_visited {
 	float:right; 
	background: transparent url(../images/button_visited.png) no-repeat;
	width:63px;height:26px;  
}
a:hover.button_visited {
 	float:right; 
	background: transparent url(../images/button_visited_hover.png) no-repeat;
	width:63px;height:26px;
}
/*-- CONTACT --*/
 #contact-wrapper {
	width:435px;
	margin:0 0 0 260px;  
	padding-top:12px;
}
#contact-wrapper ul {
	list-style-type:none;
}
#contact-wrapper label {
	display:block; 
	font-size:14px; 	 
} 
#contact-wrapper li {
	padding-bottom:3px; 
}
form#contactform input {
	border:1px solid #CCCCCC;
	-moz-border-radius:5px; -webkit-border-radius:5px;
	padding:3px; 
	font-size:13px;
	color:#333;
}
form#contactform textarea {
	border:1px solid #CCCCCC;-moz-border-radius:5px; -webkit-border-radius:5px;
	color:#333;  
	padding:3px;	 
	text-decoration:none;
}
input.button {
	background: transparent url(../images/send_message.png) no-repeat;
	width:129px;  
	height:26px;
	cursor:pointer;  
}
 
/*-- FOOTER --*/
#footer {
	width:100%; 
	height:32px;   
	margin-top:45px;
	background-image: url(../images/bg_border_bottom.png);	
	 
}
.copyright {
	text-align:center;
	padding-top:12px;
	color:#c6c6c6;
	font-size:10px;
    width: 950px; 
	height:20px;   
	margin: 0px auto;
}