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

.topbg
{

	background:url(img/topbg.jpg);
	width:766px;
	height:85px;
	
}
.topbg img
{
	padding-left:70px;
	padding-top:20px;
}

.leftbg
{
	background:url(img/1leftbg.jpg) no-repeat;
	width:59px;
	height:255px;
}

.thisplay
{
	width:658px;;
	height:255px;
	background-color:#FFFFFF;
	/*padding-right:355px;*/
}

.thisplay div
{
	float:left;
}
.thisleft
{
	padding:0;
	margin:0;
	width:280px;
	height:255px;
	
}
/*---------------------these div below are inside thisplay div---------------------*/

.s_icon img
{
	padding-left:15px;
	padding-top:15px;
}

.port4 img
{
	padding-left:45px;
	padding-top:45px;
}

.about img
{
	padding-top:10px;
}

.clients img
{
	padding-top:30px;
	padding-left:27px;
}

.contact img
{
	padding-top:30px;
	margin-top:-5px;
	padding-left:50px;
}

.graphic img
{
	padding-top:0px;
	padding-left:15px;
}

.web img
{
	padding-top:20px;
	__padding-top:0px;
	padding-left:10px;
}

.add img
{
	padding-top:40px;
	padding-left:0px;
}

.tasty img
{
	padding-top:25px;
	padding-left:40px;
}

.pub img
{
	padding-top:40px;
	padding-left:0px;
}

/*.thisleft div.media
{
	position:absolute;
	z-index:0;
	width:364px;
	height:309px;
	margin-left:-24px;
	margin-top:-2px;
	
}

.thisleft div.media img
{
	position:absolute;
	z-index:1;
	width:364px;
	height:309px;
	margin-left:-24px;
	margin-top:-2px;
	
}*/


.media
{
	position:absolute;
	z-index:1;
	width:364px;
	height:309px;
	margin-left:-23px;
	margin-top:-2px;
	__margin-top:-3px;
	background:url(img/media.png) no-repeat;	
}

/*---------------------these div above are inside thisplay div---------------------*/
.rightbg
{
	background:url(img/1rightbg.jpg) no-repeat;
	width:50px;
	height:255px;
}

.buttbg
{
	background:url(img/buttbg.jpg) no-repeat;
	width:766px;
	height:77px;
	
}
/*-----------------------------------the orange div ends and blue div begins---------------------------------------*/
.blue
{
	position:relative;
	width:378px;
	height:255px;
	padding-left:0px;
	z-index:0;
	

}
.blue div
{
	float:left;
}

.bluetop
{
	background:url(img/bluetop.jpg) no-repeat;
	width:378px;
	height:25px;
}


.bluetop span a
{
	font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	float:right;
	text-decoration:none;
	margin:10px 15px 0 0;
	line-height:15px;
	
}

.bluetop span a:hover
{
	font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6633;
	text-decoration:none;
	float:right;
	margin:10px 15px 0 0;
	line-height:15px;

	
}

.blueleft
{
	background:url(img/blueleft.jpg) no-repeat;
	width:20px;
	height:206px;
}

.bluethis
{
	width:342px;
	height:206px;
	background:url(img/bluethis.jpg) repeat-x;
}

/*--these div below are inside bluethis div-------*/

.bluethis ul
{
	margin:0;
	padding:0;
}

.bluethis ul li
{
	display:block;
	list-style:none;
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	font-weight:normal;
	line-height:34px;
	
}
.bluethis ul li a
{
	list-style:none;
	background:url(img/arr.gif) left no-repeat ;
	padding-left:40px;
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	line-height:34px;
	
	color:#201c1d;
	text-decoration:none;
}

.bluethis ul li a:hover
{
	font-family:"Courier New", Courier, monospace;
	color:#ff2a00;
	text-decoration:none;
	background:url(img/arr_h.gif) left no-repeat ;
	padding-left:40px;
	font-size:20px;
	font-weight:normal;
	
	line-height:34px;
}

/*----------------------------------------------------------------*/
.bluethis ul.serve
{
	margin:0;
	padding:0;
}

.bluethis ul.serve li
{
	display:block;
	list-style:none;
	font-family:"Courier New", Courier, monospace;
	font-size:22px;
	font-weight:normal;
	line-height:38px;
	
}
.bluethis ul.serve li a
{
	list-style:none;
	background:url(img/arr.gif) left no-repeat ;
	padding-left:40px;
	font-family:"Courier New", Courier, monospace;
	font-size:22px;
	line-height:38px;
	color:#201c1d;
	text-decoration:none;
}

.bluethis ul.serve li a:hover
{
	font-family:"Courier New", Courier, monospace;
	color:#ff2a00;
	text-decoration:none;
	background:url(img/arr_h.gif) left no-repeat ;
	padding-left:40px;
	font-size:22px;
	font-weight:normal;
	line-height:38px;
}
/*----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------*/
.bluethis ul.grapes
{
	margin:0;
	padding:0;
}

.bluethis ul.grapes li
{
	display:block;
	background:url(img/arrow1.jpg) 15px 2px no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#2a373d;
	margin:0;
	padding-left:35px;
	line-height:14px;
	
}



/*----------------------------------------------------------------------------------*/
.reg
{
	padding:0px 0 0 30px;
}

.bluethis h2
{
	font: normal 22px/23px Verdana, Arial, Helvetica, sans-serif;
	color:#34383a;
	background:url(img/arr.gif) left no-repeat;
	padding-left:40px;
	line-height:35px;
	margin:0;
	margin-left:5px;
	margin-bottom:5px;
	
}


.bluethis span
{
	font:bold 16px "Courier New", Courier, monospace;
	color:#333333;
	margin-top:10px;
	text-decoration:none;
	width:60px;
	
}

.bluethis span a
{
	font:bold 16px "Courier New", Courier, monospace;
	color:#333333;
	padding-left:250px;
	margin-top:10px;
	text-decoration:none;
	
}


.bluethis span a:hover
{
	font:bold 16px "Courier New", Courier, monospace;
	color:#FF6600;
	margin-top:10px;
	text-decoration:none;
	
}











.bluethis p
{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#2a373d;
	margin:4px 15px 9px 15px ;
	text-indent:25px;
	text-align:justify;
}

.bluethis p a
{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#2a373d;
	text-decoration:none;
}

.bluethis p a:hover
{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#2a373d;
	text-decoration:underline;
}

.bluecontent
{
	padding: 0px 0px 0px 0px;
}
/*-----these div above are inside bluethis div--*/
.blueright
{
	background:url(img/blueright.jpg) no-repeat;
	width:16px;
	height:206px;
}

.bluebutt
{
	__position:relative;
	background:url(img/bluebutt.jpg) no-repeat;
	width:378px;
	height:25px;
	__margin-top:-13px;
}
/*----------------------------these are for the tooil tips in the cliend div ok!!!!!!!!!!--------------------------------------------------------------*/

.tipClass 
{ 
font: 11px Verdana, Arial, Helvetica, sans-serif; 
color: #CCCCCC; 
text-align:left; 
padding-left:5px; 
padding-right:5px;
}


.tipClass A 
{ 
text-decoration:none; 
color: #CCCCCC 
}

.titleclass
{ 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#FFCC00; 
font-size:14px; 
font-weight:bold; 
width:250px; 
text-align:center; 
text-decoration:underline;
}