/* 
Protolize Styles 
Created by Tony Yoo
*/

/* html entities */
body {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, verdana, sans-serif;
	text-align: center;
	font-size: small;
	color: #1d282b;
	background: #c7d1d4 url(../images/bodyBG.gif) repeat-x top left;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
img {
	border: none;
}
h1 {
	font-size: 150%;
}
h2 {
	padding: 9px 12px;
	padding-left: 15px;
	margin: 0;
	font-size: 180%;
	font-weight: normal;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 120%;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	border: 0;
	text-decoration: none;
	color: #2a363a;
}
a:hover, a:active {
	color: #16566b
}

strong {
	color: #f8b517;
}


/* layout styles */
#wrapper {
	text-align: left;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	color: #748388;
	background: #d5e1e5 url(../images/mainContentBG.gif) repeat-y top left;
}
#header {
	background: #3a8ab3 url(../images/headerBG.gif) repeat-x top left;
	width: 780px;
	height: 87px;
}
#mainNav {
	height: 40px;
	background: #273238 url(../images/mainNavBG.gif) repeat-x top left;
}
#mainContent, #secContent {
	background: #d5e1e5;
}
#footer {
	width: 780px;
	text-align: right;
	display: block;
	clear: both;
	font-size: 100%;
	color: #9edeff;
	background: #3a8ab3;
}


/* header styles */
#header h1 {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 87px;
	background: transparent url(../images/logo.gif) no-repeat top left;
}
#header h1 span {
	position: relative;
	top: -4000px;
}


/* mainNav  */
#mainNav ul li {
	display: inline;
	color: #ebebeb;
	font-size: 120%;
	font-weight: bold;
}
#mainNav a {
	padding: 6px;
}
#mainNav p {
	margin: 0;
	padding: 10px;
	padding-top: 12px;
	font-weight: bold;
	color: #fff;
}


/* main content */
#mainContent {
	position: relative;
	width: 492px;
	float: left;
	background: #bdd3db url(../images/mainContentBG.gif) repeat-y top left;
}
#mainContent div {
	position: relative;
}
#mainContent h2 {
	color: #2c393d;
	background: #fff url(../images/hotStuffBG.gif) no-repeat 95% 50%;
}
#mainContent h2 span {
	margin-left: 10px;
	font-size: 50%;
	color: #707c84;
}
#mainContent h3 {
	font-family: tahoma, helvetica, arial, sans-serif;
	position: absolute;
	top: 21px;
	left: -15px;
	text-align: right;
	font-size: 160%;
	font-weight: normal;
	color: #4a9eb8;
	width: 135px;
}
#mainContent h4, #mainContent ul {
	margin-left: 155px;
}
#mainContent h4 {
	margin-top: 25px;
	margin-bottom: 0px;
	color: #668893;
	font-size: 150%;
	font-weight: normal;
}
#mainContent ul {
	width: 315px;
}
#mainContent ul li {
	padding-bottom: 7px;
}
#mainContent ul p {
	margin: 0;
	margin-top: 10px;
	color: #2a363a;
	font-size: 140%;
	background: url(../images/icon.gif) no-repeat 0px 4px;
	padding-left: 20px;
}
#mainContent ul p.hot {
	background: url(../images/hotIcon.gif) no-repeat 0px 4px;
}
#mainContent ul span {
	font-size: 110%;
	display: block;
	margin-left: 20px;
}


/* secondary content */
#secContent {
	width: 288px;
	float: right;
}
#secContent h2 {
	
	color: #97dbff;
	background: #246fa8;
}
#introText {
	padding-top: 25px;
	color: #2a3c45;
	background: #83bad6 url(../images/secContentBG.gif) repeat-x top left;
}
#introText h3 {
	padding: 0 15px;
	margin-bottom: 9px;
	color: #10384c;
	font-size: 170%;
	font-weight: normal;
}
#introText p {
	margin: 0;
	padding: 0 17px;
	padding-bottom: 20px;
	line-height: 1.3em;
	color: #2e546c;
}
#introText a {
	color: #fff;
}


/* contact form */
input, textarea {
	background: #bbdced;
	border: 1px solid #75a3ba;
}
input {
	height: 20px;
	width: 250px;
	margin: 0;
	padding: 0;
}
textarea {
	width: 250px;
}
label {
	color: #000;
	font-size: 110%;
}
#contactForm {
	margin: 0;
	padding: 0;
}
#contactForm p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0 17px;
}
#sendBtn {
	width: 79px;
	height: 28px;
	border: none;
}
.txt {
	margin-top: 3px;
}
#load, #status {
	font-weight: bold;
	color: #fff;
}



/* footer */
#footer p {
	padding: 15px;
}
#footer span {
	color: #062738;
}
a#rss {
	padding: 4px 0;
	padding-right: 25px;
	background: transparent url(../images/feedIcon.gif) no-repeat center right;
}



/* general styles */
.clear {
	display: block;
	clear: both;
}
.gutter {
	margin: 15px;
}
.hot {

}