body{
	margin:0;
	padding:0;
	background:url(../img/body_bg.png) repeat-x;
	font-family:arial,Sylfaen, Tahoma, "Times New Roman"; /* For opera: Sylfaen, Arial Unicode MS; */
	font-size:10px;
}

a{text-decoration:none; color:#6d8524;}

img{border:0;}
.clear{clear:both;}

.MainReachad{
	width:1000px;
	height:700px;
}

.headerWithoutLine{
	width:auto;
	height:53px;
	background:url(../img/header_bg.png) no-repeat right -20px;
}

.header{
	width:auto;
	height:98px;
	background:url(../img/header_bg.png) no-repeat right -20px;
}

.headerportfolio{
	width:auto;
	height:85px;
	background:url(../img/header_bg.png) no-repeat right -20px;
}
				
.content{
	font-size:10px;
	font-family:arial,Sylfaen, Tahoma, "Times New Roman"; /* For opera: Sylfaen, Arial Unicode MS; */
	color:#606060;
}

.leftSidebar{
	width:746px;
	float:left;
	text-align:justify;
}

.FirstPage{
	float:left;
	width:476px;
}

.FirstPageNav{
	float:right;
	margin:15px 0 0 0;
}

.rightSidebar{
	float:right;
	background:url(../img/leftsidebar_top.gif) no-repeat top right;
	width:237px;
	margin:-2px 0 0 0;
}

.fphb{
	margin:15px 0 0 0;
}

.fphb_order{
	margin:30px 0 0 6px;
}


.footer{
	border-top:1px solid #fff;
	height:185px;
	background:url(../img/footer_bg.png) no-repeat right;
	margin:0;
}

.socialNET{
	float:left;
	margin:110px 108px 108px 153px;
}

.LastNewsA{
	text-decoration:none;
	color:#606060;
	display:block;
}

.LastNewsP{
	border-bottom:1px dotted #8f8f8f;
	padding:0 0 3px 0;
	margin:7px 0 0 0;
}

.banners{
	margin:10px 15px 0 0;
}

.copyright{
	margin:110px 0 0 0;
	float:right;
	color:#606060;
}

.logo{
	margin:5px 0 0 0;
	float:left;
}
/*----------MENU----------*/


#nav { 
	display: block; 
	float:left;
	padding:0;
	margin:46px 0 0 33px;
	position: relative;
}

#nav li {
	display: block; 
	list-style: none;
	margin: 0;
	padding: 0; 
	float: left;
	position: relative; 
}

#nav ul { 
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { 
	width: 130px;
}
#nav ul ul { left: 131px;}

/* Everything else is theming */

#nav *:hover { background-color: none;}

#nav a { 
	padding:10px;
	text-decoration:none;
	text-shadow:1px 1px #fff;
	color:#6b8322;
	display:block;
	font-size:10px;
	font-weight:bold;
	line-height: 1;
	-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#nav li .active { 
	padding:10px;
	text-decoration:none;
	color:#fff;
	text-shadow:1px 1px #000;
	background:url(../img/menu_bg.gif);
	display:block;
	font-size:10px;
	font-weight:bold;
	line-height: 1;
	-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#nav li.hover a {
	color:#f2f2f2;
	text-shadow:1px 1px #000;
	background:url(../img/menu_bg.gif);
}

#nav ul { 
	top:30px; 
}

#nav ul li a { 
	height:12px;
}

#nav ul a.hover { color:#fff; background:url(../img/menu_bg_hover.gif); opacity: 10; filter: alpha(opacity=95); }
#nav ul a {border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

.CategoryStyle{
	font-size:16px;
	font-weight:bold;
	text-shadow:1px 1px #fff;
	margin:0 0 35px 0;
	float:left;
}

.CategoryStyle a{
	text-decoration:none;
	color:#6d8524;
}

.CategoryStyle a:hover{
	text-decoration:none;
	color:#4a4a4a;
}


.top .uptop {
	float:right;
	width:30px;
	height:30px;
	background:url(../img/top.png) no-repeat 0 0; /*-20px*/
}

.top .uptop:hover {
	background:url(../img/top_hover.png) no-repeat 0 0;
}
.PortfolioMenu{
	list-style:none;
	font-size:16px;
	font-weight:bold;
	text-shadow:1px 1px #fff;
	margin:0;
	padding:0;
}

