/*

	CityOffices Features & Subscribe Pages
	Rework 13.07.10
	
*/


div#features-table
{
	float: left;
	width: 940px;
	min-height: 500px;
	padding: 0;
	margin: 0 0 0 0;
	background-color: #fcf6be;
	border-radius: 10px;
	box-shadow: 0 0 10px #ccc;
	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
}

div#features-table h1
{
	font-size: 1.1em;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	text-shadow: #fff 1px 1px 1px;
}

div#features-table p
{
	font-family: Georgia, Times New Roman, Times, Serif!important;
	font-size: 0.8em;
	font-style: italic;
	color: #666;
	line-height: 1.5em;
	padding: 0 0 5px 0;
	margin: 0 0 7px 0;
}

div#features-table p.smaller
{
	font-size: 0.75em;
	color: #489acf;
}

div#features-table p a
{
	font-family: Georgia, Times New Roman, Times, Serif!important;
	font-style: italic;
}






/* Sections */

div#registered
{
	width: 920px;
	padding: 10px;
	margin: 0;
	background-image: url("../images/features/registered_bg.gif");
	background-repeat: repeat-x;
	background-color: #d6ebf8;
}

div#registered h1
{
	color: #73b6df;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
}

div#registered p
{
	width: 600px;
}


div#subscriber
{
	width: 930px;
	min-height: 340px;
	padding: 10px 0 20px 10px;
	margin: 0;
	background-color: #f1e681;
	position: relative;
	background-image: url("../images/features/subs_bg.gif");
	background-repeat: repeat-x;
}

div#subscriber p
{
	color: #254655;
}

div#subscriber h1
{
	color: #489acf;
}

p#subs-col-one
{
	position: absolute;
	top: 120px;
	left: 340px;
	width: 270px;
	padding: 0 20px 0 0!important;
	margin: 0 0 0 0;
}

p#subs-col-one span
{
	font-family: Georgia, Times New Roman, Times, Serif!important;
	font-size: 1.2em;
}

p#subs-col-two
{
	position: absolute;
	top: 120px;
	left: 640px;
	width: 290px;
	padding: 0 20px 0 0!important;
	margin: 0 0 0 0;
}



/* Contact */

div#contact
{
	float: left;
	width: 290px;
	padding: 10px 0 10px 10px;
	margin: 20px 0 0 0!important;
	background-color: #f0e476;
	border: 1px solid #dccf5c;
	border-radius: 5px;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

div#contact h2
{
	width: 250px;
	font-size: 0.8em;
	font-weight: bold;
	color: #153a51;
	padding: 0 0 0 0;
	margin: 0;
	line-height: 1.2em;
}


h3#features-heading
{
	font-family: Georgia, Times New Roman, Times, Serif!important;
	font-weight: normal;
	font-size: 0.9em;
	font-style: italic;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-top: 1px solid #eada4a;
}


/* Form */

input.contact-form, textarea.contact-form
{
  margin: 1em 0 0 0;
  width: 270px;
  border: 1px solid #e6d012;
  padding: 5px;
  background-color: #fff;
}

textarea#message
{
	height: 80px;
	font-family: arial, helvetica, sans-serif; /* Only IE is daft enough to need this declared */
}


input.send-button
{
	padding-top: 10px;
}



/* Cities Deal */

div#cityoffices-deal
{
	position: absolute;
	top: -20px;
	left: 270px;
}


/* Screen Shots */

div#screenshots
{
	position: absolute;
	top: 20px;
	left: 640px;
}

div#screenshots h3
{
	font-family: Georgia, Times New Roman, Times, Serif!important;
	font-weight: normal;
	font-style: italic;
	font-size: 0.7em;
	color: #254655;
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
}





/* For Screenshot pages */

body#screengrab
{
		background-image: url("../images/features/screenshots/bodybg.gif");
	background-repeat: repeat-x;
}

div#header-screenshot
{
	width: 940px;
	height: 80px;
	position: relative;
	background-color: #;
}

div#header-screenshot h1
{
	font-size: 1em;
	color: #fff;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
}

div#header-screenshot p
{
	font-size: 0.8em;
	color: #fff;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
}

div#header-screenshot p span.note
{
	font-family: Georgia, Times New Roman, Times, Serif!important;
	font-weight: normal;
	font-size: 0.9em;
	font-style: italic;
	color: #999;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}



/* For video */


/* Text Col */

div#features-text
{
	float: left;
	width: 285px;
	padding: 0 0 0 20px;
	margin: 0;
	background-color: #;
}

div#features-text h1
{
	font-size: 1.1em;
	line-height: 1.3em;
	padding-bottom: 10px!important;
	margin: 0!important;
}



div#video
{
	float: left;
	width: 610px;
	min-height: 500px;
	padding: 10px;
	margin: 0 0 0 0;
	background-color: #fff;
	border: 1px solid #55bbfc;
	border-radius: 10px;
	box-shadow: 0 0 10px #ccc;
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
}


div#demo-video-flash
{
	background-color: #fff;
	width: 518px;
	height: 350px;
	margin: 10px auto 0 auto;
}


h2#tour-text-heading
{
	font-size: 1.1em;
	line-height: 1.3em;	
}

.narrow
{
	width: 518px;
	padding: 0 0 20px 0;
	margin: 0 auto;	
}



/* Form */

div#contact-tour
{
	float: left;
	width: 275px;
	padding: 10px 0 10px 10px;
	margin: 20px 0 0 0!important;
	background-color: #f0e476;
	border: 1px solid #dccf5c;
	border-radius: 5px;
	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
}


input.contact-form-tour, textarea.contact-form-tour
{
  margin: 1em 0 0 0;
  width: 255px;
  border: 1px solid #e6d012;
  padding: 5px;
  background-color: #fff;
}


/* For IE6, the stupid thing */
img, #cityoffices-deal { behavior: url(/resources/css/iepngfix.htc) }