/* 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: Arial, Helvetica, sans-serif; font-size: 85%;
line-height: 1.65em; margin: 0; padding: 0;}

#pagewidth { margin: 0 auto 0 auto; background:url(../images/pagewidth-bg.jpg) }
img { margin: 0px; }


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

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

#main_nav { list-style: none; margin: 0px; padding: 5px 20px 0 20px; line-height: 0px; border: 0px; }

#main_nav { margin: 0px 0px; }
#main_nav li, #main_nav li a, #main_nav li a span { margin: 0px; padding: 0; height: auto; border: none; }
#main_nav li { margin: 10px 0 10px 0; }
#main_nav li a { line-height: .75em; font-family: "Arial Narrow", Arial, Helvetica, sans-serif !important; font-size: 17px; text-transform: uppercase; font-weight: bold;display: block; }
#main_nav li a:hover { background: url(../images/roll_over.png); color: #000000; text-decoration: none; }
#main_nav li a.active { background: url(../images/roll_over.png); color: #000000; text-decoration: none; }

#main_nav li a span { display: block; font-size: 12px; font-weight: 100; text-transform: none; letter-spacing: .025em; font-family: Arial, Helvetica, sans-serif;}

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

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

h1, h2, h3, h4, h5, p { margin: 15px 0 15px 0; }
* { font-family: Helvetica, Arial, sans-serif !important; }
a { color: #ffffff; text-decoration: none; line-height: 1em;}
a:hover { text-decoration:underline;}
strong { font-weight: bold; }


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

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

a { }
a:hover { }
a:visited { }
a:active { }

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

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

#pagewidth, .fullpage { width: 800px; margin: 0px auto; }
#pagewidth-top { background:url(../images/pagewidth-top-bg.jpg) 0 0 no-repeat; width: 800px; height: 9px; margin-bottom:-9px; }
#pagewidth { background:url(../images/pagewidth-bg.jpg) 0 0 repeat-y; }

#header { }, #top h1 { margin: 0; padding: 0; }

#content { }

#footer { clear:both; } 

#col-left, #col-right { margin-top: 9px;   min-height:600px; height:auto !important; height:500px; }

#col-left { background: url(../images/col-left-bg.png) 0px 0px no-repeat; width: 250px; float: left;}
#col-right { background: #abc98e; float: left; width: 520px; padding: 15px; }

/* #col-right > *, #col-left > * { margin: 10px 15px; } */

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


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

	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; }

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

.m0 { 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; }
.ir { width: 1px; height: 1px; text-indent: -999em; overflow: hidden; display: none; }
 
/*===============================================================

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

#skiplinks { position: absolute; margin-top: -100px;  }
#skiplinks ul li a { font-size: .9em; }




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

	A D D E N D U M
	
======================================= =ADDS TO BOILERPLATE */


#breadcrumbs { color: #62a343 ; float: left; margin-left: 10px; margin-top: 15px; width: 400px; text-align: left; }
#breadcrumbs li { display: inline; }
#breadcrumbs a { color: #92bc7f; text-decoration: underline;  }
#breadcrumbs a:hover { text-decoration: none; }

#top {height: 128px; width: 800px; clear: both; margin-top: -20px;}
#action { height: 48px; background:url(../images/action-bg.jpg); width: 800px; clear: both; text-align:right;}
#footer { background:url(../images/footer-bg.jpg) no-repeat; height: 70px; }
#footer div { width: 780px; margin: 10px auto; }
.buttons a img { margin: 0px; }

.leftbutton { float: right; margin-right: -15px; }