/*  
Theme Name: Green Hype
Theme URI: http://www.hypeelite.com/
Description: Revised template for the Hype IMD website
Author: Erika Nicole Kendall for Hype IMD
Author URI: http://www.hypeelite.com/

		This design is modeled with admiration after the barackobama.com website,
		because we at Hype IMD were in dire need of CHANGE. :)


*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
html{
	font-size: 125%;
	}

body {
	line-height: 1;
	background: #014100 url(images/bg-main.jpg) no-repeat top center;
	font-size: 50%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
	
.thou{
	width: 1003px;
	margin: 0 auto;
	padding: 0;
	}
.cleaner {
	clear:both;
	height:0;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}
.alignleft{
	float: left;
	margin: 10px;
	}
.alignright{
	float: right;
	margin: 10px;
	}
.aligncenter, .centered{
	display: block;
	margin: 0 auto 10px;
	}
.top20{
	margin-top: 25px;
	}
a, a:visited{
	color: #065c05;
	text-decoration: none;
	}
/* header
*****************************/
#logo{
	height: 82px;
	margin: 15px 0 8px;
}
#main-nav{
	height: 52px;
	background: #e8d7ba;
	background-image: url(images/header-bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	}
#navi {
	position:absolute;
	left:10px;
	top:20px;
	width:653px;
	height:15px;
}
#navi div{
	background-image: url(images/navigation-img.gif);
	text-indent: -9999px;
}
#navi div a{
	display: block;
	width: 100%;
	height: 100%;
	}
#main-nav-home {
	position:absolute;
	left:0px;
	top:0px;
	width:64px;
	height:15px;
	background-position: -8px -128px;
}
#main-nav-home:hover{
	background-position: -8px -158px;
	}

#main-nav-about {
	position:absolute;
	left:64px;
	top:0px;
	width:124px;
	height:15px;
	background-position: -8px -8px;
}
#main-nav-about:hover{
	background-position: -8px -68px;
	}
#main-nav-svcs {
	position:absolute;
	left:188px;
	top:0px;
	width:104px;
	height:15px;
	background-position: -8px -248px;
}
#main-nav-svcs:hover{
	background-position: -8px -278px;
	}
#main-nav-port {
	position:absolute;
	left:292px;
	top:0px;
	width:121px;
	height:15px;
	background-position: -8px -188px;
}
#main-nav-port:hover{
	background-position: -8px -218px;
}
#main-nav-contact {
	position:absolute;
	left:413px;
	top:0px;
	width:98px;
	height:15px;
	background-position: -8px -38px;
}
#main-nav-contact:hover{
	background-position: -8px -98px;
}
#main-nav-test {
	position:absolute;
	left:511px;
	top:0px;
	width:142px;
	height:15px;
	background-position: -8px -308px;
}
#main-nav-test:hover{
	background-position: -8px -338px;
}
#page{
	background: url(images/bg-content-full.gif) repeat-y;
	}
#big-picture{
	height: 288px;
	background: url(images/bg-tabs-main.jpg) no-repeat;
	}
#big-picture img{
	margin: 0;
	}
#sections{
	height: 82px;
	background: url(images/window-bg.jpg) repeat-x;
	}
/* primary
*******************************/
#primary{
	display: block;
	height: 400px;
	overflow: hidden;
	}
#primary a img{
	border: 0;
	}
/* big left
*******************************/
#big-left{
	width: 668px;
	float: left;
	}
	
/* content section
*******************************/
.content-section{
	background: #dac293 url(images/content-panel-bg.jpg) no-repeat 0 58px;
	border-bottom: 1px solid #e8d9bb;
	}
.content-section .section-header, .page-left-header{
	height: 58px;
	background: #ccaa69 url(images/header-tag-bg.jpg) repeat-x;
	display: block;
	}
.section-header h2{
	position: relative;
	top: 20px;
	left: 10px;
	font-size: 1.4em;
	}
.content-section .content-left{
	width: 334px;
	float: left;
	}
.content-left img.center a{
	border: 0;
	}
.content-left h3 a{
	text-decoration: none;
	}
.case-study .content-left img{
	margin: 15px 15px 0;
	border: 1px solid #C0985A;
	padding: 10px;
	width: 280px;
	overflow: hidden;
	}
.case-study .content-left p{
	text-align: center;
	}
.case-study .content-left ul li p a{
	text-decoration: none;
	}
.case-study .content-right ul li p{
	font-size: 1em;
	}
.content-section .content-right{
	margin-left: 334px;
	width: 334px;
	}
.content-section p{
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 10px;
	}
