@charset "utf-8";

/*
Adapted from a design originally by NodeThirtyThree <http://www.nodethirtythree.com>
Published by Free CSS Templates <http://www.freecsstemplates.org/>
Released for free under a Creative Commons Attribution 2.5 License
*/

*{
	margin: 0;
	padding: 0;
}

* html a {
	height: 1px; /* IE FIX to make entire area of links clickable */
}

html {-webkit-text-size-adjust: none;} /* iphone text size fix */

body {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	/* background: #FFFFFF url(../img/stylized/topline.png) repeat-x; */
	background: #FFFFFF url(../img/stylized/topline_min2.png) repeat-x;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	/* font-family: "Arial Rounded MT", Calibri, Trebuchet, Arial, Helvetica, sans-serif; */
	font-size: 16px; 
	color: #333;
}

h1, h2, h3 {
	/* text-transform: lowercase; */
	color: #222;
	margin-bottom: 16px;
}

h1 {
	/*letter-spacing: -1px; */
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

p, ul, ol, li {
	margin-bottom: 1em; 
	/* font-family: Trebuchet, Arial, Helvetica, sans-serif; */
	font-size: 16px; /* 1em; */
	/*text-align: justify;*/
	line-height: 140%;
}

ul,ol {
	margin-left: 1em;
}

ul {
	list-style-type: disc; /* square */
}

ol {
	list-style-type: decimal;
}

ul.compact li, ol.compact li{
	margin-top: -0.8em;
}


h1 + p {
	font-size: 18px;
	margin-top: -8px;
}

/*
h2 + p {
	font-size: 17px;
	margin-top: -8px;
}
*/

/* added to handle iphone display issue - does not work
ul + li {
	font-size: 16px;
	margin-top: -8px;
}
*/

.error {
	margin: 10px 0 20px 0;
	/* padding: 0 0 5px 0; */
	/* margin-bottom: 20px; */
	color: #cc3300;
}

input.error, label.error, textarea.error {
	display: block;
	margin: 0;
	color: #cc3300;
}

.message {
	margin: 25px 0 ;
	padding: 2px 10px;
	background: #a2e060;
	font-weight: bold;
}

.quote {
	color: #222;
	background: #eee;
	margin: -5px 0 -10px 0; 
	padding: 5px 10px;
}

a {
	color: #cc3300;
}

a:hover {
	text-decoration: none;
	color: #444444;
}

img {
	border: none;
}

img.left {
	float: left;
}

img.right {
	float: right;
}

.tn img {
	border: 8px solid #F5F5F5;
}

hr {
	display: none;
}

table, .filter {
	margin-bottom: 16px;
}

.filter table {
	margin: 1px 0 2px 0 ;
	padding: 0 0 0px 0 ;
}


/* Topline ------------------------------------------------------------- */

#topline {
	/* font-family: Trebuchet, Arial, Helvetica, sans-serif; */
	width: 1024px; 
	height: 63px; /* 99px; */ 
	margin: 0 auto;
	zoom: 1; /* test IE67 fix */

}

#logo {
	float: left;
	width: 320px;
	/* padding: 30px 0 34px 0; */
	padding: 0 0 36px;
	margin-left: 4px;
	height: 34px;
	background: url(../img/logos/adremixer_logo278x50.png) no-repeat scroll 25px 30%;  /* 100% */
/*	background: url(../img/logos/adremixer_privatebeta.png) no-repeat 25px; */

}

#connection {
	float: right;
	padding: 24px 32px 0 0;
	/* text-transform: lowercase; */
	font-weight: normal;
	font-size: 16px;
	color: #444444;
}

#connection a {
	text-decoration: none;
	color: #cc3300;
}

#connection a:hover {
	text-decoration: none;
	color: #444444;
}

#version {
	clear: both;
	float: right;
	margin: -24px 32px;
	padding: 2px 10px;
	background: yellow;
}


/* Menu  ------------------------------------------------------------- */

