/* CSS Document */

body{

background:#FFFFFF;

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

font-family: arial;

}

h1{

color:#8ABB00;

margin:0 0 5px 0;

font-size:16px;
font-family:Arial, Helvetica, sans-serif;}

h2{

color:#8ABB00;

margin:0 0 5px 0;

font-size:14px;}

.title2{
font-weight:bold;

color:#8ABB00;

margin:0 0 5px 0;

font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}

img{border:0px;}

p{

margin:0px;

padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}
p.about{
	text-align:justify;
	padding:10px 0 10px 0;
	word-spacing:3px;
	letter-spacing:0px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}

#border{

clear:both;

width:1007px;

height:18px;

background:url(../images/ftrline.jpg) no-repeat;
margin:0px auto 0px auto;

}

#container{

width:1007px;

height:auto;
margin:0px auto;

padding:0px;
background:url(../images/bg.jpg) repeat-y;

}

#container #header{

font-family:verdana;

font-size:10px;

color:#666666;

width:960px;

height:150px;

padding:10px 28px 0 0;

text-align:right;

line-height:15px;


}
/*......................logo.......................*/
#header .logo{
	height:150px;
	margin:0 0 0 0px;
	padding:0px;
	}
.flashlogo{
	float:left;
	width:380px;
	margin:10px 0 0 30px!important;
	margin:10px 0 0 0px;
	_margin:10px 0 0 30px;	
	padding:0px;
	background:url(../images/logo.jpg) no-repeat;
	height:125px;
	}
/*....................narration.....................*/
.narration{
	margin:0px 0 0 3px; 
	padding:0px; 
	width:342px; 
	height:22px; 
	font-weight:bold; 
	font-size:1.3em; 
	float:left; 
	background:url(../images/narration.jpg) no-repeat;
	}
#container #logobanner{
	width:980px;
	margin:0px auto;
	padding:0px;
	}


#container #offerbanner{
	background:url(../images/yellowbanner.jpg) no-repeat;
	height:150px;
	width:460px;
	float:right;
	margin:0px;
	padding:0px;
	margin-right:0px!important!;
	margin-right:10px;
	}
#container #offerbanner1{
	background:url(../images/ladywithkite1.gif) no-repeat;
	height:145px;
	width:500px;
	float:right;
	margin:0px;
	padding:0px;
	margin-right:0px!important!;
	margin-right:0px;
	}
#offerbanner #offerdate{
	font-size:18px;
	font-weight:bolder;
	color:#1D768D;
	float:left;
	margin:4px 0px 0 308px !important;
	margin:4px 0px 0 154px;
	letter-spacing:-0.12em;
	font-family:Georgia, "Times New Roman", Times, serif;
	word-spacing:2px;
	line-height:28px;
	}
#bluebanner{

	width:470px;
	height:150px;
	margin:-50px 0px 0px 0;
	background:url(../images/blue.jpg) no-repeat;
	}
#offerdate{
	font-size:18px;
	font-weight:bolder;
	color:#1D768D;
	float:left;
	margin:4px 6px 0  314px !important;
	margin:4px 5px 0 154px;
	letter-spacing:-0.12em;
	font-family:Georgia, "Times New Roman", Times, serif;
	word-spacing:2px;
	line-height:28px;
	}
#packagesbanner{
	width:470px;
	height:150px;
	margin:28px 0 0 0;
	background:url(../images/purple.jpg) no-repeat;
	}
.aboutban{
	width:568px;
	height:35px;
	}

#container #header a{

color:#659500;

text-decoration:none;}

#container #header a:hover{

color:#A6D026;

}

#container #banner{

width:980px;

height:215px;

text-align:center;

margin-top:15px!important;
margin-top:0px;
_margin-left:11px;
margin:0px auto;
}
*:first-child+html #banner{
margin-left:6px;
}

#container #nav{

padding:0 0 0 0px;

height:80px;

}

#container #nav{

font-weight:bold;

font-size:11px;

