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

@import url(reset.css);



html {
	font-family: 'Offside',Trebuchet MS, Verdana;
	font-size: 12px;
	font-weight: 600px;
	color: #363e43;
	line-height: auto;
	background: #ccc;
	height: 100%;

}

body {

}


a {
	color:#727b7d;
	text-decoration: none;
	font-size: 14px;	
	}

a:hover {
	color:#777777;
}

h1 {
	font-family: 'Offside', Trebuchet MS;
	min-height: 20px;
	color: #777777;
	font-size: 32px;
	margin-bottom: 5px;
	padding: 4px 0 10px 0;
	
}

h2 {
	font-family: 'Offside', Trebuchet MS;
	min-height: 10px;
	color: #777777;
	font-size: 20px;
	margin-bottom: 5px;
	padding: 8px 0 0 0;

}

h3 {
	font-family: 'Sanchez','Offside', Trebuchet MS;
	font-weight: 500;
	min-height: 10px;
	color: #666666;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 5px;
	padding: 8px 0 0 0;

}

h4 {
	font-family: 'Offside', Trebuchet MS;
	min-height: 10px;
	color: #858b9b;
	font-size: 24px;
	margin-bottom: 5px;
	padding: 8px 0 0 0;
	line-height: 20px;

}


h5 {
	font-family: 'Sanchez', Trebuchet MS;
	
	color: #666;
	font-size: 14px;

}


p {
	font-family:  Arial;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 5px;
	color:#777;

	
}

p img {
	float: left;
	margin: 0 14px 10px 0;
}

.ul {
	padding: 10px 0 0 0;
	font-family:  Arial;	
}

.ul li {
	background: url(../images/dot.png) no-repeat 0px 5px;
	padding: 5px 0px 5px 14px; 
	color:#555;	
}

.lp60 {	padding-left: 60px;}
.rp60 {	padding-right: 60px;}
.tp60 {	padding-top: 60px;}
.bp60 {	padding-bottom: 60px;}
.lp30 {	padding-left: 30px;}
.rp30 {	padding-right: 30px;}
.tp30 {	padding-top: 30px;}
.bp30 {	padding-bottom: 30px;}
.lp15 {	padding-left: 15px;}
.rp15 {	padding-right: 15px;}
.tp15 {	padding-top: 15px;}
.bp15 {	padding-bottom: 15px;}
.lp8 {padding-left: 8px;}
.rp8 {padding-right: 8px;}
.tp8 {padding-top: 8px;}
.bp8 {padding-bottom: 8px;}

.mr15{margin-right: 15px;}
.clear {	clear: both;}

.bold {font-weight:700;}
.medium {font-weight:600;}
.regular {font-weight:500;}
.light {font-weight:400;}


.s25 {font-size:25px;}
.s16 {font-size:16px;}
.s14 {font-size:14px;}
.s12 {font-size:12px;}

.grayText{
	color: #999;
}

.uppercase {
	text-transform: uppercase;
}

::selection
{
background: #e05664;
color: #fff;
}
::-moz-selection
{
background: #e05664;
color: #fff;
}

.radius3 {
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.radius6 {
	-moz-border-radius: 6px;
	border-radius: 6px;
}


.greenBorder {
	border-bottom-style:solid;
	border-color: #b1d671;
	border-width:3px;
	display: block;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.greenFrame {
	border-style:solid;
	border-color: #87c2a2;
	border-width:6px;
	display: block;
	margin: 0 0 10px 10px;
}

.checkBox {
	background: url("../img/check-img.png") no-repeat 0 10px;
	padding: 10px 0 10px 22px;
	display: block;
	
}


.yellow {color: #fdb913;}
.blue {color: #5280cd;}
.red {color: #dd3142;}
.darkRed {color: #5e0009;}
.white {color:#fff;}
.black {color:#000;
	opacity:0.5;
	filter:alpha(opacity=0.5);
}



#wrapper {
	
	width: 100%;
}


/* HEADER CSS ------------------------------------------------------------------------------- */

#headerWrapp {

	background: #ffd350;
	border-bottom: 1px solid #df4756;
	height: 67px;

}

#header {
	width: 880px;
	padding: 0 50px 0 50px;
	margin: auto;
	position: relative;

}

#socialNav ul , #socialNavFooter ul {
	width: 350px;
	height: 50px;
	position: absolute;
	left: 700px;
	top: 12px;
	
	
}

#socialNav ul li, #socialNavFooter ul li{
	float: left;
	width: 36px;
	height: 36px;
	margin: 5px;

}

#socialNav ul li a, #socialNavFooter ul li a{
	opacity:0.75;
	filter:alpha(opacity=0.75);
}

#socialNavFooter ul {
	left: 800px;
	top: 12px;	
}
#socialNavFooter ul li{
	float: left;
	width: 28px;
	height: 28px;
	margin: 3px;

}







#tripleWrapp {
	height: 372px;
	background: #f3f3f5 url(../images/triple-bkg.png) no-repeat center -25px;
}

