@charset "utf-8";
/* CSS Document */
body
{
	margin:0px;
	padding:0px;
	background:url(../images/back-about.jpg) no-repeat top center;
}
body.about
{
	margin:0px;
	padding:0px;
	background:url(../images/back-about.jpg) no-repeat top center;
}
body.port
{
	margin:0px;
	padding:0px;
	background:url(../images/back-portfolio.jpg) no-repeat top center;
}
body.service
{
	margin:0px;
	padding:0px;
	background:url(../images/back-services.jpg) no-repeat top center;
}
p,h1,h2,h3,h4
{
	margin:0px;
	padding:0px;
}

h5 { font-size: 1em; font-size:22px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:normal; color:#78a040; padding-left:8px; margin-bottom:5px; }

img
{
	border:none;
}
.flash-container{

	width:980px;
	float:left;
	clear:both;
/*	height:252px;*/
margin-top:15px;
}
#container
{
	width:980px;
	height:auto;
	margin:auto;
}
#top-header
{
	width:980px;
	height:127px;

	float:left;
	clear:both;

}
#top-header div.logo
{
	float:left;
}
#top-header div.call
{
	float: right;
	width:236px;
	height:30px;
	background:url(../images/call-background.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	color:#ffffff;
	padding-top:5px;
	font-weight:bold;
}
#top-header div.call-blue
{
	float: right;
	width:236px;
	height:30px;
	background:url(../images/call-blue.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	text-align:center;
	color:#ffffff;
}
#top-header div.call-red
{
	float: right;
	width:236px;
	height:30px;
	background:url(../images/call-red.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	text-align:center;
	color:#ffffff;
}
#top-header div.call-meroon
{
	float: right;
	width:236px;
	height:30px;
	background:url(../images/call-meroon.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	text-align:center;
	color:#ffffff;
}
#top-header div.menu
{
	float: right;
	width:426px; 
	height:25px;
	margin-top:20px;
	padding-left:70px;
}
#top-header div.menu p
{
	border-bottom:#FFF solid 1px;
/*	width:77px;*/
	float:left;
	margin-left:10px;
	height:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFF;
	text-align:left;
}
#top-header div.menu p a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:left;
	text-decoration:none;
	font-variant:small-caps;
}
#slider
{
	width:950px;
	height:235px;
	margin:auto;
	margin-top:20px;
}
#slider img
{
	float:left;
}
#slider div.text
{
	width:582px;
	height:235px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:14px;
	color:#FFF;
	text-align:justify;
}
#slider div.text a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}
#slider div.text a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-decoration: underline;
}
#slider div.text h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	text-align:left;
	line-height:29px;
}
#hand-brush
{	width:980px;
	height:30px;
	float:left;
	clear:both;

	
}
#service-header
{
	width:980px;
	height:35px;
	float:left;
	clear:both;
}
#boxes
{
	width:980px;
	height:147px;
	float:left;
	clear:both;
}
#box1
{
	background:url(../images/web-design-box.png) no-repeat;
	width:327px;
	height:147px;
	float:left;
}
#box1 p
{
	width:210px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:18px;
	margin-top:50px;
}
#box1 p a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
	padding-left:160px;
}
#box1 p a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration: underline;
	padding-left:160px;
}
#box2
{
	background: url(../images/print-design-box.png) no-repeat;
	width:327px;
	height:147px;
	float:left;
}
#box2 p
{
	width:210px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:18px;
	margin-top:50px;
}
#box2 p a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
	padding-left:160px;
}
#box2 p a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration: underline;
	padding-left:160px;
}
#box3
{
	background: url(../images/seo-design-box.png) no-repeat;
	width:326px;
	height:147px;
	float:left;
}
#box3 p
{
	width:210px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:18px;
	margin-top:50px;
}
#box3 p a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
	padding-left:160px;
}
#box3 p a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration: underline;
	padding-left:160px;
}
#footer
{
	background:url(../images/about-footer.png) no-repeat;
	width:980px;
	height:63px;
	
	margin-top:10px;
	margin-bottom:25px;
	float:left;
	clear:both;
}
#footer p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	color:#FFF;
	height:63px;
}
#footer p a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	padding:10px;
	line-height:40px;
	color:#FFF;
	height:63px;
	text-decoration:none;
}
#footer p a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	color:#FFF;
	text-decoration: underline;
}

