/*  
Theme Name: Noofangle Corp.
Version: 1
Author: Steven Rahn
Based on 'RockinGreen' by: Cory Miller
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/

* {
	padding: 0;
	margin: 0;
	}

body {
	background: #D8DDF0 
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	margin: 0px 0px 0px 0px;
	word-wrap: break-word;
	}
a, a:visited{
	color: #666666;
	text-decoration: underline;
	}
	
a:hover{
	color: #000000;
	background: none;
	text-decoration: none;
	}
h4 {font-size: 1.5em;}
h3 {font-size: 1.8em; margin: 10px 0 0 0;}

#NOO_wrapper {margin: 10px auto 10px auto; width: 792px;}
#NOO_header {position:relative; margin: 0 auto 0 auto; height: 156px; width: 771px; background: url('http://www.noofanglemedia.com/images/NOO_header.jpg') no-repeat;}
#NOO_navMenu {position:relative; top: 90px; left: 29px;}
#NOO_meetandgreet {position:relative; width: 771px; height: 334px;}
#NOO_leftColumn {position: relative; float: left; margin: 0 0 0 0; width: 244px; height: 289px; background:url('http://www.noofanglemedia.com/images/NOO_homeNews.jpg') no-repeat top left;; }
#NOO_leftColumn h2 {color: #FFFFFF; font-weight:300; margin: 0 0 20px 0;}
#NOO_leftColumnText {position: relative; width: 137px; margin: 50px 0 0 40px;}
#NOO_leftColumnText a {color:#424C5F ; }

#NOO_leftColumnNav {position: relative; float: left; margin: 0 0 0 9px; padding: 0 0 0 0; width: 152px; height: 294px; background:url('http://www.noofanglemedia.com/images/NOO_insideNav.jpg') no-repeat top left;; }
#NOO_leftColumnNav h2 {color: #FFFFFF; font-weight:300; margin: 0 0 20px 0;}
#NOO_leftColumnNavText {position: relative; width: 137px; margin: 50px 0 0 10px;}
#NOO_leftColumnNavText a {color:#424C5F ; }

#NOO_leftColumnNavInsideText {position: relative; width: 137px; margin: 25px 0 0 10px;}
#NOO_leftColumnNavInside h2 {color: #6775A6; font-weight:300; font-size: 2.0em; margin: 0 0 10px 0;}

#NOO_aboutLeftColumnNavText {position: relative; color: #424C5F; width: 137px; margin: 25px 0 0 0;}
#NOO_aboutLeftColumnNavText h2{color: #6775A6; font-weight:300; font-size: 2.0em; margin: 0 0 10px 10px;}
#NOO_aboutLeftColumnNavText li{list-style-type:disc; color: #424C5F; margin: 10px 0 10px 40px;}
#NOO_aboutLeftColumnNavText a:link{color: #424C5F; text-decoration:underline;}
#N00_aboutLeftColumnNavText a:visited{text-decoration:underline;}
#NOO_aboutLeftColumnNavText a:hover{text-decoration:none;}


#NOO_content {position: relative; float: right; width: 450px; margin: 7px 50px 0 0; font-weight: 300; font-size: 0.9em; color: #7D7F87;}
#NOO_content h2 {font-size:2.5em; font-weight: 100; margin: 0 0 20px 0; color: #6170A3;}
#NOO_content p{padding: 0 0 20px 0;}

#NOO_productsContent {position: relative; width: 792px; margin: 7px 50px 0 0; font-weight: 300; font-size: 0.9em; color: #7D7F87;}
#NOO_productsContent h2 {font-size:2.5em; font-weight: 100; margin: 0 0 20px 0; color: #6170A3;}


#NOO_aboutContent {position: relative; float: right; width: 575px; margin: 7px 25px 0 0; font-weight: 300; font-size: 0.9em; color: #7D7F87;}
#NOO_aboutContent h2 {font-size:2.5em; font-weight: 100; margin: 0 0 20px 0; color: #6170A3;}
#NOO_aboutContent p{padding: 0 0 65px 0;}
#NOO_aboutContent img {float: left; padding: 0 25px 60px 0; }

#NOO_pressContent {position: relative; float: right; width: 575px; margin: 7px 25px 0 0; font-weight: 300; font-size: 0.9em; color: #7D7F87;}
#NOO_pressContent h2 {font-size:2.5em; font-weight: 100; margin: 0 0 20px 0; color: #6170A3;}
#NOO_pressContent p{padding: 0 0 20px 0;}
#NOO_pressContent img {float: left; padding: 0 25px 60px 0; }



#NOO_partnersContentWrap {position: relative; margin: 0 auto 0 auto; font-weight: 300; height:auto; width: 745px; font-size: 0.9em; color: #7D7F87; z-index:1;}
#NOO_partnersContentWrap h2 {font-size:2.1em; font-weight: 100; margin: 0 0 20px 0; color: #6170A3;}
#NOO_partnersContentWrap p{padding: 0 0 20px 0;}

#NOO_partnersCustomers {position:relative; float: left; margin: 5px 0 15px 20px; width: 300px; height: 230px; z-index:1}
#NOO_partnersAdvertisers {position:relative; list-style-position:inside; float: right; margin: 5px 20px 15px 0; width: 300px; height: 230px; z-index:1 }
#NOO_partnersAdvertisers ul li{list-style-position:outside; margin-left:1em; padding-left: 1em;} 

#NOO_partnersContentblock {position:relative; float: left; margin: 0 0 20px 20px; width: 300px; height: 230px; z-index:1; }
#NOO_partnersContentblock li{list-style-position:outside; list-style-type:disc;  margin-left:1em; padding-left: 1em;} 


#NOO_partnersTechnical {position:relative; float: right; margin: 0 20px 20px 0; width: 300px; height: 230px; z-index:1}

#NOO_productSampleWrap {position: relative; margin: 0 auto 0 auto; font-weight: 300; height:auto; width: 745px; font-size: 0.9em; color: #7D7F87; z-index:1;}
#NOO_productSampleWrap h2 {font-size: 2.5em; font-weight: 100; margin: 7px 0 0 2px; color: #6170A3;}

#NOO_productSampleText a img {position:relative; float: left; margin: 31px 30px 20px 20px; padding: 0 0 20px 0;}
#NOO_productSampleText h2 {font-size: 2.0em;}
#NOO_productSampleText strong {font-size: 1.5em; letter-spacing:-0.08em;}
#NOO_productSampleText ul {margin:0 0 20px 0;}
#NOO_productSampleText li {margin: 2px 0 5px 0;}
#NOO_productSampleText table {margin: 10px auto 0 50px; position:relative; float:left;}
#NOO_productSampleText td {padding: 0 20px 20px 20px; width: 50%;}
#NOO_productSampleText p {padding: 0 0 20px 0;}

#NOO_contentInside {position: relative; float: right; width: 550px; margin: 7px 50px 0 0;  font-weight: 300; font-size: 0.9em; color: #7D7F87;}
#NOO_contentInside p {padding: 0 0 20px 0;}
#NOO_contentInside h2 {font-size:2.5em; font-weight: 100; margin: 0 0 20px 0; color: #6170A3;}



#NOO_footer { background: #ffffff; border-top: 1px dotted #cccccc; color: #000000; font-size: 11px; font-family: Verdana, Helvetica, Arial, Sans-Serif; 	text-transform: none;
        width: 745px; margin: 0px auto 0px; padding: 10px 0px 10px 0px; text-align: center; clear: both; }

#NOO_navigation {position:relative; width: 600px; font-size: 1.3em;}
#NOO_next {position:relative; width: 275px; float:right; font-weight:bold;}
#NOO_previous {position:relative; width: 275px; float:left; font-weight:bold;}

/******* Navigation Buttons ********/

