/* YAHOO! RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/* END RESET */


/*MAIN*/

body{
	font-size:62.5%;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	color:#ccc;
	background-color:#142020;
}
#header{
	height:150px;
	border-bottom:1px solid #000;
	background:#1e2a2a;
	margin-top:20px;
}
#headerLogo {
	height:115px;
	width:386px;
	background:url(logo.png) top left no-repeat;
	_background:url(logo2.png) top left no-repeat;
}
#headerLogo a {
	text-indent:-900em;
	display:block;
	height:115px;
	width:386px;
	text-decoration:none;
	border:none !important;
}
.separador{
  float:none;
  clear:both;
  display:block;
}
.separador2{
  float:none;
  clear:both;
  display:block;
  height:35px;
}
.wrapper{
	width:750px;
	margin:0 auto;
}
#sectone{
	height:210px;
	padding-top:20px;
	padding-bottom:20px;
	background:url(sectone-bg.gif) top left repeat-x;
}
#secttwo{
	height:150px;
	background:url(secttwo-bg.gif) top left repeat-x;
}
.cat-sect{
	width:180px;
	height:105px;
	padding:10px;
	background:url(cat-bg.gif) top left no-repeat;
	margin-left:30px;
	_margin-left:21px;
	margin-right:15px;
	_margin-right:21px;
	margin-top:13px;
	float:left;
	color:#fff !important;
}
.cat-sect p a, .cat-sect h2 a, .cat-sect p a:hover, .cat-sect h2 a:hover {
	text-decoration:none !important;
	cursor:pointer !important;
	color:#FF8F33 !important;
	display:block;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
}
.cat-sect p {
	font-size:1.2em;
	color:#ccc !important;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
}
.cat-sect h2 a:hover {
  text-decoration:underline !important;
}
#sectthree{
	background:url(sectthree-bg.gif) top left repeat-x #142020;
	border-bottom:#1a2626;
	font-size:1.5em;
	padding-top:25px;
	padding-bottom:15px;
}
.sectthreeleft{
	width:350px;
	float:left;
}
.sectthreeright{
	width:350px;
	float:right;
}
.preview{
	width:350px;
	height:150px;
	margin-bottom:25px;
	clear:left;
}
.preview a img {
	float:left;
	margin-right:6px;
	border:2px solid #000;
}
.preview a img:hover {
	border:2px solid #FF8F33;
}
.preview p{
	font-size:0.9em !important;
	color:#ccc;
}
#footer{
	height:60px;
	padding-top:30px;
	background:#000;
	color:#666;
	text-align:center;
	font-family:Verdana, Arial, sans-serif;
	line-height:150%;
}
#footer a{
	color:#666;
	text-decoration:none;
}
#footer a:hover{
	color:#ccc;
	text-decoration:none;
}

/* FONT STYLES */

h1{
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-weight:normal;
	font-style:none;
	font-size:3.3em;
	color:#0761C1;
	line-height:1.3em;
}
h2{
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:2.2em;
	color:#309B3A;
}
h3{
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-weight:none;
	font-style:none;
	font-size:1.3em;
	color:#FF8F33;
	margin-bottom:5px;
}
h4{
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-weight:normal;
	font-style:italic;
	font-size:1em;
	color:#666;
	margin-bottom:25px;
}
h6{
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:0.8em;
	height:3px;
}
a{
	text-decoration:none !important;
}
a:hover{
	text-decoration:none !important;
}
p{
	font-size:1.5em;
}
#sectone p{
	color:#666;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-style:italic;
	font-size:2em;
	padding-right:115px;
	background:url(puzzle.png) center right no-repeat;
	_background:url(puzzle2.png) center right no-repeat;
	height:100px;
}
#sectone p strong{
	font-style:italic;
	font-weight:bold;
}

#sectthree p{
	font-size:0.9em;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
}
#sectthree strong{
	font-weight:bold;
}
#sectthree a{
	color:#FF8F33;
	text-decoration:none !important;
}
#sectthree a:hover{
	text-decoration:underline !important;
}
.disc-text{
	margin-bottom:10px;
}
#sectone abbr{
	border-bottom:1px dotted #666;
	cursor:help;
}
abbr{
	border-bottom:1px dotted #943535;
	border-color:inherit;
	cursor:help;
}
blockquote{
	margin:10px auto;
	width:400px;
	font-style:italic;
	font-weight:bold;
	background:url(blockquote-bg.gif) top left no-repeat;
	padding-top:10px;
	padding-left:25px;
}
em{
	font-style:italic;
}
.comment p{
	margin-top:15px;
}
.comment span{
	font-size:.75em;
	font-weight:bold;
}

/* CONTACT FORM STYLES */

.formbox{
	width:100%;
	padding:2px;
	border:2px solid #FF8F33;
	background:#1E393C !important;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:1em;
	color:#ccc;
}
.formbutton{
  width:120px;
	padding:3px;
	border:2px solid #FF8F33;
	background:#1E393C !important;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:1.2em;
	color:#FF8F33;
	margin-top:15px;
	cursor:pointer;
}
.antispam{
	width:50px;
	padding:3px;
	border:2px solid #FF8F33;
	background:#1E393C !important;
	font-family:"Trebuchet MS", Tahoma, sans-serif;;
	font-size:1.2em;
	color:#ccc;
}

/* NAV STYLES */

#nav{
	height:35px;
	margin-top:50px;
	_margin-top:20px;
}
#nav_ul{
	clear:both;
	list-style:none;
	margin:0px;
	padding:0px;
	font-size: 2em;
}
#nav_ul li{
	height:35px;
	width:150px;
	font-family: 'trebuchet ms', Tahoma, Arial, sans-serif;
	font-weight:bold;
	display:inline;
	font-weight: normal;
	text-transform: uppercase;
	line-height:100%;
	float:left;
	white-space:nowrap;
	margin-left:30px;
}
#nav_ul li a{
	color:#3b5051;
	text-decoration: none;
	font-weight:bold;
	display:block;
	width:150px;
	height:27px;
	padding-top:8px;
	float:left;
	white-space:nowrap;
	text-align:center;
	background:url(nav-bg.png) top left no-repeat;
	margin-top:-30px;
	_margin-top:0px;
}
#nav_ul li a:hover{
	color:#000;
	white-space:nowrap;
	background:url(nav-bg.png) bottom left no-repeat;
}
#nav_ul li.current a{
	background:url(nav-bg.png) bottom left no-repeat;
	color:#000;
	text-decoration: none;
	display:block;
	height:27px;
	float:left;
	white-space:nowrap;
}

/* FANCY BITS */

code.eg-code{
	width:100%;
	padding:6px;
	border:2px solid #943535;
	background:#1E393C !important;
	color:#fff;
	display:block;
	margin-bottom:20px;
}
.shot{
	width:700px;
	height:150px;
	padding:8px;
	border:1px solid #943535;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}

/* COMMENTER STYLES */

.comment{
	width:600px;
	border:2px solid #943535;
	background:#1E393C !important;
	margin-top:10px;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	padding:10px;
}
#commentscontainer{
	clear:both;
	margin-top:55px;
}
#commentscontainer h3{
	margin-bottom:10px;
}
