/**
* css reset
*/
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    }
    body {
    line-height:1;
    }
    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section {
    display:block;
    }
    nav ul {
    list-style:none;
    }
    blockquote, q {
    quotes:none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content:'';
    content:none;
    }
    a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    }
    /* change colours to suit your needs */
    ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
    }
    /* change colours to suit your needs */
    mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
    }
    del {
    text-decoration: line-through;
    }
    abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
    }
    table {
    border-collapse:collapse;
    border-spacing:0;
    }
    /* change border colour to suit your needs */
    hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
    }
    input, select {
    vertical-align:middle;
    }

/**
* main css start
*/
	html, body {
		height: 100%;
		background: #FFFFFF;
	}
	a:active {
		outline: none;
	}
	:focus {
		outline: none;
	}
	input::-moz-focus-inner {
		border: 0; 
	}
	.tab-indent {
		margin-left: 10px;
	}
	
	
	
/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
textarea{ resize: none }
a { text-decoration: none; }
a:visited { text-decoration: none; }
a:link { text-decoration: none; }
a:active { text-decoration: none; }

body {
	background: #f9f9f9;
}
#main_wrapper {
		background: #F9F9F9 url('/img/bg.png') repeat;		
		width: 100%;
		min-height: 100%;
		min-width: 1140px;
}
	#content_wrap {
		margin: 0 auto;
		max-width: 85%;
		min-width: 1100px;
		overflow: hidden;
		padding: 20px 0;
		/*border: 1px solid red;*/
	}
	#head {
		/*background: #888888;
		overflow: hidden;
		width: 100%;*/
	}
		#site-header {
			float: left;
			width: 30%;
			font-size: 50px;
			font-family: 'Comfortaa', cursive;
			font-weight: normal;
			color: #92b83e;
			background: #e8e8e8;
			/*border: 2px solid #999999;
			border-right:none;*/
			border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			-webkit-border-radius: 5px 5px 5px 5px;
			position: relative;
			text-align: center;
			padding: 6px 0 8px 0;
		}
		header a {
			color: #92b83e;
			text-decoration: none;
		}
			#site-header header:after {
				content:"";
				position:absolute;
				right: -30px;
				width: 0;
				height: 0;
				z-index: 0;
				border-top: 25px solid rgba(255,255,255,0); /* the rgba value is used instead of transparent for firefox bug fix*/
				border-left: 35px solid #e8e8e8;
				border-bottom: 25px solid rgba(255,255,255,0);
			}
		#main_nav {
			float: left;
			text-align: right;
			width: 67%;
			/*background: green;*/
			padding: 0px 0 20px 0;
			margin-left: 30px;
		}
			#main_nav ul {
				/*box-shadow: 0px 0px 0px 2px #999999;*/
				border: 2px solid #999999;
				border-left: none;
				border-right: none;
				padding: 18px 0;
				text-align: center;				
			}
			/*#main_nav ul:hover {
				box-shadow: -40px 0px 30px #999999 inset;
			}*/
			#main_nav ul li {
				display: inline;
				padding-top: 21px;
				padding-bottom: 16px;
				margin-right: 10px;
				list-style-type: none;
				font-size: 16px;
				/*background: red;
				height: 100%;		*/
				
			}
			.curr_pg {
				/*border-top: 3px solid #da4837;*/
				border-bottom: 3px solid #da4837;
				border-radius: 5px;
			}
			#main_nav ul li:before, #main_nav ul li:after {
				margin: 6px;
				font-size: 24px;
				color: #333333;
			}
			#main_nav ul li:before {
				content: "[";
				color: #da4837;
				visibility: hidden;
			}
			#main_nav ul li:after {
				content: "]";
				color: #da4837;	
				visibility: hidden;
			}
			#main_nav ul li a {
			position: relative;
				padding: 0 10px;
				text-decoration: none;
				color: #333333;
				font-family: 'Advent Pro', sans-serif;
				/*background: green;*/
				/*padding-bottom: 16px;
				border-bottom: 3px solid #da4837;*/
			}
			#main_nav ul li a:hover {
				/*color: #92b83e;*/
				color: #da4837;
				border-bottom: 1px dashed #da4837;
				/*text-shadow: 0px 0px .5px #da4837;
				box-shadow: 0px 40px 25px 2px #999999;*/
			}
			#main_nav ul li:hover {
				
			}
		#main_body {
			margin-top: 135px;
			color: #333333;
		}
		#page_title {
			font-size: 24px;
			font-family: 'Comfortaa', cursive;
			color: #92b83e;
			text-align: center;
			margin-bottom: 50px;
			padding: 10px;
			/*text-decoration: underline;*/
			/*border: 2px solid #999999;*/
		}
			#intro {
				margin: 0 auto;
				padding: 25px;
				width: 80%;
				font-family: "Lucida Console", Monaco, monospace;	
				font-size: 13px;
				background: #edebeb; /*#FFF3E6;*/
				border: 1px solid #666666;
				border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;					
			}
				#intro p:first-child {
					margin: 0;
				}
				#intro p {
					margin: 15px 0;
					line-height: 22px;				
				}
				#intro p a {
					color:blue;
				}
			#portfolio {
				margin: 0 auto;
				padding: 25px;
				width: 80%;
				background: #edebeb;
				border: 1px solid #666666;
				border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;				
			}
				#portfolio #row {
					overflow: hidden;
					margin-bottom: 50px;
				}
				#portfolio #row:last-child {
					margin-bottom: 0px;
				}
					#portfolio #row img {
						width: 100%;
						height: 150%;
					}
					#portfolio #row .lft, #portfolio #row .rgt {
						overflow: hidden;
						width: 40%;
						height: 200px;
						position: relative;
						border: 4px solid #d9d9d9;
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					}
					#portfolio #row .lft:hover, #portfolio #row .rgt:hover {
						border: 4px solid #92b83e;
						box-shadow: 0px 0px 6px #92b83e inset;
					}
					#portfolio #row .lft {						
						float: left;
						margin-left: 5%;					
					}					
					#portfolio #row .rgt {
						float: right;
						margin-right: 5%;	
					}
					#portfolio #row .abt {
						padding: 10px 10px;
						position: absolute;
						bottom: 0;
						/*height: 100%;*/
						color: #FFFFFF;
						background: #333333;
						line-height: 20px;
						opacity: .7;
						font-size: 13px;
					}
						.abt a {
							color: #92b83e;
							/*padding: 3px;
							background: green;
							color: #fff;*/
							text-decoration: underline;
						}
						.abt a:hover {
							color: #aeff00;
						}
			#contact {
				margin: 0 auto;
				padding: 25px;
				width: 80%;
				background: #edebeb;
				border: 1px solid #666666;
				border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;				
			}
				#contact #page_title {
					margin-bottom: 30px;
					/*width: 165px;*/
				}
				#contact form {
					/*margin-left: 20px;*/
				}
				#contact label {
					color: #333;
					font-size: 14px;
					font-family: 'Advent Pro', sans-serif;
					margin-bottom: 8px;
				}
				#contact input[type=text], #contact textarea {
					border: 1px solid #A4A49D;
					/*width: 95%;*/
					/*height: 15px;*/
					padding: 5px;	
					margin-top: 2px;
					margin-bottom: 10px;
					font-size: 12px;
				}
				#contact input[type=text]:focus, #contact textarea:focus {
					border: 1px solid #92b83e;
					box-shadow: 0px 0px 1px #333333 inset;
				}
				#contact input[type=submit] {
					margin-top: 0px;
					background:#F1F1F1;
					padding: 5px 24px;
					color: #333;
					font-family: 'Advent Pro', sans-serif;
					font-size: 16px;
					border:1px solid #A4A49D;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}
				#contact input[type=submit]:hover {
					border:1px solid #92b83e;
					box-shadow: 0 0 2px #92b83e inset;
					cursor: pointer;
				}