.content-section h1{
	font-size: 2.4em;
	margin: 10px;
	}
.content-section h3{
	font-size: 2em;
	margin: 10px;
	}
.content-section h4{
	font-size: 1.8em;
	margin: 10px;
	}
.content-section h5{
	font-size: 1.6em;
	margin: 10px;
	}
.content-section h6{
	font-size: 1.4em;
	margin: 10px;
	}
.content-right a{
	font-size: 1em;
	color: #065c05;
	text-decoration: none;
	border-bottom: 1px solid #065c05;
	}
.content-section p a:visited{
	color: #307F2F;
	border-bottom: 1px solid #307F2F;
	}
.content-section p a:hover{
	color: #999;
	border-bottom: 1px solid #999;
	}
.content-right ul{
	margin: 10px;
	}
.content-right li{
	margin: 10px 0;
	font-size: 1.2em;
	line-height: 1.5em;
	}
.content-right h3{
	color: #065c05;
	}
.heard-world h2{
	text-indent: -9999px;
	background: url(images/content-header.gif) no-repeat -10px -10px;
	}
.what-we-can h2{
	text-indent: -9999px;
	background: url(images/content-header.gif) no-repeat -10px -40px;
	}
.case-study h2{
	text-indent: -9999px;
	background: url(images/content-header.gif) no-repeat -10px -70px;
	}
.hype-imd h2{
	text-indent: -9999px;
	background: url(images/content-header.gif) no-repeat -10px -100px;
	}
.ops-web h2{
	text-indent: -9999px;
	background: url(images/content-header.gif) no-repeat -10px -130px;
	}
/* page left
******************************/
#page-left{	
	}
div#big-left.page{
	background: #DAC292 url(images/content-panel-dark.gif) repeat-x;
	}
#page-left p{
	margin: 15px 20px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #373737;
	}
#page-left .page-left-header h2.title{
	font-size: 1.8em;
	color: #065c05;
	position: relative;
	top: 20px;
	left: 10px;
	margin: 0;
	}
#page-left .page-left-header h2.title a{
	color: #015e00;
	text-decoration: none;
	}
.the-loop img.alignleft, .the-loop img.alignright, .the-loop img.aligncenter, .the-loop img.centered{
	border: 1px solid #C19858;
	padding: 10px;
	background: #e1c287;
	}
.the-loop p a{
	text-decoration: none;
	color: #065c05;
	border-bottom: 1px solid #065c05;
	}
.the-loop p a:visited, .the-loop p a:hover{
	color: #249323;
	border-bottom-color: #249323;
	}
#page-left .the-loop blockquote{
	display: block;
	font-size: 1.4em;
	background: #ebd9b3;
	border: 1px solid #f6e6c6;
	color: #015e00;
	margin: 20px;
	font-style: italic;
	}
#page-left .the-loop blockquote blockquote{
	font-size: 1em;
	}	
#page-left .the-loop blockquote cite{
	font-style: normal;
	color: #015e00;
	}	
#page-left .the-loop blockquote p{
	color: #015e00;
	}	
.the-loop ul, .the-loop ol{
	margin: 20px;
	font-size: 1em;
	background: #c6b085;
	border: 1px solid #b7a37c;
	padding: 20px;
	}
.the-loop ul li{
	list-style-type: circle;
	}
.the-loop ol li{
	list-style-type: lower-roman;
	}
.the-loop ul li, .the-loop ol li{
	margin: 8px 0 2px;
	font-size: 1.2em;
	line-height: 1.4em;
	list-style-type: circle;
	list-style-position: inside;
	color: #014100;
	}
.the-loop li li{
	font-size: 1em;
	}
.the-loop em{
	font-style: italic;
	color: #015e00;
	}
.the-loop strong{
	font-weight: bold;
	color: #015e00;
	}
.the-loop h1{
	color: #015e00;
	font-size: 2em;
	font-weight: normal;
	margin: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #015e00;
	}
.the-loop h2{
	color: #015e00;
	font-size: 1.8em;
	font-weight: normal;
	margin: 20px;
	}
.the-loop h3{
	color: #015e00;
	font-size: 1.6em;
	font-weight: normal;
	margin: 20px;
	}
.the-loop h4{
	color: #015e00;
	font-size: 1.4em;
	font-weight: normal;
	margin: 20px;
	}
.the-loop h5{
	color: #015e00;
	font-size: 1.2em;
	font-weight: normal;
	margin: 20px;
	}
.the-loop h6{
	color: #014100;
	font-size: 1.2em;
	font-weight: normal;
	margin: 20px;
	}