#NOO_button1 a,  #NOO_button1_current a{
        position: relative;
		float: left;
		display:block;
		width:93px;
		height:52px;
		background: url("http://www.noofanglemedia.com/images/button_Home.gif") no-repeat;
		text-decoration: none;
		text-align: center;
		}
#NOO_button1 a:hover {	
		background-position: -95px 0;
		}
#NOO_button1_current a {
       	background-position: -95px 0;
		}



#NOO_button2 a, #NOO_button2_current a{
        position: relative;
		float: left;
		display:block;
		width:107px;
		height:52px;
		background: url("http://www.noofanglemedia.com/images/button_Products.gif") no-repeat;
		text-decoration: none;
		text-align: center;
		}
#NOO_button2 a:hover {	
		background-position: -109px 0;
		}
#NOO_button2_current a {
       background-position: -109px 0;}

#NOO_button3 a, #NOO_button3_current a {
        position: relative;
		float: left;
		display:block;
		width:96px;
		height:52px;
		background: url("http://www.noofanglemedia.com/images/button_Talent.gif") no-repeat;
		text-decoration: none;
		text-align: center;
		}
#NOO_button3 a:hover {	
		background-position: -98px 0;
		}
#NOO_button3_current a {
        background-position: -98px 0;
		}

#NOO_button4 a, #NOO_button4_current a {
        position: relative;
		float: left;
		display:block;
		width:107px;
		height:52px;
		background: url("http://www.noofanglemedia.com/images/button_Partners.gif") no-repeat;
		text-decoration: none;
		text-align: center;
		}
#NOO_button4 a:hover {	
		background-position: -111px 0;
		}
#NOO_button4_current a {
        background-position: -111px 0;
		}


#NOO_button5 a, #NOO_button5_current a {
        position: relative;
		float: left;
		display:block;
		width:93px;
		height:52px;
		background: url("http://www.noofanglemedia.com/images/button_Press.gif") no-repeat;
		text-decoration: none;
		text-align: center;
		}
#NOO_button5 a:hover {	
		background-position: -97px 0;
		}
#NOO_button5_current a {
        background-position: -97px 0;
		}
		


#NOO_button6 a, #NOO_button6_current a {
        position: relative;
		float: left;
		display:block;
		width:107px;
		height:52px;
		background: url("http://www.noofanglemedia.com/images/button_Aboutus.gif") no-repeat;
		text-decoration: none;
		text-align: center;
		}
