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

* {
	margin: 0;
	padding: 0;
	border:none;
}

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg.jpg);
}

pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:674px;
}

img{
	border:0;
	margin:0;
	padding:0;
}

#wrapper{
	width:1000px;
	margin:0 auto;
}

/*-----------------------------HEADER-----------------------------*/
#header{
	/*<!--background:url(../images/header.jpg) repeat-x;-->*/
	width:1000px;
	height:270px;
}
#logo{
	width:446px;
	height:270px;
	padding:0 0 0 83px;
	float:left;
}

#menuContainer{
	width:470px;
	height:74px;
	background:url(../images/menu_bg.jpg) no-repeat;
	float:left;
	z-index:-1;
}

#menu{
	list-style:none;
	padding:0;
	margin:0;
}

#menu li{
	display:inline;
}

#menuContainer #about a{
	float:left;
	width:121px;
	height:40px;
	margin-right:21px;
	margin-left:43px;
	background:url(../images/about.jpg) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
#menuContainer #about a:hover{
	background:url(../images/about_hover.jpg) no-repeat;
}

#menuContainer #portfolio a{
	float:left;
	width:121px;
	height:40px;
	margin-right:21px;
	background: url(../images/portfolio.jpg) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
#menuContainer #portfolio a:hover{
	background: url(../images/portfolio_hover.jpg) no-repeat;
}

#menuContainer #contact a{
	float:left;
	width:121px;
	height:40px;
	background: url(../images/contact.jpg) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

#menuContainer #contact a:hover{
	background: url(../images/contact_hover.jpg) no-repeat;
}
#saying{
	width:390px;
	float:left;
	padding-left:80px;
	padding-top:20px;
}

#saying p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#273a3e;
	margin:0;
}
#saying p span{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:15px;
	color:#273a3e;
	margin:0;
	padding-left:250px;
}

/*-----------------------------MAIN CONTENT-----------------------------*/

#mainContainer{
	width:633px;
	float:left;
	margin-bottom:40px;
}

#mainContainer h1{
	font-size:48px;
	color:#accbc6;
	padding:41px 0 0 0;
	margin:0;
}
#mainContainer h2{
	font-family:"Times New Roman", Times, serif;
	color:#dcd1bb;
	font-size:26px;
	font-weight:400;
	padding-top:13px;
	padding-left:54px;
	padding-bottom:51px;
	border-bottom:1px dashed #e9dcc4;
}
#mainContainer p{
	color:#dcd1bb;
	font-size:1em;
	line-height:2em;
	padding-top:20px;
	padding-bottom:30px;
	margin-bottom:10px;
	border-bottom:1px dashed #4b6469;
}

#mainContainer p a, #mainContainerIndex a{
	text-decoration:none;
	color:#accbc6;
}
#mainContainer p a:hover, #mainContainerIndex a:hover{
	text-decoration:underline;
}

#mainContainer .portfolio{
	margin:0;
	padding:20px 0 20px 0;
}

.imgGal{
	width:600px;
	margin:0 auto;
	margin-top:40px;
}

/*-----------------------------SIDE BAR-----------------------------*/
#sideBar{
	width:308px;
	float:left;
	margin-left:59px;
	padding-bottom:20px;
}

#sideBar #title0{
	margin-top:42px;
	margin-bottom:20px;
}

#sideBar #title1{
	margin-top:42px;
}

#sideBar #currentProj_01{
	float:left;
	margin-bottom:60px;
	margin-right:7px;
	color:#accbc6;
	font-weight:bold;
}

#sideBar #currentProj_02{
	float:left;
	margin-bottom:30px;	
	color:#accbc6;
	font-weight:bold;
}

#sideBar #currentProj{
	color:#b6a382;
	font-size:.9em;
	padding:0 10px 20px 10px;
}

#sideBar #title2{
	margin-top:25px;
}
#sideBar #title3{
	margin-top:35px;
	color:white;
	font-weight:bold;
	font-size:.8em;
	text-align:center;
	color:#accbc6;
}

#sideBar #softwares p{
	color:white;
	font-size:.8em;
	color:#accbc6;
	padding-left:5px;
	line-height:2em;
}

#sideBar #twitter{
	float:left;
}
#sideBar #facebook{
	float:left;
}
#sideBar ul{
	list-style:square;
	padding-left:70px;
}
#sideBar li{
	color:#accbc6;
	padding-left:10px;
	margin-bottom:5px;
	font-weight:bold;
}

/*-----------------------------FOOTER-----------------------------*/

#footerWrapper{
	width:1000px;
	margin:0 auto;
}

#footer a{
	color:#900;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer{
	height:270px;
	background:url(../images/footer.jpg) repeat-x;
	clear:both;
	margin-top:10px;
}
#footer #menuFooter{
	width:550px;
	height:170px;
	padding:58px 0 0 0;
	float:left;
}
#footer #menuFooter ul{
	list-style:none;
	width:140px;
	height:150px;
	margin:0;
	padding:0;
}
#aboutFooter a{
	float:left;
	width:138px;
	height:45px;
	background:url(../images/footerAboutme.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#aboutFooter a:hover{
	background:url(../images/footerAboutmeH.jpg) no-repeat;
}
#portfolioFooter a{
	float:left;
	width:138px;
	height:45px;
	background:url(../images/footerPortfolio.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#portfolioFooter a:hover{
	background:url(../images/footerPortfolioH.jpg) no-repeat;
}
#contactFooter a{
	float:left;
	width:138px;
	height:45px;
	background:url(../images/footerContact.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#contactFooter a:hover{
	background:url(../images/footerContactH.jpg) no-repeat;
}
#legal{
	float:left;
	color:#273a3e;
	padding-top:66px;
	margin-left:188px;
}

/*-----------------------------FORM-----------------------------*/

form {
	padding:0;
	border:0;
	margin-top:20px;
	width: 632px;
	color:#b1d0cb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
}

input {
	width: 627px;
	height: 30px;
	border: none;
	color:#2b4145;
	background: #b1d0cb;
	margin: 6px 0 4px 0;
	font-size: 1.1em;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

input:active{
	background: #d1eae6;
}

input:hover{
	background:#d1eae6;
}

textarea {
	width: 612px;
	height: 185px;
	border: none;
	color:#2b4145;
	background: #b1d0cb;
	margin: 6px 0 0 0;
	font-size: 1.1em;
	padding:10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
}

textarea:active{
	background: #d1eae6;
}

textarea:hover{
	background:#d1eae6;
}

input#submit{
	width:121px;
	height:31px;
	float:right;
	margin-top:20px;
	padding:0;
	clear:both;
}

/*-----------------------------OTHERS-----------------------------*/

.labels{
	margin-top:20px;
}

label.error {
	float: right;
	color:white;
	font-size:.6em;
	background:#C00;
	padding:2px 2px;
}

#mainContainer .linked{
	color:#dcd1bb;
	border:none;
	padding-bottom:10px;
}

#mainContainer .linked a{
	color:#abc9c4;
}



/*----------------------------EASY SLIDER-----------------------------*/

/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

/* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:310px;
		background:#fff;		
		margin-bottom:2em;
		}
		
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{
		background:#adccc6;
		margin:0 auto;
		/*padding:7px 0 7px 0;*/
		border:6px solid #adccc6;
	}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0px;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:296px;
		height:105px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:290px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
	}