@charset "utf-8";
/* CSS Document */
html { overflow: -moz-scrollbars-vertical; }
html,body{
	height:100%
}

body { 
	position:relative;	
	margin: auto;
	text-align: -moz-center;
	*text-align:center;	
	
	display:block;
	line-height:22px;
	font-size:12px;
	font-family:"Arial";
	background-color:#FFFFFF;
	display:block;
	/*background-image:url(images/background_1.jpg);*/
	background-position:center;
	background-repeat:repeat-y;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
}
.footerCopy{
	font-size:11px;
}
#Container{
	width:939px;
	margin: auto;
	background-color:#FFFFFF;
	padding:12px 28px 0px 28px;
	text-align:left;	
	display:block;
	height:100%;	
}
#topmenu{padding:0px; margin:0px; display:inline-block;}
#logo{padding:0px 66px 0px 0px; margin:0px; width:303px; float:left;}
#home{ width:115px;float:left;}
#about{width:115px;float:left;}
#what{width:115px;float:left;}
#portfolio{width:115px;float:left;}
#contact{width:110px;float:left;}
#mainContent{ background-image:url(images/bg.jpg); background-repeat:no-repeat; background-position:top left; }
#ContentmainContent{ background-image:url(images/bg2.jpg); background-repeat:no-repeat; background-position:top left;  }
.css-typing2
{
    width: 30em;
    white-space:nowrap;
    overflow:hidden;
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
}
.css-typing
{
    width: 30em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
}

@keyframes type{
    from { width: 0; }
}

@-webkit-keyframes type{
    from { width: 0; }
}
.highlight{
	color: #71bf44;
}
#indexFlash{ 
font-family: 'Lato', sans-serif;
font-size: 36px;
line-height: 48px;
color: #939598;
padding:202px 0px 164px 355px;/*ff*/
padding:202px 0px 164px 355px;\9; /*ie*/
[;padding:202px 0px 171px 355px;] /*chrome,safari*/
＊padding:202px 0px 171px 355px; /*ie7*/
_padding:202px 0px 171px 355px; /*ie6*/}
#aboutLeft{padding:0px; margin:0px; float:left;height:468px; *height:462px; width:484px;}
#aboutRight{padding:35px 0px 0px 0px; margin:0px; height:433px; }
#contactRight{padding:35px 0px 0px 0px; margin:0px; height:433px; display:inline-block; }
#porfolioContent{padding:35px 0px 0px 0px; margin:0px; height:433px; background-image:url(images/porfolio_bg.jpg);}
#porfoliaBox{ border:1px solid #d8d8d8; width:380px; height:314px;
margin:12px 0px 0px 63px;/*ff*/
margin:12px 0px 0px 63px\9; /*ie*/
[;margin:12px 0px 0px 63px;] /*chrome,safari*/
＊margin:12px 0px 0px 63px; /*ie7*/
_margin:0px 0px 0px 31px; /*ie6*/
float:left; background-color:#FFFFFF;}
.portfolioList{ width:478px;padding:0px 0px ;float:left;}
.portfolioList li{ list-style-type:none;float:left;
padding:0px 10px 5px 0px;/*ff*/
padding:0px 10px 11px 0px\9; /*ie*/
[;padding:0px 10px 11px 0px;] /*chrome,safari*/
＊padding:0px 10px 11px 0px; /*ie7*/
_padding:0px 10px 11px 0px; /*ie6*/
}

img{ border:0px;}
#porfolioNum{ font-size:11px;padding:0px 0px 0px 45px; *padding:0px 10px 0px 42px; float:left; width:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#porfolioNumList{  padding:0px 0px 0px 35px;*padding:0px 0px 0px 0px;margin:0px 0px 0px 45px;width:210px;}
#porfolioNumList ul{ padding:0px; margin:0px; }
#porfolioNumList li{float:left; width:15px; list-style:none;padding:0px 5px 0px 0px; margin:0px; background-image:url(images/numStroke.jpg); background-repeat:no-repeat; background-position: top left;}
#porfolioNumList a{color:#00ccff; text-decoration:none;}
#portfolioList img{border:0px;} 
#footer{float:left;padding:0px;}
.porfoliotitle{color:#72bf44;padding:0px 0px 0px 487px;
	font-weight:bold;
	font-size:18px;
	height:14px;}
.tableContent{
	font-size:12px;
	text-align:justify;
	line-height:16px;
	padding:0px 40px 5px 0px;
	}
.title{
	color:#72bf44;
	font-weight:bold;
	font-size:18px;
	height:14px;
	}
.smalltitle{
	color:#000000;
	font-weight:bold;
	font-size:12px;
	}
#what2 {
	margin:0px 0px 0px 2px;
	line-height:16px; width:250px;float:left;
	}
	
#what2  ul {
	list-style-type:none;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 10px;
}

#what2  li {
		padding:0px 0px 0px 15px;
margin:0px 0px 0px 2px;
	background-image:url(images/bullet.gif);
	background-position:left ;
	background-repeat:no-repeat;

}
#what2  a{
	list-style-type:none;
	color:#72bf44;

	line-height:20px;

	}
#icons{ text-align:right; float:right; padding-top:5px;}
.fb{width:47px; float:left;}
.goo{ width:60px; float:left; margin-right:2px;}
.goo2{ width:30px; float:left; margin-right:6px;}
.twitter{width:80px;float:left; }
#more{color:#cccccc; font-size:10px;
padding:0px 0px 0px 490px;/*ff*/
padding:0px 0px 0px 490px\9; /*ie*/
[;padding:0px 0px 0px 490px;] /*chrome,safari*/
＊padding:0px 0px 0px 50px; /*ie7*/
_padding:0px 0px 0px 490px; /*ie6*/}
#more a{ color:#666666; font-size:10px; text-decoration:none;}
#more a:hover{ color:#72BF44;}
.pp_pic_holder pp_default{ background-color:#FFFFFF;}
#icons2{width:300px;height:2px;}
#e_form{ background-color:#FFFFFF; padding:25px;}
#cap{padding-left:87px;/*ff*/
padding-left:87px\9; /*ie*/
[;padding-left:81px;] /*chrome,safari*/
＊padding-left:87px; /*ie7*/
_padding-left:87px; /*ie6*/}
#imgCaptcha{margin-bottom:5px;padding-left:5px 0px 0px 0px;/*ff*/
padding-left:0px\9; /*ie*/
[;padding-left:2px;] /*chrome,safari*/
＊padding-left:0px; /*ie7*/
_padding-left:0px; /*ie6*/}
#submit_button{ padding:5px 0px 0px 87px; /*ff*/
padding:5px 0px 0px 87px\9; /*ie*/
[;padding:5px 0px 0px 81px;] /*chrome,safari*/
＊padding:5px 0px 0px 87px; /*ie7*/
_padding:5px 0px 0px 87px; /*ie6*/}