body, div, p, img, ol, ul, li, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}

body{
	background-color: #fff;
	font-family: Arial, sans-serif;
	background: url('../images/backg-top.png') top center repeat-x;	
}

a {color: #5c2a85;}
a img {border: none;}

ol, ul {padding: 2px 0px 5px 0px;}

ol li, ul li {
	margin: 2px 0px 0px 20px; 
	line-height: 1.3em;
}

* html .png-static {	
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}

h1 { 
	font-size: 1.8em;
	font-weight: normal;
	color: #8f2b08;
	padding: 15px 0px 5px 0px;
}
h2 { 
	font-size: 1.6em;
	font-weight: normal;
	color: #8f2b08;
	padding: 20px 0px 5px 0px;
}
h3 { 
	font-size: 1.4em;
	font-weight: normal;
	color: #8f2b08;
	padding: 15px 0px 3px 0px;
}
h4 { 
	font-size: 1.3em;
	font-weight: normal;
	color: #000;
	padding: 10px 0px 3px 0px;
}

#wrapper{	
	width: 940px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	font-size: 0.9em;
}
#wrapper.mobile {
	width: 440px;
	padding: 0px 10px;
}

/* ##################################### header ################################################# */

#header{
	height: 383px; 
	position: relative;
}

.iphone-block  {
	width: 444px; /* full width is 535, but with padding it's only 444*/
	height: 307px; /* full height is 332, but with padding it's only 307*/
	float: right;
	display: block;
	margin-top: 50px; 	
	padding: 25px 0px 0px 91px;
	
	background: url("../images/iphone.png") top left no-repeat;
}   
.iphone-block  p *{
	margin-left: 6px; 
}

.logo-block {
	padding: 23px 0px 0px 83px;
	text-align: center;
	width: 265px;
}
.contour {
	background: url('../images/contour-white.png') top left no-repeat;
	width: 265px;
	height: 107px;
	padding: 15px 0px 0px 12px;
	margin: 15px 0px 12px 0px;
	text-align: left;
}
.contour *{
	padding-right: 8px;
}

.moon-img {
	position: absolute;
	top: 0;
	left: 600px;
	z-index: -1;
}
/* ##################################### header End ################################################# */

#left-column{
	width: 453px;
}
#left-column p{
	padding: 5px 0px;
	line-height: 1.3em;
}
.email-class {
	vertical-align: middle; 
	*vertical-align: bottom;
}
.sharethis {
	margin: 20px 0px 30px 0px;
}

/* ################################### right-column ################################################# */
#right-column{
	float: right;
	display: inline;
	width: 458px;
}

/* for twitter */
.twtr-hd {display: none;}
.twtr-ft {display: none;}

.zoe-twitter {
	float: right;
	margin-top: 5px;
}
.cupid-twitter {	
	margin-top: 5px;
}

.twitter-top {
	width: 220px;
	height: 11px;
	font-size: 8px;
	background: url('../images/twitter-top.jpg') top left no-repeat;
}

.twitter-center {
	width: 216px;
	background: url('../images/twitter-center.jpg') top left repeat-y;
	padding: 0px 2px;	
}

.twitter-bottom {
	width: 220px;
	height: 11px;
	font-size: 8px;
	background: url('../images/twitter-bottom.jpg') top left no-repeat;
}

.twitter-center .icon-follow-part {
	padding: 0px 18px 5px 7px;
	height: 84px;
}
.twitter-center  .follow {
	text-align: center;
	float: right;
}
.twitter-center  .follow h3{
	padding: 3px 0px 7px 0px;
}
/* overriding styles for classes from twitter-widget */
#right-column .twtr-widget .twtr-tweet a {
	color: #5c2a85 !important;
}
#right-column .twtr-widget .twtr-tweet {
	border-bottom: none;
	padding: 0px;
	margin: 0px;
}
#right-column .twtr-hyperlink {
	font-weight: bold;
}
#right-column  .twtr-widget i {
	display: inline;
	font-size: 1em;
	font-weight: bold;
}
#right-column .twtr-tweets {
	height: 495px;
	overflow: hidden;
}
#right-column .twtr-bd .twtr-timeline .twtr-timestamp, #right-column  .twtr-bd .twtr-timeline .twtr-reply  {
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic;
	color: #666 !important;
}
/* overriding styles for classes from twitter-widget End*/
/* for twitter End */

.overviews-block {
	width: 458px;
	clear: right;
}
.overview{
	padding: 10px 0px;
}
.overviews-block p{
	padding: 2px 0px;
}
.overviews-block p.date {	
	color: #8b6db5;
	font-size: 0.8em;
	padding: 2px 0px 10px 0px;
}

.facebook-widget{
	padding-top: 20px;
}
/* ################################### right-column End ############################################# */


/* ################################### bottom-part ################################################## */
#bottom-part p{
	padding: 6px 0px;
	font-size: 0.9em;	
}
.sale-block {
	margin-top: 5px;
	float: right;
	text-align: center;
}
.mobile .sale-block {
	padding: 15px 0px 15px 93px;
	float: none;
	width: 270px;
	display: block;
	text-align: center;
}
.sale-block .contour {
	background: url('../images/contour-yellow.png') top left no-repeat;
}
.sale-block .contour {	
	width: 265px;
	height: 107px;
	padding: 12px 0px 0px 15px;
	margin: 15px 0px 12px 0px;
	text-align: left;
}
.sale-block .contour *{
	padding-right: 8px;
}

.field , .message{
	border: none;
	/*border: 1px solid #bdbdbd;*/
	padding: 3px 5px;	
	color: #666;
}
.message {	
	width: 445px;
	height: 97px;
	font-size: 1em;
	font-family: Arial;
	background: url('../images/backg-round-corners-message.jpg') top left no-repeat;
}
.field {	
	width: 320px;
	height: 18px;
	font-family: Arial;
	background: url('../images/backg-round-corners-field.jpg') top left no-repeat;
}
.button-send {
	border: none;
	background: url('../images/button-send.jpg') top left no-repeat;
	width: 95px;
	height: 40px;
	margin-top: 16px;
	cursor: pointer;
}
.error_up {
	color: #890b0c;
	font-size: 0.9em;
}
/* ################################### bottom-part End ############################################## */

#footer{
	padding: 80px 0px 10px 0px;
	*padding: 0px;
	*margin: 80px 0px 10px 0px;
	clear: both;
	color: #ccc;
	text-align: center;
	font-size: 0.75em;
}
#footer p {
	padding-top: 3px;
}