#triple {
	width: 880px;
	padding: 0 50px 0 50px;
	margin: auto;
	position: relative;

}



#triple ul  {
	width: 880px;
	height: 290px;
	left: 71px;
	top: 65px;
	position: absolute;
}

.whiteBack1, .whiteBack2, .whiteBack3  {
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	width: 10px;
	height:10px;
	background: #fff;
	float: left;
	position: absolute;
	opacity:0;
	filter:alpha(opacity=0);
	left: 107px;
	top: 107px;
	z-index: 900;
}



.gaCircle {
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	width: 215px;
	height:215px;
	background: #f9c33f;
	float: left;
	position: relative;

}

.adsIcon {
	height: 137px;
	width: 137px;
	position: absolute;
	left: 40px;
	top: 39px;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index: 998;
	
}

.ad {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 290px;

}

.bulbPNG {
	height: 170px;
	width: 170px;
	position: absolute;
	left: 23px;
	top: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);	
	}
	
.bulbPNGColor {
	height: 170px;
	width: 170px;
	position: absolute;
	left: 23px;
	top: 16px;
	opacity:0;
	filter:alpha(opacity=0);
	}

	
.drawPNG {
	height: 170px;
	width: 170px;
	position: absolute;
	left: 23px;
	top: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);	
	}
	
.drawPNGColor {
	height: 170px;
	width: 170px;
	position: absolute;
	left: 23px;
	top: 16px;
	opacity:0;
	filter:alpha(opacity=0);
	}

	
	
.moneyPNG {
	height: 170px;
	width: 170px;
	position: absolute;
	left: 23px;
	top: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);	
	}
	
.moneyPNGColor {
	height: 170px;
	width: 170px;
	position: absolute;
	left: 23px;
	top: 16px;
	opacity:0;
	filter:alpha(opacity=0);
	}

	
	
.ttgad {
	position: absolute;
	left: 0px;
	bottom: 20px;
	width: 210px;
	text-align: center;
}




.designCircle {
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	width: 215px;
	height:215px;
	background: #7095d4;
	float: left;
	position: relative;

}

.designIcon {
	height: 137px;
	width: 137px;
	position: absolute;
	left: 39px;
	top: 35px;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index: 997;
	
}

.design {
	position: absolute;
	left: 310px;
	top: 0px;
	height: 290px;
}


.ttdesign{
	position: absolute;
	left: 0px;
	bottom: 20px;
	width: 210px;
	text-align: center;
}




.sellCircle {
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	width: 215px;
	height:215px;
	background: #e05664;
	float: left;
	position: relative;
}

.sellIcon {
	height: 137px;
	width: 137px;
	position: absolute;
	left: 39px;
	top: 35px;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index: 997;
	
}

.sell {
	position: absolute;
	left: 620px;
	top: 0px;
	height: 290px;
}

.ttsell {
	position: absolute;
	left: 0px;
	bottom: 20px;
	width: 210px;
	text-align: center;
}

.zindex {
    z-index: 999;
}

.pageTitle {
	position:absolute; 
	bottom:0px;
}

.headerHome {
		min-height: 560px;	
}

.headerInner {
		min-height: 230px;	
}

#logo {
	position: absolute;
	z-index: 999;
	left: 10px;
	top: 29px;
}


#sliderHold {
	position: absolute;
    width:1038px; /* Change this to your images width */
    height:438px; /* Change this to your images height */
	left: 0px;
	top: 105px;
	background: url("../img/slider-bkg.jpg") no-repeat center bottom;
}

#googleAdContent h1, #googleDesignContent h1, #googleSellContent h1  {
	padding: 0 0 20px 0;
	margin: 0px;
	color: #fff;
	display: inline;
	left: 30px;
	top: 25px;
	position:absolute;
	

}



#googleAdContentWrapp {
	overflow: hidden;
	background: #f9c33f url(../images/content-bg-shadow.png) repeat-x top left;
	height: 0px;
}

#googleAdContent {
	width: 880px;
	padding: 70px 50px;
	margin: 0 auto;
	position: relative;
	background: url(../images/ads-bkg.png)  no-repeat fixed center top;	
	
}
.bgYellow {
	background-color: #f9c33f;
}
.bgBlue {
	background-color: #7095D4;
}
.bgRed {
	background-color: #E05664;
}




.closeAds {
	position: absolute;
	right:0px;
	top: 20px;
	width: 20px;
	height: 20px;
	display: block;
	cursor:pointer;
}

#googleDesignContentWrapp {
	overflow: hidden;
	background: #7095D4 url(../images/content-bg-shadow.png) repeat-x top left;
	height: 0px;
}

#googleDesignContent {
	width: 880px;
	padding: 70px 50px;
	margin: 0 auto;
	position: relative;
	background: url(../images/design-bkg.png) no-repeat fixed center top;	
}

.closeDesign {
	position: absolute;
	right:0px;
	top: 20px;
	width: 20px;
	height: 20px;
	display: block;
	cursor:pointer;
}

