/*
8888888 888b    888 8888888 88888888888 
  888   8888b   888   888       888     
  888   88888b  888   888       888     
  888   888Y88b 888   888       888     
  888   888 Y88b888   888       888     
  888   888  Y88888   888       888     
  888   888   Y8888   888       888     
8888888 888    Y888 8888888     888     
*/

a, a:visited, a:hover{
	text-decoration:none;
}
.menu-sub-section{
	display:none;
}
.full-size-image-url{
	display:none;
}

/*
 .d8888b. 88888888888 8888888b.  888     888  .d8888b. 88888888888 888     888 88888888888 8888888b.  8888888888 
d88P  Y88b    888     888   Y88b 888     888 d88P  Y88b    888     888     888     888     888   Y88b 888        
Y88b.         888     888    888 888     888 888    888    888     888     888     888     888    888 888        
 "Y888b.      888     888   d88P 888     888 888           888     888     888     888     888   d88P 8888888    
    "Y88b.    888     8888888P"  888     888 888           888     888     888     888     8888888P"  888        
      "888    888     888 T88b   888     888 888    888    888     888     888     888     888 T88b   888        
Y88b  d88P    888     888  T88b  Y88b. .d88P Y88b  d88P    888     Y88b. .d88P     888     888  T88b  888        
 "Y8888P"     888     888   T88b  "Y88888P"   "Y8888P"     888      "Y88888P"      888     888   T88b 8888888888 
*/

body{
	text-align:center;
}
#main-container{
	width:890px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:5px;
	position:relative;
}
.link{
	float:left;
}
.content-container{
	width:600px;
	padding-top:10px;
	border-top:4px solid #000000;
	float:left;
	margin-left:70px;
}
.header b{
	display:none;
}
.header{
	float:left;
}
.header a{
	width:600px;
	height:52px;
	float:left;
}
.menu-item-section{
	width: 186px;
	float:left;
	border-top:3px solid #000000;
	position:relative;
}
.menu-item-section.last{
	border-bottom:3px solid #000000;
}
.menu{
	width:190px;
}
.menu-item-section a b{display:none; }

.menu-item-section a{
	width:100%;
	height:57px;
	float:left;
}
.menu-item-section a.open{
	border-bottom:3px solid #000000;
}
.menu-sub-section a{
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top: 14px;
	padding-bottom: 14px;
	height:auto;
	text-align:center;
	float:left;
}
.menu-sub-section a{
	border-bottom: 2px solid #000000;
}
.menu-sub-section a.last{
	border-bottom: none;
}
.menu-item-section#work a{background-position:80% -20%}
.menu-item-section#about a{ background-position:80% 26%}
.menu-item-section#blog a{background-position:80% 72%}
.menu-item-section#contact a{background-position:80% 115% }
.menu-item-section#work a:hover {background-position:-13.5% -20%}
.menu-item-section#about a:hover { background-position:-13.5% 26%}
.menu-item-section#blog a:hover {background-position:-13.5% 72%}
.menu-item-section#contact a:hover {background-position:-13.5% 115% }
.menu-item-section#work.selected {background-position:-13.5% -20%}
.menu-item-section#about.selected { background-position:-13.5% 26%}
.menu-item-section#blog.selected {background-position:-13.5% 72%}
.menu-item-section#contact.selected {background-position:-13.5% 115% }

.menu-sub-section a{
	position:relative;
	float:left;
}

.header a:hover{
	background-position: 0% 80%;
}
.item-full{
	width:100%;
	float:left;
	margin-top:54px;
	padding-bottom:30px;
	border-bottom:3px solid #000000;	
}
.item-list{
	float:left;
	width:100%;
	margin-top:54px;
}
.item{
	width:100%;
	height:68px;
	border-top:3px solid #000000;
	overflow:hidden;
}
.item-status{
	width:54px;
	height:54px;

}
.hidden{
	float:left;
	width:100%;
}
.image-viewer{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}
.description{
/*	width:265px;
	float:left;*/
}
.description p{
	margin-bottom: 20px;
}
.more-info{
	float:right;
	width:314px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-top: 5px;
	border-top: 5px solid #EEEBA7;
	border-bottom: 5px solid #EEEBA7;
}
.status{
	margin-top: 22px;
	margin-left:6px;
	margin-right:10px;
	margin-bottom:10px;
	width: 26px;
	height: 21px;
	float:left;
}
.last{
	border-bottom:3px solid #000000;
	margin-bottom: 10px;
}
.gallery{
	float:right;
	margin-top:5px;
}
.gallery li{
	float:left;
	position:relative;
	margin-left:6px;
}
.hidden{
	margin-left:5px;
	padding-top:20px;
}
.contact-form{
	margin-top:54px;
	width: 425px;		
	float:left;
}
.contact-form textarea{
	float:left;
	width: 100%;
	height:148px;
	margin-left:11pt;
}
.contact-form input{
	float:left;
	width: 100%;	
	margin-left:11pt;
}
.contact-form div{
	margin-right:30px;
	width:175px;
	float:left;
}
.contact-form div input{
	margin-left:11pt;
	width:185px;
}
.code-sample{
	background: #EEDDD3;
	width: 100%;
	margin-bottom: 20px;
	float:left;
	border: 1px solid #EEEBA7;
}
.code-sample p{
	padding: 20px 20px 0px 20px;	
}
.comment-container{
	float:right;
	text-align:left;
	width: 500px;
	position:relative;
	border-top: 3px solid #1A1818;
}
.comment-container p{
	margin-bottom: 5px;
	position: relative;
}
/*
 .d8888b.   .d88888b.  888      .d88888b.  8888888b.   .d8888b.            d8888 888b    888 8888888b.     888888b.    .d8888b.   .d8888b.  
d88P  Y88b d88P" "Y88b 888     d88P" "Y88b 888   Y88b d88P  Y88b          d88888 8888b   888 888  "Y88b    888  "88b  d88P  Y88b d88P  Y88b 
888    888 888     888 888     888     888 888    888 Y88b.              d88P888 88888b  888 888    888    888  .88P  888    888 Y88b.      
888        888     888 888     888     888 888   d88P  "Y888b.          d88P 888 888Y88b 888 888    888    8888888K.  888         "Y888b.   
888        888     888 888     888     888 8888888P"      "Y88b.       d88P  888 888 Y88b888 888    888    888  "Y88b 888  88888     "Y88b. 
888    888 888     888 888     888     888 888 T88b         "888      d88P   888 888  Y88888 888    888    888    888 888    888       "888 
Y88b  d88P Y88b. .d88P 888     Y88b. .d88P 888  T88b  Y88b  d88P     d8888888888 888   Y8888 888  .d88P    888   d88P Y88b  d88P Y88b  d88P 
 "Y8888P"   "Y88888P"  88888888 "Y88888P"  888   T88b  "Y8888P"     d88P     888 888    Y888 8888888P"     8888888P"   "Y8888P88  "Y8888P"  
*/