#menu {
	/* font-family: "Arial Rounded MT Bold", Calibri, Trebuchet, Arial, Helvetica, sans-serif; */
	/*width: 1024px; */
	/* float: left; */
	height: 40px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 10px 0 10px 20px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a.nav {
	display: block;
	float: left;
	height: 25px;
	margin: 0 10px;
	padding: 2px 20px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: black url(../img/navmenu/blockdefault.png) center center repeat-x;
}

#menu a.nav:hover {
	/* text-decoration: underline; */
	background: black url(../img/navmenu/menu_active.png) center center repeat-x;
}

#menu .active a.nav {
	/* background: #EC0000 url(http://../img/stylized_img03.gif) repeat-x left bottom; */
	background: black url(../img/navmenu/menu_active.png) center center repeat-x;
}

/* Sharing and social  -------------------------------------------------- */

.sharing {
	float: right;
}



/* SUBMenu  ------------------------------------------------------------- */

#submenu {
	/* font-family: "Arial Rounded MT Bold", Calibri, Trebuchet, Arial, Helvetica, sans-serif; */
	width: 1024px; 
	height: 34px;
	margin: 0 auto;
}

#submenu ul {
	margin: 0;
	padding: 9px 0 0 20px;
	list-style: none;
	line-height: normal;
}

#submenu li {
	display: inline;
}

#submenu a {
	display: block;
	float: left;
	height: 17px;
	margin: 0 10px;
	padding: 2px 20px 6px 20px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #888888;
	background: #eeeeee;
}


#submenu a:hover {
	/* text-decoration: underline; */
	color: #cc3300;
	background: #e3e3e3;
}

#submenu .active a {
	/* background: #EC0000 url(http://../img/stylized_img03.gif) repeat-x left bottom; */
	color: #cc3300;
	background: #e3e3e3;
}




/* Background image ------------------------------------------------------------- */


#bg{
	background: url(../img/stylized/stylized_img04.png) no-repeat center top;
	width: 1024px; 
	margin: 0 auto;
}


#bg.sidebar{
	background: url(../img/stylized/stylized_img04_blog.gif) no-repeat center top;
	width: 1024px; 
	margin: 0 auto;
}




/* Page ------------------------------------------------------------- */

#page {
	/* font-family: "Arial Rounded MT", Calibri, Trebuchet, Arial, Helvetica, sans-serif; */
	/* width: 1024px; */
	margin: 0 auto;
	padding: 16px 32px;
	/* background: url(../img/stylized/stylized_img04.gif) no-repeat center top; */
}

/* kept in case we need to use for the blog page later
#page.blogpage {
	background: url(../img/stylized/stylized_img04_blog.gif) no-repeat center top;
}
*/


/* Content DEPRECATED ------------------------------------------------------------- */

/* 
#content {
	float: left;
	width: 986px; 
	padding: 20px;
}
*/


/* Posts DEPRECATED ------------------------------------------------------------- */

/* 
.post h1, .post h2{
	margin: 4px 4px 10px 6px;
	padding-left: 20px;
}

.post a {
	text-decoration: none;
	color: #292929;
}


.post .entry {
	padding-left: 20px;
}
*/



/* Blocks ------------------------------------------------------------- */

div.blockarea {
	margin: -10px -12px -20px -12px;
	/* padding-bottom: 20px; */
}

div.block{
	/* width: auto; height: auto; */	
	background: url(../img/stylized/block_tr.png) no-repeat top right;
	float: left;
	margin: 4px 4px 12px 4px;
	/*margin-bottom: 10px; */
}

div.block div{
	/* width: auto; height: auto; */
	background: url(../img/stylized/block_tl.png) no-repeat top left;
	/* float: left; */
}
	
div.block div div{
	/* width: auto; height: auto; */
	background: url(../img/stylized/block_br.png) no-repeat bottom right;
	/* float: left; */
}