#googleSellContentWrapp {
	overflow: hidden;
	background: #E05664 url(../images/content-bg-shadow.png) repeat-x top left;
	height: 0px;
}

#googleSellContent {
	width: 880px;
	padding: 70px 50px;
	margin: 0 auto;
	position: relative;
	background: url(../images/money-bkg.png)  no-repeat fixed center top;	
	
	
}

.closeSell {
	position: absolute;
	right:0px;
	top: 20px;
	width: 20px;
	height: 20px;
	display: block;
	cursor:pointer;
}



#load {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
	background: #fff url(../images/ajax-loader.gif) no-repeat center center;
	opacity:0.4;
	filter:alpha(opacity=0.4);

}

/* HEADER CSS END  -------------------------------------------------------------------------- */

/* CONTENT CSS ------------------------------------------------------------------------------ */


#contentWrapp {
	background-color: #fff;

}



#content{
	width: 880px;
	padding: 10px 50px 10px 50px;
	min-height: 220px;
	margin: auto;
	position: relative;
	background: #fff;
	
}

#content li {
	padding: 0 0 0 14px;
	background: url(../img/dot.png) no-repeat 0px 5px;
	color: #7D7D7D;
	line-height: 18px;
	margin: 0 0 5px 0;
	
}


#tablePrices {
	font-family: Arial;

}


#tablePrices  table {
	color: #777;
	font-size: 12px;
}

table  tbody td , th {
	border-right: 1px solid #fff;
}

table  tbody  tr:nth-child(2n+1){
	background: #efefef;
}

table  tbody  tr:nth-child(1){
	
}




#tablePrices  table  tr:nth-child(2n+1)  td:nth-child(3){
	background: #d0d8dc;
}

.prices  p {
font-size: 20px;
font-weight: bold;
text-shadow: 0 2px 0 rgba(255, 255, 255, 1);
padding: 10px 0 0 0;
}

.prices  p span {
font-size: 14px;
font-weight: normal;
}

#content iframe {
	width: 250px;
	height: 450px;
	position: absolute;
	z-index: 1;
	left: 758px;
	top: 22px;
	border: 1px solid #ddd;
	border-left: none;
}



#aboutWrapp {
	background: #f3f3f5;
}

#about {
	position: relative;
	min-height: 300px;
	width: 880px;
	padding: 50px;
	margin: 0 auto;
}

#about  h1 {
	font-family: "Sanchez";
	font-size: 36px;
	color: #dd3142;
	padding: 0;
}

#aboutText {
	position: absolute;
	width: 600px;
	min-height: 300px;
	right: 0px;
	top:60px;
}

.about a {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	opacity:0.6;
	filter:alpha(opacity=0.6);
}
.about a:hover {
	opacity:1;
	filter:alpha(opacity=1);

}
#aboutText p{

	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	
}


.cert {
	position: absolute;
	z-index: 801;
	top: 20px;
	}

.aboutImage {
	height: 292px;
	width: 292px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	border: 5px solid #f9c33f;
	background: url(../images/about-image.png) no-repeat center center;
	position: absolute;
	z-index: 800;
	top: 50px;
}




.more a {
	display:inline;
	color:#fff;
	right:440px;
	bottom:100px; 
	font-family: 'Sanchez',Trebuchet MS;

	min-height: 10px;
	font-size: 20px;
	margin-bottom: 5px;
	padding: 9px 18px 9px 18px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	background: #5280cd;
	margin: 10px 0 0 0;
	display: inline;
}

.more a:hover{
	background: #3661a9; 
}

.back {
	position: absolute;
	top: -10px;
	
}

.detailed {
	position: absolute;
	top:20px;
	right: 220px;
	display: block;
}


#sidebar {
	width: 270px;
	float: right;
	position: relative;
	padding-top: 180px;
	
}

.inner-product-img {

	position: absolute;
	top: -115px;
	left: 0px;
}

#mainContent {
	width: 630px;
	float: left;
	
	
}






/* CONTENT CSS END -------------------------------------------------------------------------- */



/* FOOTER CSS ------------------------------------------------------------------------------- */

#footerWrapp {
	width: 100%;
	min-height: 100px;
	background:#dddfe3;
	border-top: solid 1px #fff;
}

#footer {
	position: relative;
	width: 880px;
	min-height: 200px;
	padding: 0 50px;
	margin: auto;
	color: #dddfe3;
	font-size: 1em;
	
}

#footer h1 {
	margin: 0 0 5px 0;
}

#footer li {
	padding: 4px 0 4px 0;
}

#credits {
	position: absolute;
	top: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}


#footer .footerAddress {
	width: 280px;
	float: right;
	background: url("../img/logo-footer.png") no-repeat right top;
	display: block;
	margin: 10px 0 0 0;
	}

.dnk  a{
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 16px;
	height: 16px;
	display: block;
	float: right;
	background:url(../img/dnk.png) no-repeat;
	

}

.dnk  a:hover{

	background:url(../img/dnk.png) no-repeat bottom left ;

}

/* FOOTER CSS END ---------------------------------------------------------------------------- */