/* CSS Document */

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px; 
	margin-bottom:0px;
	background-image:url(images/bodybg.jpg);
	background-repeat:repeat-x; background-position:left top;
	background-color:#FFFFFF; color:#4D4747;
}
img {
	border:none;
}
ul, a, h2 {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration: none;
}
.spacer {
	font-size:0; line-height:0; clear:both;
}

#frame{
	width:774px;
	height:auto;
	background-color:#ffffff; color:#4D4747;
	margin:auto;
}

#frame2{
	width:774px;
	height:auto;
	background-color:#000000; color:#4D4747;
	margin:auto;
}


/* Header part style start from here */

#headcontainer{
	width:774px;
	height:132px;
	background-image:url(images/heading.jpg);
	background-color:#ffffff;
	margin:auto;
}


#leftcontainer{
	width:385px;
	height:132px;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFFFFF; color:#4D4747;
	float:left;
	margin-top:auto;
}

#logo{
	width:267px;
	height:40px;
	padding-top:45px;
	padding-left:45px;
	margin:auto;
	}

#rightcontainer{
	width:389px;
	height:132px;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFFFFF; color:#4D4747;
	float:left;
	margin-top:auto;
}



/* Header part style end here */


/* nav part style start from here */

#navcontainer{
	width:774px;
	height:39px;
	background:url(images/navbg.jpg) 0 0 repeat-x;
}
#navcontainer ul {
	font:bold 12px/35px Arial, Helvetica, sans-serif;
	padding:0 0 0 32px;
}
#navcontainer ul li {
	float:left; padding:0 23px 0 14px;
}
#navcontainer ul li.noPad {	
	padding-right:0;
}
#navcontainer ul li a {
	color:#A3A2A2; background-color:inherit; text-decoration:none;
}
#navcontainer ul li a:hover, #navcontainer ul li span {
	color:#638E02; background-color:inherit;
}




/* nav part style end here */

/* banner part style start from here */

#banner{
width:770px;
height:265px;
 color:#4D4747;
margin:auto;
}

#bleft {

height:340px;
margin:auto;
width:535px;
}
#bright {
background-image:url(images/categorybg.jpg);
background-repeat:repeat-y;
height:340px;
margin:auto;
width:235px;
}
#brf {
float:left;
height:340px;
margin:auto;
width:15px;
}
#fruit {
height:247px;
margin:auto;
padding-top:7px;
text-align:center;
width:39px;
}
#brcategory {
float:left;
height:340px;
margin:auto;
width:234px;
}
#category {
background-color:inherit;
color:#FFFFFF;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
height:24px;
margin:auto;
padding-left:15px;
padding-top:7px;
width:217px;
}
.categorynav {
float:left;
height:18px;
margin:auto;
padding-left:15px;
width:217px;
}



.ctxtcontainer {
width:106px;
height:18px;
float:left;
margin:auto;
}

.ctxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF; background-color:inherit;
text-decoration:none;
}
.ctxt:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFE200; background-color:inherit;
text-decoration:none;
}



/* banner end part style end here */

.blank{
width:774px;
height:12px;
background-color:#FFFFFF; color:#4D4747;
margin:auto;
}

/* body part style start from here */

#bodycontainer{
width:774px;
height:auto; color:#4D4747;
background-color:#FFF;
margin:auto;
}


#bodycontainerleft{
width:230px;
height:auto;
background-color:#FFFFFF;
float:left;
margin:auto; color:#4D4747;
}

#lmaim{
width:233px;
height:auto;
text-align:center;
margin:auto;
}

#blmaim{
width:233px;
height:17px;
text-align:center;
margin:auto;
}



#bodycontainercenter{
width:300px;
height:auto; color:#4D4747;
background-color:#FFFFFF;
border-left:1px solid #B1C252;
border-right:1px solid #B1C252;
float:left;
margin:auto;
}

#wmaim{
width:260px;
height:auto;
text-align:justify;
margin:auto;
}

#wmaimcreatives{
width:243px;
height:auto;
text-align:justify;
margin:auto;
}

#welcome{
height:43px;
text-indent:-2000px;

}

#wtxt{
width:260px;
height:auto;
float:left;
margin:auto;
background-repeat:no-repeat;
text-align:justify;
}

.wtext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:justify;
color:#4D4747; background-color:inherit;
}

#bodycontainercenter2{
width:540px;
height:auto; color:#4D4747;
background-color:#FFFFFF;
float:left;
margin:auto;
}

#portfoliotext{
width:750px;
height:auto; 
color:#4D4747;
background-color:#FFFFFF;
float:left;
margin:auto;
}