.portfolio-loop{
	margin: 0 10px 20px;
	}
.portfolio-loop img.bigshot{
	float: left;
	margin: 0 10px 10px;
	border: 1px solid #015e00;
	padding: 10px;
	width: 400px;
	height: 196px;
	}
.portfolio-loop h5{
	font-size: 1.6em;
	color: #015e00;
	margin: 20px;
	}
.portfolio-loop h5 a{
	text-decoration: none;
	}
#port-nav{
	margin: 40px 20px;
	text-align: right;
	font-size: 1.2em;
	}
.portfolio-loop .port-blank, .portfolio-loop .pcats a{
	text-decoration: none;
	color: #012d00;
	}
.portfolio-loop .port-blank:hover, .portfolio-loop .pcats a:hover{
	color: #015e00;
	}
#testimonials{
	}
#testimonials li{
	padding: 10px;
	display:block;
	background: #D7B985;
	padding: 10px;
	width: 610px;
	margin: 15px;
	}
#testimonials li img{
	padding: 10px;
	border: 1px solid #065c05;
	}
.pnavigation{
	font-size: 1.2em;
	background: #ebd9b3;
	border: 1px solid #f6e6c6;
	color: #015e00;
	margin: 20px;
	}
/* contact
******************************/
.formcontainer{
	width: 430px;
	margin: 0 auto;
	border: 2px solid #065c05;
	background-color: #e1c287;
	padding: 20px;
	}
#page-left .formcontainer p.information{
	margin: 0 0 10px;
	border-top: 1px solid #b20000;
	border-bottom: 1px solid #b20000;
	background: #e49999;
	padding: 3px 5px;
	font-weight: bold;
	}
.formcontainet input{
	font-size: 1.6em;
	}
.formcontainer input, .formcontainer textarea{
	margin: 10px 0;
	width: 400px;
	border-bottom: 1px solid #065c05;
	background: #F3E4C5;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	}
.formcontainer label{
	margin: 10px 0;
	font-size: 1.6em;
	}
.formcontainer legend{
	display: block;
	margin: 15px 0 10px;
	font-size: 2em;
	color: #065c05
	}
#ec_url, #ec_message{
	margin-bottom: 30px;
	}
.formcontainer #ec_option_cc{
	width: 18px;
	}
/* sidebar
******************************/
#big-right{
	margin-left: 668px;
	background: #efe3cd url(images/sidebar-bg.jpg) repeat-y;
	}
#right-nav{
	height: 52px;
	background: #efe3cd url(images/sidebar-header-bg.jpg) no-repeat;
	}
#right-nav p{
	position: relative;
	background: url(images/got-questions.gif) no-repeat 10px 0;
	text-indent: -9999px;
	display: block;
	height: 31px;
	width: 290px;
	top: 12px;
	left: 15px;
	}
#right-nav p a{
	display: block;
	width: 100%;
	height: 100%;
	}
.sidebar-section{
	border: 1px solid #dac293;
	background: #F2E3C2 url(images/sidebar-content-bg.jpg) repeat-y;
	width: 300px;
	margin: 0 auto 20px;
	text-align: center;
	padding: 0 0 10px;
	}
.sidebar-section *{
	margin: 15px auto 10px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #373737;
	}
.sidebar-section a{
	font-size: 1em;
	color: #065c05;
	text-decoration: none;
	border-bottom: 1px solid #065c05;
	}
.sidebar-section h4{
	text-align: left;
	margin-left: 10px;
	display: block;
	height: 25px;
	width: 100%;
	text-indent: -9999px;
	}
.sidebar-section em{
	font-style: italic;
	}
.sidebar-section h4.spotlight{
	background-position: -8px -9px;
	background-image: url(images/sidebar-headers.gif);
	}
h4.testimo{
	background-position: -8px -57px;
	background-image: url(images/sidebar-headers.gif);
	}
h4.contact-hype{
	background-position: -8px -108px;
	background-image: url(images/sidebar-headers.gif);
	}
h4.our-work{
	background-position: -8px -157px;
	background-image: url(images/sidebar-headers.gif);
	}
h4.relpro{
	background-position: -8px -9px;
	background-image: url(images/sidebar-headers-2.gif);
	}
h4.folio{
	background-position: -8px -57px;
	background-image: url(images/sidebar-headers-2.gif);
	}
h4.reltop{
	background-position: -8px -108px;
	background-image: url(images/sidebar-headers-2.gif);
	}
h4.hysv{
	background-position: -8px -157px;
	background-image: url(images/sidebar-headers-2.gif);
	}
