/* CSS Basics
--------------*/
body {color: #ccc; background-color: #111; margin:0; padding:0 0 30px; 0; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; text-shadow: #fff 0px 0px 0px; font-size:12px; line-height:1.7em; background-image:url(images/back.gif); text-align: center;}
a {color: #fff; text-decoration: underline;}
a:hover {color: #e02596; text-decoration: underline;}
p {margin:0; padding:0;}
h1 {font-size: 14px; font-weight: bold; margin:0 0 5px 0; color: #fff;}
strong {color:#fff; background-color:#d03091;}
	.strong {color: #d03091;}
img {border:0;}

/* Labels
----------*/
a.sofa {display:block; position:absolute; top:50px; right:-1px; width:83px; height:36px; background-image:url(images/sofa_label.png); background-position:0 -36px;}
/*	a.sofa:hover {background-position:0 -36px; width:83px;} */

.sirakaya {
	position:absolute;
	top:10px;
	right:-1px;
	width:178px;
	height:36px;
	background-image:url(images/sirakaya_label.png);
}

a.beta {position:absolute; top:10px; left:-1px; width:81px; height:58px; background-image:url(images/beta_label.png);}

/* Layout
----------*/
#container_parent {position:relative; width: 720px; margin:auto;}
	#container_child {position:relative; width:720px; float:left; margin:auto;}
	
#header {width:720px; height:250px;}

#left_shadow {position:absolute; height:100%; width:9px; left:0px; margin:0 -9px; background: url(images/shadow_left.png);}
#right_shadow {position:absolute; height:100%; width:9px; right:0px; margin:0 -9px; background: url(images/shadow_right.png);}

#sub_header {
	width:720px;
	float:left;
	line-height:2em;
	font-weight:bold;
	color: #fff;
	border-top: solid 1px #737373;
	border-bottom: solid 1px #737373;
	font-size:12px;
	background-color:#2b2b2b;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

.button_beta {display:block; width:115px; height:27px; margin:auto; margin-top:1.2em; background-image:url(images/button_beta.png);}	
	.button_beta:hover {background-position:0 27px;}

.two_collumn {width:315px; float:left; text-align: left;}
	*[class="two_collumn b"] {margin-left:0px;}
	
.two_collumn_subscribe {width:315px; float:left; margin-left:25px; text-align: left;}

.features {
	width:720px;
	float:left;
	background-color:#424242;
	color:#ccc;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

#subscribe {
	width:720px;
	float:left;
	background-color:#555;
	color:#ccc;
	border-bottom: solid 1px #333;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
#subscribe input.email {width:200px; display:block; padding:0; margin:0 10px 0 0; float:left;}
.button_subscribe {width:82px; height:22px; padding:0; margin:-2px 0 0 0; border:0; background:url(images/button_subscribe.png) top center; float:left;}
	.button_subscribe:hover {background:url(images/button_subscribe.png) bottom center}
	
.button_send {width:82px; height:22px; padding:0; margin:-2px 0 0 0; border:0; background:url(images/button_send.png) top center; float:left;}
	.button_send:hover {background:url(images/button_send.png) bottom center}

.screenshots {width:720px; height:215px; float:left; background: url(images/screenshots_back.jpg) no-repeat;}
	.screenshot {margin: 30px 0 0 30px; float: left;}
	
#footer {width:720px; position:relative; float:left; text-align:center; background-color:#2b2b2b; border-top:1px solid #737373; font-size:10px; padding:15px 0 10px 0}
	.bottom {margin:0 0 0 -8px;}
	
.invisible {display: none;}
.viewsamples {color: #ffffff; background-color:#d03091;}
.form_label {color: #ffffff; background-color:#d03091; text-align: right;}
.form_text {text-align: left; background-color:#555;}