.menu-item-section a{
	background: #ffffff url('../images/main-menu.jpg') no-repeat;
}
.menu-sub-section a{
	background: none;
}
.header a{
	background: url('../images/main-title.jpg') top left no-repeat;
}
.short-description{
	
}
.status{
	background: url('../images/markers.png') no-repeat;
	background-position: 0px 0px;
}
.status:hover, .status.selected{
	background: url('../images/markers.png') no-repeat;
	background-position: 0px -26px;
}
input, textarea{
	border: 1px solid #EEDDD3;
}


/*
8888888888 .d88888b.  888b    888 88888888888 .d8888b.  
888       d88P" "Y88b 8888b   888     888    d88P  Y88b 
888       888     888 88888b  888     888    Y88b.      
8888888   888     888 888Y88b 888     888     "Y888b.   
888       888     888 888 Y88b888     888        "Y88b. 
888       888     888 888  Y88888     888          "888 
888       Y88b. .d88P 888   Y8888     888    Y88b  d88P 
888        "Y88888P"  888    Y888     888     "Y8888P"
*/
.contact-submit{
	margin-left:12px;
	margin-top: 18px;
	padding: 12px 15px 12px 15px;
	border: 2px solid #796256;
	background-color: #EEDDD3;
	float:left;
	font-size: 14pt;
	color: #EB6529; 
}
.contact-form h2{
	font-family: "Franklin Gothic Medium", Sans-Serif;
	font-size:28pt;
	color: #323133;
}
.contact-form input, .contact-form textarea{
	font-family: "Franklin Gothic Book";
	font-size:12pt;
	color: #323133;
} 
.contact-form form{
	margin-left:5px;
	float:left;
}

.contact-form h3{
	float:left;
	margin-bottom:6px;
	margin-top:15px;
	color:#EB481B;
	font-size:12pt;
	font-family: Georgia;
}
.name a{
	color: #EB6529;
}
.name a:hover{
	color: #1A1818;
}
.name{
	margin-top:15px;
	margin-bottom:-2px;
	font-size: 28px;
	font-family: "Franklin Gothic Medium", Sans-Serif;
}
.item-full .name{
	margin-top:0px;
	color: #323133;
}
.item-full .short-description{
	font-size:11pt;
	margin-top:0px;
	color: #EB6529;
}
.short-description{
	font-family: Georgia;
	font-size:12px;
	color: #323133;
}
.more-info a,
.short-description a{
	font-family: Georgia, serif;
	font-size:11pt;
	color: #EB481B;
}
.more-info a,
.short-description a:hover{
	text-decoration: underline;
}
.description{
	font-family: Georgia;
	font-size:11pt;
	line-height:14pt;
}
.description a{
	font-family: Georgia;
	font-size:11pt;
	line-height:14pt;
	color: #EB481B;
}
.description a:hover{
	text-decoration: underline;
}
.description h3{
	font-family: Arial,Helvetica,Garuda,sans-serif;
	font-size:14pt;
	font-weight: bold;
	margin-bottom: 20px;
	color: #EB6529;	
}
.more-info h3{
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:12pt;
	font-family: "Franklin Gothic Medium", Sans-Serif;
}
.more-info strong{
	font-family: "Franklin Gothic Medium", Sans-Serif;
	margin-left:20px;
	font-weight:bold;
	margin-right:5px;
}
.more-info li{
	padding-left:20px;
	margin-top:10px;
	margin-bottom:5px;
} 
.more-info p{
	font-family: Georgia;
	font-size:11pt;
	line-height:12pt;
	color:#1A1818;
}
.menu-sub-section a{
	font-family: Georgia;
	font-size:11pt;
	color: #796256;
	margin-bottom: 20px;
}
.code-sample p{
	font-family: Arial,Helvetica,Garuda,sans-serif;
	font-size:11pt;
	color: #323133;	
}
.comment-container h3{
	color: #464749;
	margin-bottom:10px;
	font-weight:bold;
	font-size:28pt;
	font-family: "Franklin Gothic Medium", Sans-Serif;
}
.commentlist li{
	margin-bottom: 20px;
}
.comment-container .comment-meta{
	font-family: Georgia;
	font-size:11pt;
	color: #EB6529;
}
.comment-container .comment-body{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11pt;
	color: #818386;
}
.comment-container textarea{
	width: 500px;
}
.comment-container p{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11pt;
	color: #EB6529;
}