/*=================Footer About=================*/
#footer-about
{
	background:url(../images/about-footer.png) no-repeat;
	width:980px;
	height:63px;
	
	margin-top:10px;
	margin-bottom:25px;
	float:left;
	clear:both;
	
}
#footer-about p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	color:#FFF;
	height:63px;
}
#footer-about p a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	padding:10px;
	line-height:40px;
	color:#FFF;
	height:63px;
	text-decoration:none;
}
#footer-about p a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	color:#FFF;
	text-decoration: underline;
}
/*=========================End=========================*/

/*=================Footer portfolio=================*/
#footer-port
{
	background:url(../images/portfolio-footer.png) no-repeat;
	width:980px;
	height:63px;
	
	margin-top:10px;
	margin-bottom:25px;
	float:left;
	clear:both;
}
#footer-port p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	color:#FFF;
	height:63px;
}
#footer-port p a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	padding:10px;
	line-height:40px;
	color:#FFF;
	height:63px;
	text-decoration:none;
}
#footer-port p a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	color:#FFF;
	text-decoration: underline;
}
/*=========================End=========================*/
/*=================Footer portfolio=================*/
#footer-services
{
	background:url(../images/service-footer.png) no-repeat;
	width:980px;
	height:63px;
	
	margin-top:10px;
	margin-bottom:25px;
}
#footer-services p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	color:#FFF;
	height:63px;
}
#footer-services p a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	padding:10px;
	line-height:40px;
	color:#FFF;
	height:63px;
	text-decoration:none;
}
#footer-services p a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	color:#FFF;
	text-decoration: underline;
}
/*=========================End=========================*/


#brush
{
	width:100%;
/*	height:598px;
	background:url(../images/brush-img.png) no-repeat right bottom;*/
}

/*=================About us Page ==========================*/
#about-banner
{
	width:980px;
	height:182px;
	float:left;
	clear:both;
}
#about-body
{
	width:980px;
	min-height:430px;
	height:auto;
	margin-top:10px;
	overflow:auto;
	float:left
}
#about-left
{
	background:url(../images/about-box-header.jpg) no-repeat top #FFF;
	width:730px;
	min-height:300px;
	padding-top:7px;
	float:left;
}
#about-leftt
{
	background:url(../images/about-box-header.jpg) no-repeat top #FFF;
	width:730px;
	min-height:300px;
	padding-top:7px;
	float:left;
}
#about-left div.text
{
	width:729px;
	min-height:250px;
	height: auto;
	overflow: auto;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
}
#about-leftt div.text
{
	width:729px;
	min-height:430px;
	height: auto;
	overflow: auto;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
}
#about-left div.contactbg
{
	background:url(../images/contact-img.jpg) no-repeat top right;
}

#about-left div.text p.service
{
	width:560px;
	min-height:250px;
	height: auto;
	line-height:20px;
	overflow: auto;
	margin-top:10px;
}
#about-leftt div.text p.service
{
	width:560px;
	min-height:250px;
	height: auto;
	line-height:20px;
	overflow: auto;
	margin-top:10px;
}
.hr
{
	width:700px;
	border-bottom:#989898 dashed 1px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	margin:auto;
	margin-top:0px;
	margin-bottom:0px;
}
#about-left div.text p.service a
{
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#92b539;
	font-size:12px;
	font-weight:bold;
}
#about-left div.text img.heading
{
	padding-left:10px;
}
#about-leftt div.text img.heading
{
	padding-left:10px;
}
#about-left div.text p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#666766;
	padding:10px;
	line-height:27px;
}
#about-left div.text div.search
{
	background:url(../images/search-bg.jpg) no-repeat;
	margin:auto;
	width:706px;
	height:128px;
	margin-top:5px;
}
#right-panel
{
	width:240px;
	min-height:250px;
	height:auto;
	float:right;
}
#right-panel img.ads
{
	margin-top:10px;
	//margin-top:8px;
}
#right-panel div.testimonial
{
	background:url(../images/testimonials-box.jpg) no-repeat;
	width:240px;
	height:225px;
	margin-top:10px;
	//margin-top:8px;
}
#right-panel div.testimonial p.text1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#333;
	padding:10px;
	padding-top:40px;
}
#right-panel div.testimonial p.text2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#333;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}
#right-panel div.testimonial p.more
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	color:#333;
	padding-right:10px;
	padding-bottom:5px;
}
#right-panel div.testimonial p.more a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	color:#333;
	text-decoration: underline;
}
.list-menu
{
	width:140px;
	height:18px;
	border:#CCC solid 1px;
	background-color:#d6d5d5;
	font-size:11px;
}
.input-menu
{
	width:138px;
	height:16px;
	border:#CCC solid 1px;
	background-color:#d6d5d5;
	font-size:11px;
}
.main-text
{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#333;
	font-size:12px;
}
.main-text a
{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#333;
	font-size:12px;
	text-decoration:none;
}

