/* 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: 65.5%;
line-height: 1.5em; margin: 0; padding: 0; }

#home { background: url(/images/headers/header1.jpg) top center no-repeat; }

#about { background: url(/images/headers/about.jpg) top center no-repeat; }

#services { background: url(/images/headers/services.jpg) top center no-repeat; }

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

#logo { text-indent: -9999px; overflow: hidden; }

#comment { font-size: 18px; line-height: 1em; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; color: #052a56; margin-top: 0px; font-weight: 100; }


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

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

#main_nav { list-style: none; margin: 2px 0 0 -190px; padding: 0; width: 670px; font-size: 13px; position: absolute; top: 266px; left: 50%; }
#main_nav li { float: left; margin-right: 23px; padding-right: 10px; border-right: 1px solid #fff; }
#main_nav li a { color: #fff; text-decoration: none; text-transform: uppercase;}
#main_nav li a:hover, #main_nav li a.active { background: #fff; color: #000; }


.li-h { font-weight: bold; letter-spacing: .05em; text-transform: uppercase; color: #fff; border-right: 0px !important;  }


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

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

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

p, ul, dl, ol, label, form { font-size: 12px; line-height: 1.5em; }

h2 { font-size: 18px; line-height: 1em; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; color: #052a56; margin-top: 0px; font-weight: 100; }

p strong { color: #052a56; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-weight: bold; letter-spacing: .05em; margin-bottom: 5px;}

#right_col p { color: #333; }

a { color: #052a56; }
a:hover { text-decoration: none; }

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

	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 */

#header { height: 395px; width: 960px;  }

#content { }

#footer { clear:both; width: 666px; float: right; font-size: .9em; border-top: 2px solid #ededed; color: #666; }
#footer p { margin-top: 5px; } 

#right_col { width: 625px; margin-left: 30px; float: left; }

#left_col { width: 260px; float: left; }

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

.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 */

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

.meta { font-size: 10px; margin-top: -5px; }

ul { list-style: disc; padding-left: 15px; }

.zemText, .zemTextarea { font-size: 12px !important; }
.zemContactFrom label { float: left; clear: left; }
.zemContactForm input { float: right; clear: right; margin-top: -20px; }
.zemContactForm { width: 400px; }