/* 3.7 DESIGNS BOILER PLATE =====================================
Company: 3.7 Designs
Project:
Author:
Comments:


= COLOR REFERENCE GUIDE =

FONT COLOR: #000000
HEADING COLOR: #333333
SECONDARY HEADING: #666666
BACKGROUND COLOR: #FFFFFF
SECONDARY BACKGROUND COLOR: #EFEFEF
HIGHTLIGHT COLOR: #990000 
LINK COLOR: #990000

================================================================*/



/*===============================================================

	G L O B A L     V A R I A B L E S

============================================== =GLOBAL VARIABLES */

html, body { 
font-family: Helvetica, Arial, sans-serif; font-size: 88% !important;
line-height: 1.7em; }

#pagewidth {
width: 916px; margin: 0 auto 0 auto; }

#pagewrap { margin: 0 auto 0 auto; width: 916px; padding: 0 21px 0 21px; background: url(../images/TheBodyBar.gif) 0 0 no-repeat;}


/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#main_nav { list-style: none; margin: 0; padding: 0; }
#main_nav li { list-style: none; }

/* ACCESSIBLE ROLL OVERS
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; width: 0px; height: 0px; } 

#button1 { background: url(../images/button1.jpg); width: 0px; }
#button1:hover { background: url(../images/button1.jpg) -0px 0; }
#button.active { background: url(../images/button1.jpg) -0px 0; }
*/

/*===============================================================

	T Y P O G R A P H Y
	
==================================================== =TYPOGRAPHY */

h1, h2, h3, h4, h5, p { margin: 15px 0 15px 0; }

h3 { font-weight: bold; text-transform: uppercase; letter-spacing: .05em; margin: 15px 0 5px 0; }
h3 strong { color: #6eb9cc; }

.first_line { text-transform: uppercase; font-weight: bold; }
.first_line strong { color: #6eb9cc; }

.news_list { line-height: 14px; font-size: 12px; width: 200px; float: right; }
.news_list strong { font-weight: bold; display: block; font-size: 13px;  }
.news_list span { font-weight: bold; display: block; color: #6eb9cc; font-size: 13px;  }


/*===============================================================

	L I N K      S Y L E I N G
	
=================================================== =LINK STYLING */

a { color: #6eb9cc; }
a:hover { text-decoration: none; }
a:visited { color: #6eb8cc; }
a:active { }

/*===============================================================

	C O N T E N T     S T R U C T U R E
	
============================================== =CONTENT STRUCTURE */

#header { background: url(../images/top_banner.jpg) top right no-repeat; height: 229px; }

#content { margin: 70px 0 15px 0; background: url(../images/swish_bg.gif) top left no-repeat #FFFFFF; min-height: 400px;  }

#footer { clear:both; border-top: 3px solid #CFCFCF;text-align: right; } 

#right_col { background: url(../images/hardline.gif) left 20px no-repeat; float: right; width: 581px; padding: 15px 0 0 15px;}

#left_col { width: 293px; padding: 15px 0 15px 0; float: left; text-align: right;}

.halfcol_left { float: left; width: 49%; }
.halfcol_right { float: right; width: 49%; }

#footer_links { list-style: none; display: inline;  }
#footer_links li { display: inline; font-size: 70%; }

#flash_wrap { text-align: right;}

.spacer { height: 451px !important;  }
.pullup { }


/*===============================================================

	H E L P E R    C L A S S E S
	
============================================== =HELPER CLASSES */

.fr { float: right; }
.fl { float: left; }

.fr15 { float: right; margin: 0 0 0 15px; }
.fl15 { float: left; margin: 0 15px 0 0; }

.listnomargin { margin: 0; padding: 0 0 0 15px; }

.ntm { margin-top: 0px; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }

.nomargin { margin: 0; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }
 
/*===============================================================

	A C C E S S I B I L I T Y
	
======================================= =ACCESSIBILITY CLASSES */

#skiplinks { position: absolute; margin-top: -100px; }

/*===============================================================

	I M A G E - R E P L A C E M E N T
	
=============================================== =IMAGE REPLACMENT */

#tagline { background: url(../images/tagline.gif); width: 916px; height: 33px; text-indent: -999999px; overflow: hidden; margin: 0; }

/*===============================================================

	F O R M - C O N T R O L
	
=================================================== =FORM CONTROL */

#findoutmore ol { list-style: none; width: 450px;}
#findoutmore label { float: left; }
#findoutmore input { float: right; margin: 3px 0 3px 0; }
#findoutmore select { float: right; width: 140px; margin: 3px 0 3px 0; }
#findoutmore li { clear: both;  }
#findoutmore li.nofloatitem input { float: none; margin: 0; }

#findoutmore span { color: #FF0000; }