button,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/*
Essential
-------------------------------------------------------------------------------------------------------------------------------*/
script {  }
a { color:#00A6EA;  }
a:hover { color:#069;}
a.delete { color:#c33; }
body { font: 0.8em "Lucida Grande", arial, helvetica, sans-serif; color: #555; background:#f8f8f8 url(images/marketing/bodybg.jpg) top left repeat-x; }
#container { margin:0 auto; width:960px; }
#header { float:left; clear:both; width:960px; height:140px; margin:0; padding:0; overflow:hidden; }
#content { float:left; clear:both; width:960px; margin:0; padding:0; }
#footer { background: url(images/layout/footerbg.jpg) top left repeat-x; clear:both; padding:0; width:100%; float:left; border-top:3px solid #999; }

ul { font-family:"Lucida Grande",Arial, Helvetica, sans-serif; }
table {font-family:"Lucida Grande",Arial, Helvetica, sans-serif; }

h1 { font-family: Arial, Helvetica, sans-serif; }
h2 { font-family: Arial, Helvetica, sans-serif; }
h3 { font-family: Arial, Helvetica, sans-serif; }


h2.lrg { font-size:2em; }

/*
General
-------------------------------------------------------------------------------------------------------------------------------*/
.button { font-size:.9em; float:left; display:inline; margin:0 5px; font-family:"Lucida Grande",Arial, Helvetica, sans-serif; background:#00A6EA url(images/marketing/buttonbg.jpg) top left repeat-x; font-weight:bold; text-decoration:none; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.button:hover { background:#00A6EA; }
	.button span { display:none; }
	.button a { display:block; text-decoration:none; color:#ccc; padding:5px 10px; }
	.button a:hover { text-decoration:none; color:#fff; }
	input.button {border:none;  padding:5px 10px;}
	
/*
Header
------------------------------------------------------*/
#header h1 { float:left; width:300px; margin:0 20px 0 0; height:160px; padding:0; background:url(images/marketing/logo.jpg) 0 30px no-repeat; }
	#header h1 span { display:none; }
#header p { margin:0 0 0 30px;}

/*
Navigation
------------------------------------------------------*/
#navigation { width:625px; height:34px;  float:left; display:inline; padding:0; margin:45px 0 0 0; color:#999; font-size:.9em; }
	#navigation ul { float:left; list-style:none; margin:8px 0 0 10px; padding:7px 15px; float:left; display:inline; -moz-border-radius: 20px; -webkit-border-radius: 20px; background:#e6e6e6; }
	#navigation ul li { float:left;  margin:0 15px 0 5px; }
	#navigation ul li a { font-size:1.2em; font-weight:bold; height:34px; padding:8px 1px 0 3px; text-decoration:none; color:#52197D; font-family: Arial, Helvetica, sans-serif;  }
	#navigation ul li a:hover { text-decoration:none; color:#000; }
	#navigation ul li a.down { padding-right:20px; background:url(images/layout/navarrow.png) right center no-repeat; }
	#navigation ul li a.down:hover { padding-right:20px; background:#333 url(images/layout/navarrow.png) right center no-repeat; }


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


#content-left { float:left; width:270px; margin:20px; }

	#content-left ul { float:left; margin:0; }
		ul.bullet { list-style:disc; }
		ul.bullet li { float:left; margin:5px 0 0 20px;}
		#content-left li { float:left; width:250px; margin:10px 0; }
	#content-left p { float:left; clear:both; width:270px; margin:5px 0 10px 0; font-size:.9em; line-height:1.5em; }
	#content-left h5 { font-family:'Arial Rounded MT Bold', Helvetica, arial, sans-serif; font-size:1.3em; color:#333; float:left; clear:both; display:block;  width:270px; margin:20px 0 0 0; }
.small { font-size:.8em; color:#999;}

#content-right { float:left;  width:630px; }

	#content-right img { margin:20px 20px 20px 0; }

#highlight { margin:0; float:left; display:inline; background:#DEF2F9 url(images/marketing/highlight_tile.jpg) top left repeat-x; padding:20px 0; }

	#highlight p { margin:5px 20px; line-height:1.6em; }
	
	#highlight ul { margin:0 0 0 20px; }
		#highlight li { float:left; width:610px; margin:20px 10px 10px 0; line-height:1.8em; color:#333; }
		#highlight li strong { font-family:'Arial Rounded MT Bold', Helvetica, arial, sans-serif; font-size:1.2em; color:#f93; background:#fff; margin-right:5px; border:1px solid #ccc; border-top:none; border-left:none; padding:3px 5px; text-transform:uppercase; }
	h2 { font-family:'Arial Rounded MT Bold', Helvetica, arial, sans-serif; font-size:1.5em; margin:20px 0 10px 20px; color:#4D157A; }
	.large { font-size:1.7em; color:#4D157A; }
	#highlight li img { float:left; display:inline; margin:5px 0; }
	#highlight li textarea { float:left; display:inline; margin:5px 0; width:580px; }
	
.content-block { float:left; background:#fff; width:280px; margin:20px 20px 20px 0; padding:0 0 20px 0; border:1px solid #DEF2F9; }
	.content-block p { margin:0 20px 5px 20px; line-height:1.4em;}
	.content-block h4 { margin:10px 20px 0 20px;}


p.footer { float:left; clear:both; padding:10px 0; font-size:.9em; color:#9FE7F7; margin:10px 0;}

/*
Forms
-------------------------------------------------------------------------------------------------------------------------------*/
#content fieldset {  margin:0; width:95%; clear:both; margin:5px 10px 20px 10px; font-size:.9em; line-height:1.3em; background:#f8f8f8; padding:5px 5px 10px 5px; border-bottom:1px solid #ccc; }
fieldset div { float:left; margin:10px 10px 0 0;  }
fieldset .password, fieldset .text, fieldset .select { float:left; clear:right; width:70%;  }
fieldset .file { float:left; clear:right; width:50%;  }
fieldset .text input, fieldset .password input  {  clear:right; padding:3px; border: 1px solid #ccc; background: #ececec; border-top: 3px solid #ccc; font-size:1.2em;  }
fieldset .label { float:left; clear:none; text-align:right;  width:20%; margin-right:10px; font-weight:bold; color:#000; }
fieldset .textarea { float:left; display:inline; clear:right;  width:70%; }
#content fieldset textarea { font-family:"Lucida Grande",Arial, Helvetica, sans-serif; font-size:1.2em; padding:3px; float:left; clear:both; height:100px; width:100%; border: 1px solid #ccc; background: #ececec; border-top: 3px solid #ccc; }
#content fieldset textarea:focus { background:#ffc; }
fieldset .text input:focus, fieldset .password input:focus  {  background:#ffc;  }

#content fieldset .checkbox { float:left; clear:right;  width:60%; font-size:.9em; line-height:1.8em; }
#content fieldset .checkbox input { float:left; margin:0 3px 0 0;  }

#content fieldset p { margin:3px 0; width:100%;  float:left; display:blocks; clear:both; }
#content fieldset p.help { font-size:.85em; padding:0; margin:0 0 3px 0;}
form .button { margin:5px 5px 10px 10px; color:#fff; }
input[type=submit] { cursor:pointer; }
#content form { margin:0; padding:0; }


/*
  General Classes
*/

.warning { background-color: #ffff00; padding: 1px 5px; }