.sidebar-section img{
	padding: 10px;
	border: 1px solid #dac293;
	}
.sidebar-section span{
	text-align: right;
	margin: 15px 20px;
	}
.sidebar-section p{
	margin: 15px 20px;
	text-align: left;
	}
.sidebar-divide{
	background: url(images/sidebar-divider.jpg) no-repeat;
	padding-top: 25px;
	}
.folio li{
	padding: 0 20px;
	}
.folio li:hover .folio-short-1{
	border-color: #015e00;
	}
.folio li a{
	border: 0;
	}
.folio li .folio-short img{
	border: 0;
	padding: 0;
	margin: 0;
	}
.folio li .folio-short{
	height: 80px;
	overflow: hidden;
	margin: 10px;
	padding: 0;
	}
.content-left .folio li{
	overflow: visible;
	margin-bottom: 10px;
	}
/*.content-left .folio li .folio-short img{
	height: 100%;
	}*/
.folio li .folio-short-1{
	border: 1px solid #dac293;
	}
.topic-list li{
	margin: 1px 0;
	text-align: left;
	padding: 0;
	padding: 4px 10px;
	}
.topic-list li a{
	border-bottom: 0;
	display: block;
	margin: 0;
	}
.topic-list li a:hover{
	color: #373737;
	}
.topic-list li li{
	font-size: .8em;
	}
.topic-list li li a{
	padding: 0;
	}
/* footer
*****************************/
#footer{
	background-color: #012d00;
	border-top: 1px solid #015e00;
	padding: 20px 0 10px;
	color: #dac293;
	width: 1003px;
	margin: 0 auto;
	}
#footer a{
	color: #dac293;
	text-decoration: none;
	}
#footer a:visited{
	color: #c6b38f;
	}
#footer a:hover{
	color: #efe3cd;
	}
#footer .outer-left{
	width: 668px;
	float: left; 
	}
#footer .outer-right{
	margin-left: 678px;
	padding-top: 0;
	}
#footer .inner-left, #footer .inner-right, #footer .outer-right{
	width: 329px;
	}
#footer .inner-left{
	float: left;
	}
#footer .inner-right{
	margin-left: 339px;
	}
#footer #footer-nav{
	display: inline;
	}
#footer p{
	margin: 10px;
	font-size: 1.4em;
	}
#footer h5{
	margin: 0 10px;
	font-size: 1.8em;
	line-height: 1.6em;
	border-bottom: 1px solid #013800;
	background: #012700 url(images/footer-headers.gif) no-repeat;
	text-indent: -9999px;
	padding: 5px;
	}
#footer h5:hover{
	background-color: #013800;
	border-bottom-color: #024800;
	}
#footer h5.wds{
	background-position: 0 3px;
	}
#footer h5.wms{
	background-position: 0 -37px;
	}
#footer h5.rbe{
	background-position: 0 -77px;
	}
#footer h5.rh{
	background-position: 0 -117px;
	}
#footer h5.td{
	background-position: 0 -157px;
	}
#footer h5.fth{
	background-position: 0 -197px;
	}
#footer ul{
	margin: 0 10px 10px;
	}
#footer div.paragraph{
	margin: 25px 0 20px;
	padding: 15px;
	border: 1px solid #e1c287;
	background: #DAC292 url(images/content-panel-dark.gif) repeat-x;
	color: #015e00;
	text-align: center;
	}
.paragraph q{
	font-style: italic;
	}
#footer li{
	display: block;
	margin: 1px 0;
	padding: 10px;
	font-size: 1.2em;
	border-bottom: 1px solid #013800;
	}
#footer li li{
	font-size: 1em;
	}
#footer li:hover{
	background: #013c00;
	}
#footer li a{
	display: block;
	width: 100%;
	height: 100%;
	}
/* colors
header green = 065c05
text = 242424
*****************************/
.content-left h3, .content-left h3 a{
	color: #065c05;
	}
.content-section p{
	color: #242424;
	}

/* fonts
******************************/
.content-section h1, .content-section h2, .content-section h3, .content-section h4, .content-section h5, .content-section h6, #footer h5, .paragraph q, #page-left h2.title, #page-left .the-loop blockquote p, h1, h2, h3, h4, h5, h6, .formcontainer legend{
	font-family: Georgia, Palatino, Times, serif;
	}
.content-section p, .content-right li, .sidebar-section, #footer li, #footer p, #page-left p, .the-loop ul li, .paragraph cite, .the-loop blockquote cite, .the-loop ol, #port-nav, .formcontainer, .pnavigation{
	font-family: Arial, serif;
	}