/* CSS Document */

/*--------------------------------------------------
	Reset
----------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/*--------------------------------------------------
	Block Level Elements
----------------------------------------------------*/
Body {margin: 0; padding: 0; text-align: center; font: 85% Arial, Helvetica, sans-serif; background: #FFF url(images/bg_gradient.gif) top left repeat-x; color: #575757; }

#page {margin: 0 auto; text-align: left; width: 910px; }

#wrapper {background: #FFF; padding: 35px; }
#wrapper-alt {background: #FFF; padding: 15px 35px; }
#content {float: left; width: 435px;}

#sidebar {float: right; width: 374px; background: url(images/landingpages/bg_sidebar.gif) top left repeat-y; }


#header h1 {background: url(images/ClickEquations-200px.png) top left no-repeat; float: left; width: 200px; margin: 20px 0 0 0; }

.yellow { color: #FDF496; }
.gold {color: #FDCF0D; }
.ltgreen {color: #009933; }
.dkgreen {color: #336600; }
.green {color: #336600; }
.ltgrey {color: #8D8989; }
.dkgrey {color: #333333; }
.orange {color: #FC6216; }

.red {color: #F26524; }

a, a:link {color: #336600; }
a:hover {color: #009933; }

p {margin: 0 0 1em 0; line-height: 1.4em; }

strong {font-weight: bold; }
em, .em {font-style: italic; }
small, .small {font-size: .9em; }

ul {margin: 0 0 1em 20px; line-height: 1.4em; }
#wrapper-alt ul {color: #157E00; }
ol {margin: 0 0 1em 20px; * margin-left: 25px; line-height: 1.4em; color: #157E00; font-weight: bold;  }
ul span, ol span {color: #575757; font-weight: normal; }

ul li, ol li {margin: 0 0 .25em 0; }

/*-------------------------------------------------
			Headings
-------------------------------------------------*/

#content h2 {color: #FC6216; font-size: 20px; margin: 0 0 15px 0; padding-top: 15px; line-height: 24px; }
#content h2.pagetitle {padding-top: 0px; }

#content h3 {color: #157E00; font-size: 15px; margin: 15px 0 5px 0; line-height: 20px; }

/*-------------------------------------------------
			Content
-------------------------------------------------*/
#page-top {background: url(images/landingpages/bg_page-top.jpg) bottom left no-repeat; }

#page-top h2 {color: #FFF; font-size: 32px; }

#page-top .whitepaper {float: left; width: 200px; margin-left: 85px; }
#page-top .message {float: right; width: 610px; padding: 57px 0 0 0; }

#page-top-alt {background: url(images/landingpages/bg_page-top-alt.jpg) top left no-repeat; padding: 10px; margin: 20px 0 0 0 }

#page-top-alt h2 {color: #FFF; font-size: 26px; font-weight: normal; text-align: center }
#page-top-alt h2 span {font-weight: bold; }


/*-------------------------------------------------
			Sidebar
-------------------------------------------------*/
#sidebar .formtitle {color: #CBFF92; text-align: center; background: #336D25 url(images/landingpages/bg_sidebar-formtitle.gif) top left no-repeat; padding: 25px 10px 10px 10px; margin-bottom: 5px; }
#sidebar .formtitle h4 {color: #FFF; font-size: 16px; margin-bottom: 3px; }

#sidebar form {background: #F1FEE4 url(images/landingpages/bg_sidebar-form.gif) top left repeat-x; padding: 20px 10px 1px 10px; margin: 0 10px; }
#sidebar form.alt {background: #FAFAE7 url(images/landingpages/bg_sidebar-form-alt.gif) top left repeat-x; padding-top: 10px; }
#sidebar form div {clear: left; margin-bottom: 1em; }
#sidebar form label {float: left; text-align: right; width: 110px; color: #596053; font-size: 12px; margin: 0 10px 1em 0; padding: 5px 0 0 0; line-height: 16px; }
#sidebar form .input {padding: 2px; border: 1px solid #CCC; width: 185px; height: 18px; font-size: 14px;}
#sidebar form select {height: 22px;}
#sidebar form p {font-size: 10px; text-align: center; }

#sidebar form.alt .reqd {color: #69A53A; margin-bottom: 10px !important; }
#sidebar form.alt .reqd label {margin-bottom: 0px !important; }


#sidebar .belowform {background: #FFF; padding: 20px 30px 20px 30px; }
#sidebar .belowform h3 {color: #FC6216; font-size: 20px; margin: 0 0 15px 0; line-height: 24px; }



/*-------------------------------------------------
			About Box
-------------------------------------------------*/

#about { margin: 30px 0 0 0; }
#about h4 {background: #E9FED1 url(images/landingpages/bg_about-h4.gif) top left no-repeat; color: #569831; padding: 10px 20px; font-size: 14px; margin: 0 0 5px 0; }
#about .main {padding: 20px 20px 20px 20px; background: #FFF url(images/landingpages/bg_about-main.gif) bottom left no-repeat; color: #757575; }


/*-------------------------------------------------
			Footer
-------------------------------------------------*/
#clients {margin: 0 auto; width: 890px; background: url(images/landingpages/bg_clients.gif) 0px 10px no-repeat; height: 70px; padding: 10px; }

#clients h3 {float: left; width: 95px; margin: 21px 10px 0 5px; text-align: center; color: #009933; font-size: 24px; font-weight: bold; }
#clients h3 span {font-size: 11px; }

#clients ul {float: right; width: 765px; margin-left: 0px; list-style: none; }
#clients ul li {float: left; margin: 0; padding: 0; }
#clients ul li a {display: block; margin: 10px 50px 0 0; padding: 0; background-position: top left; background-repeat: no-repeat; }
#clients ul li.last a {margin-right: 0; } 

#clients ul li.nautica a {background-image: url(images/clients/Nautica.png); }
#clients ul li.kipling a {background-image: url(images/clients/Kipling.png); }
#clients ul li.lizclaiborne a {background-image: url(images/clients/LizClaiborne.png); }
#clients ul li.comcast a {background-image: url(images/clients/Comcast.png); }
#clients ul li.forbes a {background-image: url(images/clients/ForbesTraveler.png); }
#clients ul li.franklinmint a {background-image: url(images/clients/FranklinMint.png); }


#footer {color: #949494; font-size: 10px; line-height: 18px; text-align: center; padding: 2em 0 2em 0; text-transform: uppercase; }

#footer a {color: #949494; text-decoration: none; }
#footer a:hover {text-decoration: underline; }

/*-------------------------------------------------
			Form Validation
-------------------------------------------------*/
.errMsg {display: none;}
.errFld {border: 1px solid #F00 !important;}


/*-------------------------------------------------
			Landing 3
-------------------------------------------------*/
.mktLblLeft {margin: 0; padding: 0; list-style-type: none;}
.mkrLbLeft li {margin: 0; padding: 0; list-style-type: none;}
.mktField {clear: left;}
.mktInput {}

/*-------------------------------------------------
			Miscellaneous
-------------------------------------------------*/
.clear {clear: both; }
.clearleft {clear: left; }
.clearright {clear: right; }

.right { float: right !important; }
.left { float: left !important; }

img.alignleft {float: left; margin: 0 15px 15px 0; }
img.alignright {float: right; margin: 0 0 15px 15px; }

hr { display: none; clear: both; }
a img { border: none; }

.top1em {margin-top: 1em; }
.topmar8 {margin-top: 8px; }
.topmar12 {margin-top: 12px; }

.botp5em {margin-bottom: .5em !important; }

.center { text-align: center; }
.hidden { display: none; }