div.block div div div{
	/* width: auto; height: auto; */
	background: url(../img/stylized/block_bl.png) no-repeat bottom left;
	/* float: left; */
	padding: 24px 32px 32px 32px;
}

/* div.block div div div div{
	width: auto; height: auto;
	background: url(../images/backgrounds/block_bg.png) no-repeat center top ;
	float: left;
} */

/*
div.block h2, div.block p {
	margin: 0 0 10px 0;
	padding-left: -10px; 	
}
*/

/* added to correct iphone display issue 
div.block div div div ul, li { 
	font-size: 14px;
	margin-top: -8px;  
}
*/


.fullwidth {
	width: 968px;	
}

.width3_4 {
	width: 736px; 
}

.width2_3 {
	width: 648px; 
}

.width1_2 {
	width: 480px; 
}

.width1_3 {
	width: 320px; 
}

.width1_4 {
	width: 232px; 
}

.height1_3 {
	height: 320px; 
}

.height1_2 {
	height: 480px; 
}

.height2_5 {
	height: 384px; 
}

.height3_8 {
	height: 360px; 
}

.endfloat {
	clear: both; /* this class ensures the element begins on a new line below any other floated elements*/
}

/* Sidebar DEPRECATED ------------------------------------------------------------- */

/*
#sidebar {
	float: right;
	width: 214px;
	padding: 0 1px 0 0;
}

#sidebar a {
	color: #4A5157;
}

.box {
}

.box .title {
	height: 27px;
	padding: 6px 0 0 34px;
	background: #C80000 url(../img/stylized/stylized_img05.gif) no-repeat;
	text-transform: lowercase;
	font-size: 17px;
	color: #FFFFFF;
}

.box .content {
	padding: 26px;
	background: url(../img/stylized/stylized_img06.gif) repeat-x;
}

.box ul {
	list-style: none;
	line-height: normal;
}

.box ul li {
	margin-bottom: 13px;
	font-size: 12px;
}

.box small {
	font-size: 10px;
	color: #808C96;
}
*/



/* Big Blue Buttons ------------------------------------------------------------- */


span.button {
	display: block; 
	/* width: auto; */
	margin: 0 10px 10px 10px; 
	background: url(../img/stylized/big_blue_button_r.png) no-repeat top right;
}

span.button:hover {
	background-position: right -52px;
}

span.button.inline {
	float: left;
}

span.button.center {
	clear: both;
}

a.button {
	display: block;
	/* width: auto; */
	/* margin: 10px; */
	/* clear: both; */
	padding: 12px 20px 12px 20px;
	font-size: 22px;
	text-align: center;
	color: #ffffff;
	background: url(../img/stylized/big_blue_button_l.png) no-repeat top left;
}

a.button:hover {
	background-position: 0 -52px;
	color: #ffffff; /* for IE */
}


/* FAQ ------------------------------------------------------------- */

#faq h2:hover,#faq h3:hover {
	cursor: pointer;
	color: #c30;
}


/* Forms ------------------------------------------------------------- */

form.filter {
	background: #eeeeee;
	padding: 5px 0 0 0;
}



/* Footer ------------------------------------------------------------- */

#footer {
	clear: both;
	padding: 20px 0 20px 32px; /* ensures can see full depth of the image */
	background: url(../img/stylized/stylized_img08.gif) no-repeat center top;
	font-size: 12px;
}

#footer p {
	text-align: center;
}




th				{padding: 1px 5px 2px 5px;}

tr				{color: #505050; margin: 0pt; padding: 15pt;}

td				{padding: 0px 5px 0px 5px; text-align: right; vertical-align: top;}

/* td.label		{max-width: 100px;} */

td.label, td.textfield		{padding: 2px 10px 10px 10px; text-align: left;}

/* tr.survey		{background-color: #fff; margin: 15pt; padding: 15pt; text-align: left;} */
td.survey		{background-color: #fff; margin: 10pt; padding: 10pt; text-align: left;}