.PortfolioMenu li{
	margin:0 30px 25px 0;
	float:left;
}

.PortfolioMenu li a{
	text-decoration:none;
	color:#6d8524;
}

.PortfolioMenu li a:hover{
	text-decoration:none;
	color:#4a4a4a;
}

.boxgrid{ 
	width: 261px; 
	height: 118px; 
	margin:0 35px 35px 35px; 
	float:left; 
	background:#fff; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

.workNavigation{
	float:right;
	margin:0 5px 15px 5px;
	cursor:pointer;
}

.workNavigation a{
	width:95px;
	height:11px;
	display:block;
	text-align:center;
	padding:9px 0;
	color:#f6ffd2;
	text-shadow:1px 1px #6c8423;
	background:url(../img/work_nav_bg.png) no-repeat;
	text-decoration:none;
	cursor:pointer;
}

.workNavigation a:hover{
	color:#fff;
	text-shadow:1px 1px #292929;
	background:url(../img/work_nav_bg_hover.png) no-repeat;
}

.hosting_bg{
	float:left;
	width:181px;
	height:297px;
	display:block;
	cursor:pointer;
	text-align:center;
	margin:0 0 0 55px;
}

.hosting_bg:hover{
	background:url(../img/hosting_bg.png) no-repeat;
}

#order_hosting{
	background:url(../img/body_bg.png) repeat-x;
	padding:0 15px;
}

.text{
	width:203px;
	height:32px;
	background:url(../img/input.png) no-repeat;
	border:0;
	font-size:10px;
	margin:2px 0;
	padding:0 15px;
	color:#606060;
	text-shadow:1px 1px #fff;
}

.td1{
	width:262px;
}

.textarea{
	width:213px;
	height:130px;
	background:url(../img/textarea.png) no-repeat;
	padding:10px;
	overflow:auto;
	text-shadow:1px 1px #fff;
	color:#1d1d1d;
	outline:none;
}

.contact_textarea{
	border:0;
	width:213px;
	height:130px;
	background:url(../img/textarea.png) no-repeat;
	padding:10px;
	text-shadow:1px 1px #fff;
	color:#606060;
	font-size:10px;
	font-family:arial,Sylfaen, Tahoma, "Times New Roman"; /* For opera: Sylfaen, Arial Unicode MS; */
	outline:none;
}

.button{
	border:0;
	width:97px;
	height:30px;
	background:url(../img/send.png) no-repeat;
	color:#d5f478;
	text-shadow:1px 1px #4b6400;
	text-align:center;
	font-size:10px;
	margin:10px 0 0 140px;
	cursor:pointer;
	outline:none;
}

.Emprtportfolio{
	border:1px dotted #bebebe;
	height:12px;
	color:#6D8524;
	padding:19px;
	margin:0 0 15px 0;
}

.infoLine{
	width:219px;
	height:215px;
	background: url(../img/main_info_line_bg.gif) no-repeat left;
	float:left;
	margin:15px 28px 15px 0;
	text-align:left;
}

.infoLine:hover{
	background: url(../img/main_info_line_bg_hover.gif) no-repeat left;
	cursor:pointer;
}

.infoLine img{
	margin:5px 0 0 0;
}

.infoLineContent{
	width:194px;
	height:161px;
	background:url(../img/info_line_bg.gif) repeat;
	margin:5px;
	padding:0 4px;
}

.infoLineContent p{
	margin:5px 0 0 0;
	padding:0;
	text-shadow:1px 1px #FFF;
	text-align:justify;
}

.studyBG{
	float:left;
	margin:5px 25px 15px 25px;
	text-align:left;
	border:1px solid #fff;
	width:190px;
	height:152px;
	background:url(../img/study_bg.png) no-repeat left;
}

.studyBG h3{
	margin:16px;
	font-size:12px;
	color:#dde8bc;
	text-shadow:1px 1px #415601;
	text-transform:uppercase;
}

.studyContent{
	margin:16px 16px 0 16px;
	font-size:12px;
	color:#61754f;
	text-shadow:1px 1px #FFF;
	height:77px;
	overflow:auto;
}

#fb-root{
	text-align:center;
	margin:10px 0;
}