text-align:left;
_margin-left:11px;
clear:both;
margin:0px auto;

}
/* Show only to IE7 */
*:first-child+html #nav {
	margin:0 0 0 6px;
}


#container #nav div{margin-top:5px;}

#container #nav .select{

color:#9DCE13;

text-decoration:underline;}



#container #nav a{

text-decoration:none;
}

#container #nav a:hover{



}

#container #body{

padding:0px 15px 0px 15px;

width:824px;
}

#container #body a{
color:#3E4A0A;



}

#container #body a:hover{

color:#9DCE13;

}

#body #area1index{

	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:310px;
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	color:#666666;
	
	}
*:first-child+html #area1index{
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	}
#body #area2index{

font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:310px;
	padding:0 10px 0 10px;
	margin:0 0 0 10px;
	color:#666666;
	text-align:justify;
	
	}
*:first-child+html #area2index{
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	}
#border1td{
	border-right:1px dotted #CCCCCC;
	}
	

#body #area1{
	padding:0 10px 0 15px;
	
	padding:0 10px 0 15px;

	color:#666666;
	
	font-size:12px;

	letter-spacing:0px;
	}
#body #area2{

padding:0 0px 0 15px;

color:#666666;

font-size:12px;

letter-spacing:0px;

}
#body #area3{

padding:0 0px 0 10px;

color:#666666;

font-size:12px;

letter-spacing:1px;
width:230px;

}

p.introtext{
	text-align:justify;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#container #footer{

margin:40px 0 0 15px;

width:940px;

height:440px;

padding-left:10px;

}
.hackersafebottom{
	margin:10px 0 0 0;
	padding:30px 0 0 0;
	}
.headersafeimage{
	margin:30px 0 0 0;
	padding:30px 0 0 0;
	}

.readmore{

text-align:right;

}

.ftrcols{

font-family:verdana;

line-height:14px;

font-size:10px;

width:200px;

float:left;
}

.ftrcols a{

color:#3d3d3d;

text-decoration:none;

font-weight:bold;}

.ftrcols a:hover{

color:#999999;

}

#ftrtexts{

font-family:verdana;

padding:10px 10px 0 0;

font-size:10px;

clear:both;

text-align:center;

width:940px;

}

#ftrtexts2{

font-family:verdana;

padding:10px 10px 0 0;

font-size:10px;

clear:both;

width:804px;

}

#ftrtexts2 .hackersafe{

float:left;

width:225px;

height:auto;

}

#clientlist, #clientlist2{float: left; width: 240px; font-size:11px; color:#666666; padding: 0px 0 0 10px;}

.normaltxt{

font-family:Arial, Helvetica, sans-serif;

text-align:justify;

color:#666666;

font-size:12px;
padding:0 0 0 0px;
}

#thirdcol, #thirdcol2, #thirdcol3{

background:#F7FBE2;

padding:5px 5px 20px 5px;

margin:25px 0 0 -3px;

}

#thirdcol4, #thirdcol5{

background:#F7FBE2;

padding:5px 5px 20px 5px;

margin:25px 0 0 0px;}

#thirdcol6{

background:#F7FBE2;

padding:5px 5px 20px 5px;

margin:0px 0 0 0px;}

#newsletter{

height:160px;

background:#F7FBE2;

padding:5px 5px 20px 8px;

margin:25px 0 0 -3px;}

.textbox{

border:1px solid #999999;

width:120px;

font-size:11px;

margin-right:32px;}

.smalltxt{

color:#666666;

text-align:justify;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

margin-right:10px;}

.smalltxt a{

color:#666666;

text-decoration:none;}

.smalltxt a:hover{

text-decoration:underline;}

.purpletxt{

text-align:left;

font-family:Arial, Helvetica, sans-serif;

color:#990066;

font-size:12px;

font-weight:bold;}

.cool{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

border: 1px #7CAD0D solid;

}

.button{

color:#FFFFFF;
font-weight:bold;
padding:5px;

}

.pulldown{

font-size:10px;

border: 1px #7CAD0D solid;

}