#template
{
	width:706px;
	margin:auto;
	min-height:500px;
	height:auto;
	overflow:auto;
	margin-top:10px;
}
#template div.heading
{
	width:706px;
	height:27px;
}
#template div.shop-box
{
	width:160px;
	min-height:218px;
	height:auto;
	overflow:auto;
	border:#e7e7e6 solid 1px;
	background-color:#f7f8f8;
	margin-top:10px;
	margin-left:18px;
	float: left;
}
#template div.shop-box div.price
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding:5px;
}
#template div.shop-box div.green
{
	width:160px;
	height:25px;
	background-color:#95c23d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
	padding-top:5px;
}
#template div.shop-box div.green a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}

#template div.shop-box1
{
	width:160px;
	min-height:218px;
	height:auto;
	overflow:auto;
	border:#e7e7e6 solid 1px;
	background-color:#f7f8f8;
	margin-top:10px;
	margin-left:0px;
	float: left;
}
#template div.shop-box1 div.price
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding:5px;
}
#template div.shop-box1 div.green
{
	width:160px;
	height:25px;
	background-color:#95c23d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
	padding-top:5px;
}
#template div.shop-box1 div.green a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
.td-border
{
	border:#a3c43a solid 1px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	color:#6c7840;
}
.body-footer
{
	background:url(../images/About-box-footer.jpg) no-repeat;
	width:730px;
	height:5px;
	overflow:hidden;
	float:left;
}
.number-nav
{
	width:700px; height:30px; float: left; margin-left:15px;
}
/*==================Catagory Panel ====================*/
#cat-panel
{
	background:url(../images/cat-header-img.png) no-repeat top;
	width:240px;
	min-height:500px;
	height: auto;
	float:right;
	overflow:hidden;
	padding-top:5px;
}
#cat-panel div.menu
{
	background-color:#FFF;
	border-left: #cfcfce solid 1px;
	border-right: #cfcfce solid 1px;
	width:238px;
	min-height:500px;
	height: auto;
	
}
#cat-panel div.menu div.img
{
	width:102px;
	height:30px;
	float:left;
	margin-left:10px;
}
#cat-panel div.menu ul
{
	 margin:0px;
	 padding:0px;
}
#cat-panel div.menu ul li
{
	 background:url(../images/list-style.jpg) left no-repeat;
	 list-style-position: inside;
/*	 list-style-image:url(../images/list-style.jpg);*/
	 list-style:none;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#333;
	 line-height:20px;
	 margin-left:10px;
}
#cat-panel div.menu ul li a
{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#333;
	 text-decoration:none;
	 padding-left:15px;
	 //padding-left:0px;
}
#cat-panel div.menu ul li a:hover
{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#333;
	 text-decoration: underline;
	 padding-left:15px;
	 //padding-left:0px;
}
#cat-panel div.bottom-img
{
	background:url(../images/cat-footer-img.jpg) no-repeat bottom;
	width:240px;
	height:7px;
}
.contact-input
{
	width:220px;
	height:20px;
	background-color:#fff;
	border:#CCC solid 1px;
	color:#333;
}
.contact-input:hover
{
	width:220px;
	height:20px;
	background-color:#eee;
	border:#CCC solid 1px;
	color:#333;
}
.contact-input2
{
	width:80px;
	height:20px;
	background-color:#fff;
	border:#CCC solid 1px;
	color:#333;
}
.contact-input2:hover
{
	width:80px;
	height:20px;
	background-color:#eee;
	border:#CCC solid 1px;
	color:#333;
}
.contact-input3
{
	width:220px;
	height:100px;
	background-color:#fff;
	border:#CCC solid 1px;
	color:#333;
}
.contact-input3:hover
{
	width:220px;
	height:100px;
	background-color:#eee;
	border:#CCC solid 1px;
	color:#333;
}
.button-contact
{
	width:90px;
	height:22px;
	border: #2c3519 solid 1px;
	background-color:#8fb238;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFF;
}