#NOO_button6 a:hover {	
		background-position: -112px 0;
		}
#NOO_button6_current a {
        background-position: -112px 0;
		}

#NOO_button7 a, #NOO_button7_current a {
        position: relative;
		float: left;
		display:block;
		width:104px;
		height:52px;
		background: url("http://www.noofanglemedia.com/images/button_Contactus.gif") no-repeat;
		text-decoration: none;
		text-align: center;
		}
#NOO_button7 a:hover {	
		background-position: -110px 0;
		}
#NOO_button7_current a {
        background-position: -110px 0;
		}


#header { 
	width: 792px;
	height: 194px;
	margin: 0px auto 10px;
	padding: 10px 0px 0px 0px;
	}
#header h2 {
	color: #ffffff;
	font-size: 35px;
	font-family: Georgia, Times New Roman, Sans-Serif;
	margin: 0px;
	}

#header h2 a {
	color: #ffffff;
	text-decoration: none;
	}

#header h2 a:hover {
	color: #000000;
	text-decoration: none;
	}

#header h3 {
	color: #cccccc;
	font-size: 16px;
	font-family: Georgia, Times New Roman, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	}
#menu { 
	background: #D8DDF0 url(images/menubackground.gif);
        width: 740px;
        margin: 0px auto 0px;
	padding: 20px 0px 0px 20px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 14px 25px 42px 25px;
	text-align: center;
	margin-bottom: 1px;
	}


#menu h2 {
	margin: 0px;
	padding: 10px 25px 12px 25px;
	}
		
#menu li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#menu ul {
	margin: 0px;
	padding: 0px;
	}
	
#menu ul li a {
	padding: 14px 25px 15px 25px;
	margin: 0px;
	text-decoration: none;
	}

#menu ul li a:hover {
	background: #cccccc;
	text-decoration: none;
	}
#container { 
	width: 792px;
	text-align: left; 
	margin: 0px auto 0px;
	}

* html #container { width: 792px } /* IE hack */

#content { 
	background: #ffffff;
	width: 380px !important;
	_width: 380px;
	float: left !important;
	display: inline;
	padding: 10px 20px 0px;
	border-right: 1px solid #cccccc;
	}
#content p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
#content p img{
	border: none;
	margin: 5px;
	}
#content h1 {
	color: #cccccc;
	font-size: 22px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	line-height: 150%;
	margin: 0px;
	}
	
#content h1 a  {
	color: #cccccc;
	text-decoration: underline;
	}

#content h1 a:hover {
	color: #000000;
	text-decoration: none;
	}

#content h2 {
	color: #000000;
	font-size: 20px;	
	font-family: Georgia, Times New Roman, Sans-Serif;
	margin: 0px;
	line-height: 120%;
	font-variant: normal;
	}
#content h2 a  {
	color: #000000;
	text-decoration: none;
	}

#content h2 a:hover {
	color: #9BA8CF;
	background: none;
	text-decoration: none;
	}

#content h3 {
	color: #666666;
	font-size: 14px;
	font-family: Georgia, Times New Roman, Sans-Serif;
	margin-bottom: 0px;
	line-height: 120%;
	}
#content h3 a  {
	color: #666666;
	text-decoration: none;
	}

#content h3 a:hover {
	color: #000000;
	background: #ffffff;
	text-decoration: underline;
	}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
#content ul li a {
	color: #666666;
	text-decoration: underline;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}

blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

.postspace {
	background: #FFFFFF;
	width: 440px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	background: #FFFFFF;
	width: 440px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.postspace3 {
	background: #FFFFFF;
	width: 440px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar { 
	color: #000000;
	width: 145px !important;
	_width: 145px;
	float: left !important;
	position: relative;
	padding: 0px 20px 0px;
	}
#l_sidebar p{
	margin: 0px;
	line-height: 16px;
	padding: 5px 0px 10px 0px;
	}
#l_sidebar h2 {
	color: #F37D23;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-bottom: 1px dotted #cccccc;
	}

#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#l_sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#l_sidebar ul li {
	list-style: none;
	margin: 0px;
	padding: 6px 0px 5px 0px;
	}
	
#l_sidebar ul li a {
	color: #000000;
	text-decoration: none;
	}

#l_sidebar ul li a:hover {
	display: block;
	background: #cccccc;	
	color: #000000;
	text-decoration: none;
	}


#r_sidebar { 
	color: #000000;
	width: 145px !important;
	_width: 145px;
	float: right !important;
	padding: 0px 20px 0px;
	}
#r_sidebar p{
	margin: 0px;
	line-height: 16px;
	padding: 5px 0px 10px 0px;
	}
#r_sidebar h2 {
	color: #F37D23;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-bottom: 1px dotted #cccccc;
	}

#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#r_sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#r_sidebar ul li {
	list-style: none;
	margin: 0px;
	padding: 6px 0px 5px 0px;
	}
#r_sidebar ul li a {
	color: #000000;
	text-decoration: none;
	}

#r_sidebar ul li a:hover {
	display: block;
	background: #cccccc;	
	color: #000000;
	text-decoration: none;
	}