@import url(grid.css);

/* orange: #C66127 */
/* blue: #6B89A0 *//* light blue #96ABBC */

/*reset html defaults*/
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

/*Main Layout*/
#header_wrap {display: block; width: 100%; height: 159px; position: relative; overflow: hidden; background:url(http://sellfm.com/admin/assets/5293;download) repeat-x;}
#landing #header_wrap {height: 374px !important; overflow: hidden}
#header {height: 100%; background: url(http://sellfm.com/admin/assets/5298;download) no-repeat top left;}
#banner {width: 100%; display: block; height: 50px;  position: absolute; top: 30px;}
	#banner h1 a {width: 443px; height: 50px; display: block; background: url(http://sellfm.com/admin/assets/5303;download) no-repeat 0 0; overflow: hidden; text-indent: -9000px;}

#signUp {display: block; width: 240px; height: 159px; background: url(http://sellfm.com/admin/assets/5308;download) no-repeat 0 0; position: absolute; top: 0; right: 0;  z-index: 10;}
	#signUp form {display: block; margin-top: 94px; margin-left: 30px;}
#subHeader {}
	#landing #subHeader img#productShot {display: block !important; position: absolute; top: 159px; right: 0; z-index: 0;}
        #subHeader img#productShot {display:none;}
	#subHeader img#headline {position: absolute; top: 112px; right: 240px;}
	#subHeader img#features {position: absolute; top: 200px; right: 340px;}
#nav {display: block; height: 30px; background: #C66127; margin-top: 3px; clear: both;}
	#nav ul li {float: left; font: 14px "Tahoma", "Helvetica Neue", sans-serif;}
	#nav ul li a {display: block; margin-right: 30px; color: #fff; padding-top: 5px; padding-bottom: 1px; border-bottom:3px solid #C66127;}
	#nav ul li a:hover {border-bottom:3px solid #fff;text-decoration:none !important;}
#user {float: right; margin-top: -20px; margin-right: 20px;}
#user a {color: #fff; font-size: .9em;}
#content-wrap {margin-top: 3px; border-top: 2px solid #96ABBC;}
#content {background: url(http://sellfm.com/admin/assets/1107;download) no-repeat 20px -160px; height: 300px; padding-top: 3em; color: #666;}

#leftSideBar ul {margin-bottom: 3em;}


/*typography*/

html>body {font-size: 12px;}

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 75%; /*ie6 */
}

a, a:visited {text-decoration: none; color:#C66127;}
a:hover {text-decoration: underline}

p {
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1.5em;
margin-top: 1.5em;
}

	p.caption {
	font-size: .8em;
	}
	
	p.aviso {font-style:italic;}

strong { font-weight: bold; }

code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }


.center {
text-align: center;
}

h1 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 2em;
line-height: 1.5em;
margin-bottom: 1.5em;
}

h2 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 1.5em;
line-height: 1em;
margin-bottom: 1em;
}

h2.header {font-weight: bold; font-size: 2em; margin-bottom: 1em; background:#6B89A0; color: #fff; padding: 12px; }

h3 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1.24em;
line-height: 1.2em;
margin-bottom: .6em;
}
	
h4 {font-weight: bold; margin-bottom: 18px;}

.small {font-size: .85em;}
.tag {font-size: .80em; margin-left: 6px;}
#leftSideBar h3 {border-bottom: 1px solid #BEB1AF;}
#leftSideBar li {border-bottom: 1px solid #E0D8D7; padding: .5em}

p.horizontalList {text-align: center; line-height:1.5em; text-transform: uppercase;}

ul.normal {list-style-type: disc; margin-left: 26px; margin-bottom: 1.5em;}
ul.normal li {float: none; margin-bottom: .5em;}
.news h3 a {display: block; border-bottom: 1px solid #ccc; padding-bottom: .32em;}

ul.horizontal {text-align: center;}
ul.horizontal li {display: block; text-transform: uppercase; float: left; padding-right: 18px; margin-left: 9px; background: url(http://sellfm.com/admin/assets/5318;download) no-repeat 107% -2px;}
ul.horizontal li.last {background: transparent;} 

sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

/*misc or added later*/

p.leftArrow {display: block; height: 40px; width: 50%; padding-top: 6px; margin: 2em 1em; font-size: 1.5em; padding-left: 88px; background: url(http://sellfm.com/admin/assets/5478;download) no-repeat 0 0; margin-left: 300px;}

p.highlight {color:#333;} 

#frontpage img.left {margin-right: 1em; margin-bottom: 1em;}

img#signage {margin-top: -150px;}
img#proaudio {padding-right: 68px;}
.section {display: block; clear:both; margin-bottom: 2em;}

#leftSideBar ul li object {margin-bottom: -3px; margin-right: 1em;}
/*Forms*/

#signUp form {width: 64%;}
#signUp form p { clear: both;}
#signUp form label {float: left; font: 11px "Tahoma", "Helvetica Neue", sans-serif; color: #333; padding-left: 16px; padding-top: 2px;}
#signUp form input {float: right; width: 100px; height: 13px; margin-bottom: 2px; font: 11px "Tahoma", "Helvetica Neue", sans-serif; color: #666; padding: 2px; border: 1px solid #6B89A0;} 
#signUp form input.submit {cursor:pointer; height:100%; padding:0pt; width:50px;}
#signUp form input:hover {border: 1px solid #C66127;}
#signUp form input:focus {background: #C2D2D; color: #303030; border: 1px solid #666;}

form br { clear: both; margin: .25em;}
fieldset { border: 1px solid #999; padding: 1em; }
#contactForm {width: 90%; margin: 0 auto; border: 1px solid #eee; padding: 1em;}
#contactForm label {float:left; margin-bottom: .6em;}
#contactForm input {float:right;  margin-bottom: .6em; font: inherit; color: inherit;}
#contactForm input.submit {padding: .3em;}
#contactForm textarea {width: 99%;}
#contactForm br {clear:both;}
#contactForm p {clear:both;}

/*price list (table)*/

table#priceList {width: 100%; border: none; border-collapse: collapse; margin-bottom: 2em;}
table#priceList td {padding: .3em .2em; border-bottom: 1px solid #6B89A0; }
table#priceList td.right {text-align:right; float:none; font-weight: bold;}
table#priceList td img {margin: .3em; padding: .4em; border: 1px solid #aaa;}
table#priceList td img.icon {float: left;}



/*global*/

.left {float:left;}
.right {float: right;}
.clear {clear: both;}