* { margin:0; padding:0; line-height:1.4; }
html { background:#fff url(../img/bg4.jpg) no-repeat left top; color:#444; font:100% Arial, sans-serif; }
body { margin:0; }

#wrap { width: 890px; margin-left: 89px; }
.main-content { padding:0 30px; width:511px; float:left;}
.sub-content { width: 290px; float:left;  }
a:link, a:visited { color:#148cb5; text-decoration:none; }
a:hover, a:focus { text-decoration: underline; }

#wrap { background:url(../img/footer.png) left bottom no-repeat; float:left; padding-bottom:100px }


  #flickr-thumbs:after, .group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }




/*-------------------------------------------
    Defaults
-------------------------------------------*/
li, p, code, dd, dt { font-size:14px; }
	p { margin-bottom:1em; }
		p.section { margin:0; }
ul li { list-style-type: none; background: transparent url(../img/bullet.png) no-repeat 0 0.5em; padding-left: 10px; }

dl { margin-bottom: 1em; }
	dt { text-transform: uppercase; font-weight: bold;}
	dd { margin: 0 0 0.5em 0.5em; }

h1, h2, h3, h4, h5, h6, #moral { color:#2a2a2a; font-family:Georgia, serif; font-weight:normal; }
	h1 { font-size:45px; margin:.55em 0; color:#b91e27; }
	h2 { color:#b91e27;font-weight:normal; font-family:Georgia, "Times New Roman", serif; }
	h3 { font-family: Arial, sans-serif; font-size:13px; font-weight:bold; text-transform:uppercase; margin:.8em 0; }
		.section h3 { margin-top: 0; }
	h4 { font-size:15px; margin:.85em 0; }
	h5 { font-size:12.5px; margin:.875em 0; }

ul, ol { margin:1em 0 1em 30px; }
	li ul, li ol { margin:0 0 0 30px; }

td, th { padding: 0.2em; }

table.data { border-collapse: collapse; margin: 0.5em auto; border: 1px solid; }
	table.data caption { margin: 1em auto 0.2em; font-size: small; font-style: italic; text-align: center; }
	table.data thead th { background: #e4ecec; empty-cells: hide; }
	table.data th, table.data td { border: 1px solid #ccc; }
	tr.odd { background: #F5F5F5;}
	table.data tbody th:first-child { text-align: right; }
	table.data thead th { vertical-align: middle; }

pre { background:#eee; border:1px solid #ccc; margin:1em; padding:1em; }

a:link, a:visited { color:#148cb5; text-decoration:none; }
a:hover, a:focus { text-decoration: underline; }

img { border: 0; }
img.x { display: block; float: left; margin: 0 10px 10px 0; }
img.right { margin: 0 0 10px 10px; float: right; }

object, embed { display: block; margin: 0 auto 20px; background-color: #fff; padding: 7px; }
.video-holder { background: transparent url(../img/video-bg.png) no-repeat 50% 50%; min-height: 375px; min-width: 428px; /*display: table-cell; vertical-align: middle;*/ }
	.video { background-color: rgba(0, 0, 0, 0.2); padding: 7px; margin-left: auto; margin-right: auto; position: absolute; top: 50%; left: 50%; }

blockquote { margin: 1em; }


/*-------------------------------------------
    Modules
-------------------------------------------*/

#header { border-bottom:23px solid #a5151e; height:83px; margin-bottom:15px; margin-left: 89px;position:relative; background: #363636; }
	#header #dino > h1 {  background:transparent url(../img/grey-dragon.png) no-repeat left top; position:absolute; margin:0; width:405px; height:83px; z-index: 1; }
		#header h1 a { display: block; width: 410px; height: 40px; text-indent: -9999px; position: absolute; top: 34px; left: 34px; background: transparent url(../img/mozilla-marketplace.png) no-repeat 0 0; overflow: hidden; }
		#header h1 a:hover, #header h1 a:focus { background-position: 0 -40px; text-decoration: none; }

#utility { font-family:"Trebuchet MS", sans-serif; padding: 10px 0 7px 30px; height:18px; text-align:right; text-transform:uppercase; letter-spacing: 0.1em; padding-right:10px; font-size: 11px; /* width: 837px; */ margin-left: 89px;  }
	#utility * { display:inline; }
	#utility strong { color:#000; font-size:11px; }
	#utility ul { margin-left:10px; }
	#utility li { background:transparent url(../img/bullet_utility.png) no-repeat 4px center; padding-left:14px; font-size:11px; }
		#utility li:first-child { background:none; padding:0; } 
		
.sub { color:#a5151e; font-weight:normal; font-family:Georgia, "Times New Roman", serif; font-size:20px; margin-bottom:10px; padding: 13px 30px 0; }		

#hero { width:511px; position:relative; margin-top: 1px}
#hero img { margin:0;padding:0; border:3px solid #dadada}
#hero h2 {background:url(../img/40.png); color:#fff; text-shadow:#000 0 1px 0; font-weight:normal; font-family:Georgia, "Times New Roman", serif; margin:0;padding:0 0 0 15px; font-size:24px;line-height:62px;height:62px;width:496px; position:absolute; bottom:9px; left: 3px; z-index:10;}
#hero .buy-now { 
	position:absolute; z-index:100; bottom:25px; right:10px; display:block; color: #148cb5; text-transform:uppercase; font-weight: bold; font-size:11px; width: 160px; padding-top:.1em; line-height:1.7em; text-align:center; text-shadow:#fff 0 1px 0; font-family: "Trebuchet MS", Verdana, sans-serif;
		
	background: #eaeaea;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#efeeef), to(#d8d8d8), color-stop(.6,#eaeaea)); 
    background:-moz-linear-gradient(19% 75% 90deg,#efeeef, #eaeaea, #d8d8d8 100%);
    
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border:1px solid #939393;
    
    box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 0px 1px 0 #000;
    -moz-box-shadow: 0px 1px 0 #000;
}

.call { background:url(../img/call-arrow.png) no-repeat 0 7px; padding: 0 0 15px 35px; font-family:Georgia, "Times New Roman", serif; font-weight:normal;margin:5px 0; border-bottom:1px solid #dbe2e8}
	.call h2, .call p { margin:0; line-height:.8 }
	.call h2 a { font-weight:normal; color:#a5151e; }
	.call p { font-weight:bold; font-family: "Trebuchet MS", Verdana, sans-serif; color: #148cb5; text-transform:uppercase;font-size:12px

}

.module { padding: 34px 25px 15px; background:url(../img/bg-module-gradient-tile.png) repeat-x left bottom; float:left;width:461px; font-size:14px }
	.module img { float:left }
		.module img.float { margin-bottom:20px }
	.module h2 { color:#a5151e; font-weight:normal; font-family:Georgia, "Times New Roman", serif; font-size:18px; margin-bottom:10px }
		.module h2 a { text-decoration:underline }
	.module h2, .module p { width:245px; float:right }


#footer-wrap { clear:both; background:#292929; border-top: 14px solid #982c2d; }
#footer { margin:5px 0 0 119px; min-height:150px; position:relative }
	#footer h2 { background:url(../img/red-dragon.png) no-repeat 0 0; text-indent:-9999px; width:111px;height:100px; position:absolute; top: 5px;left: 0}
	#footer div { position:relative; z-index:10; clear:both; float:left;margin:0 0 10px 242px; padding: 2px 5% 0 0; min-width:590px}
	#footer h3, #footer ul { font-size:11px;line-height:2 }
	#footer h3 { float:left; text-transform:uppercase; color:#999999; font-weight:normal;margin:0 0 0 -105px }
	#footer ul {  float:left;margin:0;padding:0; }
	#footer ul li { display:inline; background: none; padding: 0 15px 0 0; margin:0 }

#community-sub { background: transparent url(../img/list-bg.png) no-repeat left -20px; padding: 1px 0 0 0; width:305px; margin-bottom: 1em; position:relative; left: -9px; top: 1px; }
	#community-sub h2 { font-size:25px; margin:15px 25px 0px 25px; }
#community-sub ul.rows { margin:8px 20px 20px;  }
		#community-sub .rows li { padding: 10px 5px; font-size: 12px; background:none; border-top:1px solid #dbe2e8 }
			#community-sub .rows a { color: #666; font-weight: bold; }
			#community-sub .rows a:hover { color: #148cb5; }
			#community-sub .rows span { display: block; }

.plain { padding:20px 25px 0px 25px; margin-bottom: 30px }
	.callout h2 { color:#2a2a2a; font-size:18px  }

.highlight { width:286px; padding: 0 0 30px; background: #eaeaea url(../img/highlight-bg-bottom.png) no-repeat left bottom }
	.highlight h2 { padding:35px 25px 10px; background: url(../img/highlight-bg-top.png) no-repeat left top; }
	.highlight p { padding:0 25px; }

#flickr-thumbs {padding:0 10px 10px 25px;}
#flickr-thumbs img { display:block; margin:0;width:100px;height:auto }
	#flickr-thumbs p {margin-bottom:10px; padding: 0 }
	#flickr-thumbs p.photo { height:100px; width:100px; padding:0; margin:10px 20px 10px 0;overflow:hidden; float:left }