/*-----------------------------------------------------------------------------
Sitris Redesign Stylesheet

version:   1.0
author:    mark wallis
email:     mark@markjohnwallis.com
website:   http://markjohnwallis.com/
-----------------------------------------------------------------------------*/

/* =Basic
-----------------------------------------------------*/
body {
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
	/* ToDO: replace with pattern */
	background: #fdffd4;
}

h1, h2, h3 {
	color: #360;
	font-weight: normal;
	letter-spacing: -1px;
	
	margin: 0 0 0.25em 0;
}

h2 {
	font-size: 24px;
}

p {
	font-size: 120%;
	line-height: 1.5em;
	margin: 0 0 0.25em 0;
}

dl {
	margin: 0;
	padding: 0;
}

dt {
	margin: 0;
	padding: 0;
}

dd {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

/* =Misc
-----------------------------------------------------*/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

a.more {
	color: #c00;
	text-transform: uppercase;
	font-size: 70%;
	font-style: italic;
	font-weight: normal;
}

a.more:hover {
	color: #900;
}

/* =Wrapper
-----------------------------------------------------*/
#wrapper {
	width: 950px;
	
	margin: 0 auto;
	padding: 0;
	text-align: left;
	
	background: #fff;
}

#temp-header {
	margin: 0;
	padding: 0;
	width: 950px;
	height: 140px;
	background: url(../img/temp-header.png) no-repeat 0 0;
}

/* =Banner
-----------------------------------------------------*/
#banner {
	width: 930px;
	height: 268px;
	position: relative;
	background: #fff url(../img/banner-bg.png) no-repeat bottom left;
	margin: 10px auto 20px;
	padding: 0;
}

img#banner-img {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#banner h2 {
	font-size: 28px;
	margin: 0 0 0 352px;
	padding: 20px 0 0;
}

#banner p {
	margin: 0 20px 20px 355px;
	padding: 10px 0 0;
}

a#view-demo {
	display: block;
	width: 221px;
	height: 31px;
	/*background: url(../img/view-demo-hover-button.gif) no-repeat 0 0;*/
	/*text-indent: -9999px;*/
	
	position: absolute;
	top: 177px;
	left: 354px;
}

/*a#view-demo:hover {
	background-position: 0 -30px;
}*/

a#sign-up {
	display: block;
	width: 221px;
	height: 31px;
	/*background: #fff url(../img/sign-up-hover-button.gif) no-repeat 0 0;*/
	/*text-indent: -9999px;*/
	
	position: absolute;
	top: 177px;
	left: 593px;
}

/*a#sign-up:hover {
	background-position: 0 -29px;
}*/

#badge {
	position: absolute;
	left: 785px;
	top: 135px;
	
	z-index: 100;
}

/* =Main Content
-----------------------------------------------------*/
#main-content {
	width: 930px;
	height: 202px;
	position: relative;
	background: #fff url(../img/main-content-bg-tile.png) repeat-x bottom left;
	margin: 10px auto 8px;
}

.block {
	width: 60%;
	float: left;
}

.block img {
	float: left;
}

.block p {
	margin-left: 95px;
}

#signed-up {
	float: right;
	position: relative;
	width: 340px;
	height: 182px;
	background: url(../img/already-signed-up-bg.png) no-repeat 0 0;
}

#signed-up a {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 141px;
	height: 31px;
	/*background: url(../img/make-call-hover-button.gif) no-repeat 0 0;*/
	/*text-indent: -9999px;*/
}

/*#signed-up a:hover {
	background-position: 0 -30px;
}*/

/* =Sub Content
-----------------------------------------------------*/
#sub-content {
	float: left;
	width: 930px;
	margin: 10px 10px;
	background: #fff url(../img/sub-content-bg.png) no-repeat bottom center;
	display: inline; /* fixes IE/Win double margin bug */
}

#left-block {
	float: left;
	width: 460px;
	padding-bottom: 20px;
}

#left-block dl {
	float: left;
	margin: 10px 20px;
	display: inline; /* fixes IE/Win double margin bug */
}

#left-block dt {
	float: right;
	width: 202px;
	font-size: 24px;
	color: #360;
	letter-spacing: -1px;
	margin-top: -5px;
}

#left-block dd.txt {
	font-size: 120%;
	line-height: 1.5em;
	margin-left: 218px;
}

#left-block dd.img img {
	float: left;
	margin: 0 20px 0 0;
}

/* reverse the floats */
dl#professionals dt {
	float: left;
}

dl#professionals dd.img img {
	float: right;
	margin: 0 0 0 20px;
}

dl#professionals dd.txt {
	margin: 0 218px 0 0;
}


#right-block {
	float: right;
	width: 460px;
}

#voice-info {
	float: left;
	display: inline; /* fixes IE/Win double margin bug */
	width: 43%;
	margin: 6px 10px 20px 20px;
}

#voice-info h2 {
	margin-bottom: 0;
}

#voice-btns {
	float: right;
	display: inline; /* fixes IE/Win double margin bug */
	width: 43%;
	margin: 20px 20px 20px 10px;
	padding-top: 20px;
}

#right-block ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

#right-block li {
	margin-bottom: 5px;
}

.voice-btn {
	width: 174px;
	height: 29px;
	background: url(../img/voice-button.gif) no-repeat 0 0;
}

.voice-btn a {
	display: block;
	color: #999;
	background: transparent;
	line-height: 2em;
	text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	font-size: 14px;
}

.voice-btn a:hover {
	color: #666;
}

/* =Footer
-----------------------------------------------------*/
#footer {
	float: left;
	width: 930px;
	background: #e9e9e9 url(../img/footer-bg-tile.png) repeat-x 0 0;
	margin: 0;
	border: 10px solid #fff;
	border-top-width: 0;
}

#footer p {
	font-size: 90%;
	color: #000;
	margin: 10px;
}