/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
textarea{ resize: none }
a { text-decoration: none; }
a:visited { text-decoration: none; }
a:link { text-decoration: none; }
a:active { text-decoration: none; }

body {
	background: #f9f9f9;
}
#main_wrapper {
		background: #F9F9F9 url('/img/bg.png') repeat;		
		width: 100%;
		
		min-width: 1140px;
}
	#content_wrap {
		margin: 0 auto;
		max-width: 85%;
		min-width: 1100px;
		overflow: hidden;
		padding: 20px 0;
		/*border: 1px solid red;*/
	}
	#head {
		/*background: #888888;
		overflow: hidden;
		width: 100%;*/
	}
		#site-header {
			float: left;
			width: 30%;
			font-size: 50px;
			font-family: 'Comfortaa', cursive;
			font-weight: normal;
			color: #92b83e;
			background: #e8e8e8;
			/*border: 2px solid #999999;
			border-right:none;*/
			border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			-webkit-border-radius: 5px 5px 5px 5px;
			position: relative;
			text-align: center;
			padding: 6px 0 8px 0;
		}
		header a {
			color: #92b83e;
			text-decoration: none;
		}
			#site-header header:after {
				content:"";
				position:absolute;
				right: -30px;
				width: 0;
				height: 0;
				z-index: 0;
				border-top: 25px solid rgba(255,255,255,0); /* the rgba value is used instead of transparent for firefox bug fix*/
				border-left: 35px solid #e8e8e8;
				border-bottom: 25px solid rgba(255,255,255,0);
			}
		#main_nav {
			float: left;
			text-align: right;
			width: 67%;
			/*background: green;*/
			padding: 0px 0 20px 0;
			margin-left: 30px;
		}
			#main_nav ul {
				/*box-shadow: 0px 0px 0px 2px #999999;*/
				border: 2px solid #999999;
				border-left: none;
				border-right: none;
				padding: 18px 0;
				text-align: center;				
			}
			/*#main_nav ul:hover {
				box-shadow: -40px 0px 30px #999999 inset;
			}*/
			#main_nav ul li {
				display: inline;
				padding-top: 21px;
				padding-bottom: 16px;
				margin-right: 10px;
				list-style-type: none;
				font-size: 16px;
				/*background: red;
				height: 100%;		*/
				
			}
			.curr_pg {
				/*border-top: 3px solid #da4837;*/
				border-bottom: 3px solid #da4837;
				border-radius: 5px;
			}
			#main_nav ul li:before, #main_nav ul li:after {
				margin: 6px;
				font-size: 24px;
				color: #333333;
			}
			#main_nav ul li:before {
				content: "[";
				color: #da4837;
				visibility: hidden;
			}
			#main_nav ul li:after {
				content: "]";
				color: #da4837;	
				visibility: hidden;
			}
			#main_nav ul li a {
			position: relative;
				padding: 0 10px;
				text-decoration: none;
				color: #333333;
				font-family: 'Advent Pro', sans-serif;
				/*background: green;*/
				/*padding-bottom: 16px;
				border-bottom: 3px solid #da4837;*/
			}
			#main_nav ul li a:hover {
				/*color: #92b83e;*/
				color: #da4837;
				border-bottom: 1px dashed #da4837;
				/*text-shadow: 0px 0px .5px #da4837;
				box-shadow: 0px 40px 25px 2px #999999;*/
			}
			#main_nav ul li:hover {
				
			}
		#main_body {
			margin-top: 135px;
			color: #333333;
		}
		#page_title {
			font-size: 24px;
			font-family: 'Comfortaa', cursive;
			color: #92b83e;
			text-align: center;
			margin-bottom: 50px;
			padding: 10px;
			/*text-decoration: underline;*/
			/*border: 2px solid #999999;*/
		}
			#intro {
				margin: 0 auto;
				padding: 25px;
				width: 80%;
				font-family: "Lucida Console", Monaco, monospace;	
				font-size: 13px;
				background: #edebeb; /*#FFF3E6;*/
				border: 1px solid #666666;
				border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;					
			}
				#intro p:first-child {
					margin: 0;
				}
				#intro p {
					margin: 15px 0;
					line-height: 22px;				
				}
				#intro p a {
					color:blue;
				}
			#portfolio {
				margin: 0 auto;
				padding: 25px;
				width: 80%;
				background: #edebeb;
				border: 1px solid #666666;
				border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;				
			}
				#portfolio #row {
					overflow: hidden;
					margin-bottom: 50px;
				}
				#portfolio #row:last-child {
					margin-bottom: 0px;
				}
					#portfolio #row img {
						width: 100%;
						height: 150%;
					}
					#portfolio #row .lft, #portfolio #row .rgt {
						overflow: hidden;
						width: 40%;
						height: 200px;
						position: relative;
						border: 4px solid #d9d9d9;
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					}
					#portfolio #row .lft:hover, #portfolio #row .rgt:hover {
						border: 4px solid #92b83e;
						box-shadow: 0px 0px 6px #92b83e inset;
					}
					#portfolio #row .lft {						
						float: left;
						margin-left: 5%;					
					}					
					#portfolio #row .rgt {
						float: right;
						margin-right: 5%;	
					}
					#portfolio #row .abt {
						padding: 10px 10px;
						position: absolute;
						bottom: 0;
						/*height: 100%;*/
						color: #FFFFFF;
						background: #333333;
						line-height: 20px;
						opacity: .7;
						font-size: 13px;
					}
						.abt a {
							color: #92b83e;
							/*padding: 3px;
							background: green;
							color: #fff;*/
							text-decoration: underline;
						}
						.abt a:hover {
							color: #aeff00;
						}
			#contact {
				margin: 0 auto;
				padding: 25px;
				width: 80%;
				background: #edebeb;
				border: 1px solid #666666;
				border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;				
			}
				#contact #page_title {
					margin-bottom: 30px;
					/*width: 165px;*/
				}
				#contact form {
					/*margin-left: 20px;*/
				}
				#contact label {
					color: #333;
					font-size: 14px;
					font-family: 'Advent Pro', sans-serif;
					margin-bottom: 8px;
				}
				#contact input[type=text], #contact textarea {
					border: 1px solid #A4A49D;
					/*width: 95%;*/
					/*height: 15px;*/
					padding: 5px;	
					margin-top: 2px;
					margin-bottom: 10px;
					font-size: 12px;
				}
				#contact input[type=text]:focus, #contact textarea:focus {
					border: 1px solid #92b83e;
					box-shadow: 0px 0px 1px #333333 inset;
				}
				#contact input[type=submit] {
					margin-top: 0px;
					background:#F1F1F1;
					padding: 5px 24px;
					color: #333;
					font-family: 'Advent Pro', sans-serif;
					font-size: 16px;
					border:1px solid #A4A49D;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}
				#contact input[type=submit]:hover {
					border:1px solid #92b83e;
					box-shadow: 0 0 2px #92b83e inset;
					cursor: pointer;
				}