.portfolio
{
	background:url(../images/portfolio_bg.png) no-repeat center top;
	width:960px;
	height:750px;
	padding:10px;
	margin-bottom:10px;

}
.portfolio div.Portfolio-Row
{
	width:960px;
	height:191px;

}
.portfolio div.Portfolio-Row div.Portfolio-Row-Col
{
	float:left;
	width:297;
	height:191px;
	border:#000000 solid 5px;
	margin:5px;
}
/*.portfolio div.port-img
{
	width:679px;
	height:421px;
	float:left;
}
.portfolio div.port-desc
{
	width:252px;
	height:403px;
	padding:8px;
	float: right;
	border:#cdcccb solid 1px;
}
.portfolio div.port-desc h1
{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:25px;
	 text-align:left;
	 color:#FFF;
	 margin:0px;
}
.portfolio div.port-desc h2
{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:16px;
	 text-align:right;
	 padding-right:10px;
	 color:#FFF;
	 margin:0px;
}
.portfolio div.port-desc p
{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 text-align: left;
	 line-height:19px;
	 padding-top:15px;
	 color:#FFF;
	 margin:0px;
}
.portfolio div.port-desc p a
{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 text-align: left;
	 line-height:19px;
	 text-decoration:underline;
	 color:#FFF;
	 margin:0px;
}
.portfolio div.port-desc p a:hover
{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 text-align: left;
	 line-height:19px;
	 text-decoration: none;
	 color:#FFF;
	 margin:0px;
}*/

.heading-1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:left;
	font-weight:bold;
}
.heading-2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:left;
	line-height:19px;
}
.heading-2 a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b8e643;
	text-align:left;
	line-height:18px;
	text-decoration:none;
}
.heading-2 a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b8e643;
	text-align:left;
	line-height:18px;
	text-decoration: underline;
}
/*----------------------------------------------------------------------------------------------------------------*/
.boxgrid{ 
	width: 205px; 
	height: 145px; 
	margin:5px;
	margin-right:14px;
	margin-bottom:16px;
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative;

}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0;
		cursor:pointer; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxcaption a{
color:#FFFFFF;

}
	.captionfull .boxcaption {
		top: 260px;
		left: 0;
	}
	.caption .boxcaption {
		top: 220px;
		left: 0;
	}
	h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
	
	
/* Home page data contaner */	


#datacontaner{
width:980px;
float:left;
clear:both;
margin-top:15px;
}
#datacontaner1{
width:980px;
float:left;
clear:both;
margin-top:15px;
height:700px;

}
#datacontaner #top,#datacontaner1 #top{
float:left;
clear:both;
background-image:url(../images/top.png);
height:8px;
width:980px;
background-repeat:no-repeat;
background-position:top;
}

#datacontaner #mid,#datacontaner1 #mid{
float:left;
clear:both;
background-image:url(../images/mid.jpg);
height:375px;
width:980px;
}
#datacontaner1 #mid{height:650px;}
#datacontaner #bottom, #datacontaner1 #bottom{
float:left;
clear:both;
background-image:url(../images/bottom.jpg);
height:8px;
width:980px;
background-repeat:no-repeat;
background-position:top;}


#Mid_box1{
float:left;
height:375px;
width:350px;
padding:10px;


}
#Mid_box1 ul, #Mid_box2 ul                  {list-style-image:url('../images/icone.jpg');}
#Mid_box1 ul li, #Mid_box2 ul li            { padding-top:10px;}
#Mid_box1 h1, #Mid_box2 h1, #Mid_box3 h1                  {font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666766;}
#Mid_box1, #Mid_box2, #Mid_box3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666666;}
#Mid_box1 ul a, #Mid_box2 ul a, #Mid_box3 ul a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666666; text-decoration:none;}


#Mid_box2{
float:left;
height:375px;
width:270px;
background-image:url(../images/bg-home.jpg);
padding:10px;
}
#Mid_box3{
float:left;
height:375px;
width:300px;
padding:10px;
}





#PF_Row{
height:150px;
}

#PF_Col{
height:150px;
border-left:#cdcccc solid 1px;
border-bottom:#cdcccc solid 1px;
width:225px;
float:left;
padding:6px;
}

#PF_Col img {
border:#e1e1e1 solid 1px;}

#PF_Col:first-child{
border-left:#cdcccc solid 0px;
}