.award1{color:#FF0000;}

.award2{color:#2C6BA0;}

.award3{color:#C81E07;}



.award1, .award2, .award3{

font-size:12px;}

.greened{

color:#9DCE13;}
.nextbtn{
	padding-top:50px;
	
	}

span.blue{
	color:#0000FF;
	}
span.packdate{
	margin:0px 0 5px 10px;
	padding:0 0 0 0px;
	line-height:30px;
	border-bottom:5px solid #CC3300; 
	font-size:14px;
	color:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	text-decoration:blink;
	}

.style35 li span.green{
	font-weight:bold;
	font-size:12px;
	padding:0px;
	color:green;
	}
.style35 li.gold{
	color:#666666;
	}
.moneyback{
	background:url(../images/moneyback.jpg) no-repeat;
	width:226px;
	height:262px;
	margin:38px 0 0 0 ; 
	}
.receptionbanner{
	background:url(../images/reception.gif) no-repeat;
	width:700px;
	height:280px;
	float:left;
	padding:0px 0 0 10px;
	margin:50px 0 0 10px;
	}
p.address{
	font-weight:bold;
	color:#000000;
	padding:5px 0 0 50px;
	text-decoration:underline; 
	}
/*........... how it works page...................*/
.para p{
	color:#000000;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:justify;
	padding-left:0px;
	}
span.boldpara{
	color:#000000; 
	padding:5px; 
	font-weight:bold; 
	padding:8px;
	padding-left:0px;
	}
p.bluepara{
	color:#0099FF;
	font-weight:bold;
	padding:8px;
	padding-left:0px;
	}
ol.list{
	color:#000000;
	}
span.bluetext{
	color:#0099FF;
	font-weight:bold;
	}
h1.mainheading{
	font-size:15px;
	color:#000000;
	padding:10px 0 0 0px;
	text-decoration:underline;
	}
.contbox{
	border:1px solid #cccccc;
	padding:10px;
	}
span.redfont{
	color:#ff0000;
	font-weight:bold;
	}
.texttable P{
	color:#000000;
	text-align:justify;
	}
.secondbox p{
	padding:8px;
	padding-left:0px;
	color:#000000;
	text-align:justify;
	}
.sponserbanner{
	margin:0px auto;
	margin:0 0 0 100px;
	width:800px;
	
	}
/*..................index page text below big banner........................*/
.bigbanner{
	color:#000000;font-size:12px;letter-spacing:1px; padding:6px 18px 18px 11px; text-align:justify;
	}
/*...................new package page.................*/
h1.packhead{
	font-size:14px;
	color:#000000;
	padding:24px 0 0 100px;
	text-decoration:underline;
	margin:5px 0 0 0;
}
.packcontents li{
	font-weight:bold;
	}
span.redtext{
	color:#ff0000;
	font-weight:bold;
	padding:3px 0 3px 0;
	}
span.greentext{
	color:#017680;
	font-weight:bold;
	padding:10px 0 5px 10px;
	line-height:20px;
	}
span.redsharp{
	color:#ff0000;
	font-weight:bold;
	}
span.red{
	font-weight:bold;
	}
.packbg p.blacktext{
	color:#000000;
	padding:15px 15px 0 15px;
	text-align:justify;
	}
ul.blacktext{
	color:#000000;
	margin-top:0px;
	padding-top:30px;
	padding-left:0px;
	margin-left:24px;
	}
ul.blacktext li{
	background:url(../images/bullet_tick.gif) no-repeat top left;
	list-style-type:none;
	padding:0px 10px 0 30px;
	margin:0px 0 10px 0px;
	
	}
.ordernow{
	margin:30px 0 0 180px;
	width:190px;
	height:50px;
	background:url(../images/ordernow.jpg) no-repeat;
	}
.ordernow:hover{ background:url(../images/ordernowhover.jpg) no-repeat;}
.ordernow li{
	list-style-type:none;
	padding:18px 5px 0 0;
	text-align:center;
	color:#FFFFFF;
	margin:0px;
	padding-left:0px;
	}
#container #body .ordernow a{
	color:#FFFFFF;
	text-decoration:none;
	padding:5px ;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	padding-left:0px;
	
	}
#container #body .ordernow a:hover{
	color:#666666;
	
	}
.bluehead{
	color:#0099FF;
	font-size:14px;
	padding:10px 0 0 0;
	}
span.bigtext{
	color:#000000;
	font-size:1.5em;
	}
span.rednormaltext{
	font-weight:normal;
	font-size:14px;
	}
/*package div content*/

.packagediv{
	background:;
	width:550px;
	padding:10px 10px 15px 0px;
	margin:0px;
	}
.packbg{
	background:url(../images/packbg.gif) repeat-y;
	margin:0px;
	padding:0px;
}
.headingbg{
	background:url(../images/packhead.gif) no-repeat;
	height:50px;
	margin:0px;
	padding:0px;
	}
.packagefooter{
	background:url(../images/packfoot.gif) no-repeat;
	height:50px;
	width:100%;
	}
/*.............mainnav...........*/
.mainnav{
	width:980px;
	clear:both;
	}
.mainnav tr td{
	
	}
/*............menubar.........*/
.menutable{
	margin:2px 0 0 0;
	width:979px;
	padding:0px;
	_margin:0px;
	margin:0px auto;
	margin-top:2px;
	}
*:first-child+html .menutable{
	margin-top:2px;
	margin:0px auto;
	margin-top:1px;
	}
tr.menu{
	height:33px;
	background:url(../line/blank.gif) repeat-x;
	text-align:center;
	}
tr.menu td{
	border-right:1px inset #fafafa;
	height:33px;
	}
tr.menu td:hover{
	background:url(../line/blank_over.gif) repeat-x;
	height:33px;
	
	}
tr.menu td.menuselected{
	background:url(../line/blank_over.gif) repeat-x;
		}
tr.menu td a{
	
	
	vertical-align:middle;
	width:300px;
	font-size:15px;
	color:#FFFFFF;
	padding:3px 50px 3px 50px;
	}
tr.menu td a:hover{
	text-decoration:none;
	color:#fafafa;
	}
tr.menu td a:selected{
	text-decoration:underline;
	color:red;
	}


tr.submenu{
	color:#000000;
	}
tr.submenu td{

	}
tr.submenu td a{
	color:#000000;
	font-size:12px;
	font-weight:normal;
	}
tr.submenu td a:hover{
	color:#006699;
	}
.contentright{
	width:960px;
	padding:0 0 0 10px;
	}
.bottomtable{
	width:950px;
	}
/*.............mainbanner div..............*/
.mainbanner{
	height:170px;
	width:980px;
	margin:0px;
	padding:0px;
	border-top:1px solid #cccccc;
	
	}
.mainbanner #leftbanner{
	height:170px;
	width:710px;
	background:url(../images/mainbanner.jpg) no-repeat;
	float:left;
	margin:0px;
	padding:0px;

	}
.mainbanner #custombanner{
	height:170px;
	width:270px;
	background:url(../images/custombanner.jpg) no-repeat;
	float:right;
	margin:0px;
	padding:0px;

	}
#bannermenu{
	background:url(../images/menubanner.jpg) no-repeat;
	height:40px;
	width:170px;
	margin:130px 0 0 50px;
	_margin:130px 0 0 0px;
	}
*:first-child+html #bannermenu{
	margin:130px 0 0 0;
	}
.headingbgindex{
	background:#A0C833;
	padding:5px;
	border: 1px #7CAD0D solid;
	}
p.factorheading{
	color:#0070C0;
	}
ol.texts{
	padding:10px 30px 10px 30px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #cccccc;
	margin:0px;
	margin-top:6px;
	}
ol.texts li{
	line-height:18px;
	padding:6px 0 0 0;
	color:#000000;
	}
/*portfolio client name and address*/
h1.folioclient{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#006666;
	}
h1.folioaddress{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00CC33;
	}