#creativeslike{
width:774px;
height:auto; 
color:#4D4747;
background-color:#FFFFFF;
}
#creativeslike2{
width:240px;
padding:4px;
float:left;
}

#creativeslike3{
width:258px;
padding:4px;
float:right;
}

#creativeslike4{
width:258px;
padding:4px;
}

#creativesliketext{
width:250px;
background-repeat:no-repeat;
text-align:justify;
}


#wmaim2{
width:500px;
height:auto;
text-align:center;
margin:auto;
}


#wtxt2{
width:500px;
height:auto;
float:left;
margin:auto;
background-repeat:no-repeat;
text-align:justify;
}

.wtext2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:justify;
color:#4D4747; background-color:inherit;
}

#wmaim3{
width:700px;
height:auto;
text-align:center;
margin:auto;
}


#wtxt3{
width:700px;
height:auto;
float:left;
margin:auto;
background-repeat:no-repeat;
text-align:justify;
}

.wtext3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:justify;
color:#4D4747; background-color:inherit;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:18px;
font-weight:bold;
text-align:left;
color:#000000; background-color:inherit;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
font-weight:bold;
text-align:left;
color:#006A25; background-color:inherit;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	text-align:left;
	color:#996633;
	background-color:inherit;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 10px;
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	text-align:left;
	color:#996633;
	background-color:inherit;
	padding-top: 5px;
}

.rmore{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:right;
color:#FF0000; background-color:inherit;
text-decoration:none;
}
.rmore:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:right;
color:#5E8800; background-color:inherit;
text-decoration:none;
}

#bodycontainerright{
width:210px;

background-color:#FFFFFF; color:#4D4747;
border-right:1px solid #B1C252;
padding-left:13px;
padding-right:12px;
float:left;
margin:auto;
}

#bodycontainerright2{
width:210px;

background-color:#FFFFFF; color:#4D4747;
border-left:1px solid #B1C252;
padding-left:15px;
padding-right:10px;
float:left;
margin:auto;
}

#bodycontainerright3{
width:210px;
height:auto;
background-color:#FFFFFF; color:#4D4747;
padding-top:10px;
padding-left:10px;
padding-right:9px;
float:left;
margin:auto;
}

#creativecontainer{
	width:243px;
	background-color:#FFFFFF;
	color:#4D4747;
	padding-left:15px;
	float:left;
	margin:auto;
	padding-bottom: 10px;
	border-top: 1px dotted #CCCCCC;
	border-right: 1px #CCCCCC;
	border-bottom: 1px #CCCCCC;
	border-left: 1px #CCCCCC;
}

#creativecontainer2{
	width:243px;
	background-color:#FFFFFF;
	color:#4D4747;
	padding-left:15px;
	float:left;
	margin:auto;
	padding-bottom: 10px;
	
}



/* body end part style end here */



#footercontainercenter{
width:774px;
height:35px;
background-color:#000000; color:#000000;
border-bottom:1px solid #FFFFFF;
margin:auto;
}

#fooertleft{
width:232px;
height:35px;
background-color:#000000;color:#000000;
float:left;
margin:auto;
}

#fstore{
width:154px;
height:22px;
padding-top:5px;
text-align:center;
margin:auto;
}

#footeright{
width:540px;
height:35px;
background-color:#FFFFFF;
float:right; color:#000000;
margin:auto;
}

#frtop{
width:540px;
height:35px;
background-image:url(images/footertop.jpg);
background-repeat:repeat-x;
text-align:center;
float:left;
margin:auto;
}


#fooertxt{
height:auto;
padding-top:8px;
text-align:center;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF; background-color:inherit;
text-decoration:none;
}

a.fnav{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#FFF; background-color:inherit;
text-decoration:none;
}
a.fnav:hover, #fooertxt span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#FFE200; background-color:inherit;
text-decoration:none;
}


#copyright{
width:500px;
height:auto;
padding-top:5px;
float:left;
margin:auto;
}

.copyrighttxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:right;
padding-left:20px;
color:#000000; background-color:inherit;
}
.copyrighttxt a {
	color:#000000; text-decoration:underline; background-color:inherit;
}
.copyrighttxt a:hover {
	text-decoration:none;
}

#cardcontainer{
width:270px;
height:40px;
float:left;
margin:auto;
}

#card{
width:170px;
height:17px;
padding-top:5px;
padding-right:30px;
float:right;
margin:auto;
}

#cardtxtcontainer{
width:170px;
height:15px;
float:right;
margin:auto;
}

.cardtxt{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding-top:5px;
color:#4D4747; background-color:inherit;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	background-color:inherit;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#gallery {
	width:260px;
	height:auto;
	text-align:center;
	margin:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	background-color: #000000;
}


.style1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	padding-bottom:10px;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	padding-bottom:10px;
}