/* 
  -----------------------------------
  IQ by Project Seven Development
  www.projectseven.com
  Global Styles
  Basic Layouts 1-7
  -----------------------------------
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #6F6964;
	margin: 0px;
	padding: 0px;
	background: #333333 url(../images/bk.jpg) no-repeat;
}
#masthead {
	width: 1000px;
	padding-left: 0px;
	display: block;
	height: 120px;
}
#masthead img {
	float: left;
}

#logo img {
	border: 0;
}
/*COLUMNS*/
#columnwrapper {
	margin: 0 auto;
	background: repeat-y;
}
#columns-top {
	background-repeat: no-repeat;
	height: 25px;
}
#c1 {
	background: url(../images/wrapper-bg.png);
}

#columns-bottom {
	clear: both;
	background-repeat: no-repeat;
	height: 25px;
	font-size: 0px;
}
.content {
	font-size: 0.75em;
	line-height: 1.4em;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	margin-left: 40px;
	margin-right: 40px;
	display: block;
	border-top-width: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #660217;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background: #414141;
}
.content p {
	margin: 6px 0px 12px;
}
h1 {
	margin: 0px;
	font-size: 16px;
	color: #CCCCCC;
	border-bottom: 1px dotted #666666;
	padding-bottom: 5px;
}
h2 {
	font-size: 1.1em;
	margin: 28px 0px 0px;
}
h3 {
	font-size: 1em;
	margin: 28px 0px 0px;
}

#footer {
	margin: 0px auto;
	font-size: .7em;
}
#footercontent {
	padding: 12px 0;
	text-align: center;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/*GLOBALS: Nav Bar*/

/*GLOBALS: Link Styles other than main navigation bar*/
a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	color: #6C92FF;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}
/* ====== NAVIGATION ============================================================================= */
		
	#navcontainer {
	display: block;
	float: left;
}
#navcontainer img {
	margin-right: 20px;
}

		
	#nav {
	width: 780px;
	float: left;
	display: block;
	text-align: left;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;
}
		
	#nav ul {
	margin: 0 auto;
	float: left;
	overflow: visible;
	position: relative;
	display: block;
	padding: 0;
	list-style-type: none; }
		
/* ================================================== */
		
#nav li {
	float: left;
	display: block;
	margin: 0 2.5em 0 0;
	position: relative;
	width: 130px;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
float: left;
display: block;
cursor: pointer; }
			
#nav li a:hover {
float: left;
display: block;
cursor: pointer; }
				
#nav li.active {
float: left;
display: block; }
			
/* ================================================== */
		
#nav li .bignumber {
float: left;
margin: 0;
padding: 0 0.2em 0 0;
position: relative;
font-size: 1.3em;
color: #6F6964;
font-weight: bold;
letter-spacing: -0.1em; }
		
#nav li a:link .bignumber, #nav li a:visited .bignumber, #nav li a:active .bignumber {
color: #6F6964;
text-decoration: none; }
				
#nav li a:hover .bignumber {
color: #c1c179;
text-decoration: none; }
					
#nav li.active .bignumber {
color: #c1c179;
text-decoration: none; }
					
/* ================================================== */
			
.nav1st {
	display: inline;
	float: left;
	position: relative;
	font: 1.3em Arial, Helvetica, sans-serif;
}
				
#nav li a:link .nav1st, #nav li a:visited .nav1st,  #nav li a:active .nav1st {
	text-decoration: none;
	color: #FFFFFF;
}
			
#nav li a:hover .nav1st  {
text-decoration: none;
color: #d9d518; }
				
#nav li.active .nav1st {
text-decoration: none;
color: #d9d518; }
				
/* ================================================== */
				
.nav2nd {
clear: left;
border-top: 1px solid #5b5b4d;
margin: 0;
width: 100%;
display: block;
color: #8c8c7b;
font-size: 9px;
font-family: cambria, georgia, "times new roman", times, serif;
font-weight: normal;
text-transform: uppercase; }
			
#nav li a:link .nav2nd,  #nav li a:visited .nav2nd,  #nav li a:active .nav2nd {
	text-decoration: none;
	padding: 5px 0 0 0;
	color: #000000;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E9E9E9;
}
				
#nav li a:hover .nav2nd {
border-top: 1px solid #5b5b4d;
padding: 5px 0 0 0;
text-decoration: none;
color: #aeae98; }
					
#nav li.active .nav2nd {
text-decoration: none;
color: #aeae98;
border-top: 2px solid #5b5b4d;
padding: 4px 0 0 0; }
.clearit {
	line-height: 1px;
	clear: both;
	height: 1px;
}
/*HOMEPAGE ELEMENTS*/
.one_column {
	width:295px;
	background: #535353;
	margin-bottom: 6px;
	height: 250px;
}
.two_column { width:477px; }
.three_column {
	width:920px;
}
.four_column { width:985px; }
.margin_left {
	padding-left:0px;
	margin-left: 6px;
}
.margin_right { padding-right:15px; }
.hr_break {
	clear:both;
	height:1px;
	line-height: 1px;
}
/* FLOATS */
.left { float: left; }
.right { float: right; }
.leftimg { float: left; margin:0px 15px 5px 0px; }
.rightimg { float: right; margin:0px 0px 5px 15px; }
.clientbrowser {
	font-size: 0.75em;
	line-height: 1.4em;
	margin-left: 40px;
	margin-right: 40px;
	display: block;
	border-top-width: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #660217;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background: #494541 url(../images/client-sidebox.jpg) repeat-x;
	padding: 8px 5px;
}
.linkwhite {
	color: #FFFFFF;
	text-decoration: none;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#nav li {width: auto;}
.content2 {
	font-size: 0.75em;
	line-height: 1.4em;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	background-color: #494541;
	margin-left: 40px;
	margin-right: 40px;
	display: block;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
h5 {
	margin: 8px 0px 0px;
	font: normal 1.3em Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
.clientbrowserhome {
	font-size: 0.75em;
	line-height: 1.4em;
	margin-left: 40px;
	margin-right: 40px;
	display: block;
	background: #494541 url(../images/client-browser.jpg) no-repeat;
	padding: 100px 5px 0px;
	border-top: 1px solid #000000;
}
.content_home {
	font-size: 0.75em;
	line-height: 1.4em;
	margin-left: 40px;
	margin-right: 40px;
	display: block;
	background: #414141 url(../images/threecol-mid.jpg);
	padding: 0px;
	border-top: 4px solid #660217;
	border-bottom: 1px solid #333333;
}
.left_box {
	padding-left:0px;
	margin-left: 10px;
}
.threecol_top {
	background: url(../images/threecol-top.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 920px;
}
.threecol_bot {
	background: url(../images/threecol-bot.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 9px;
	width: 920px;
}
#threecol_1 {
	float: left;
	width: 295px;
	margin-left: 10px;
}
#threecol_2 {
	float: left;
	width: 295px;
	margin-left: 7px;
}
#threecol_3 {
	float: left;
	width: 295px;
	margin-left: 7px;
}
.hbcontent {
	padding: 0px 20px;
}
#threecol_4 {
	float: left;
	width: 295px;
	margin-left: 10px;
}
#threecol_5 {
	float: left;
	width: 295px;
	margin-left: 7px;
}
#threecol_6 {
	float: left;
	width: 295px;
	margin-left: 7px;
}
.hme_bignum {
	font: bold 27px/27px Arial, Helvetica, sans-serif;
	color: #6F6964;
	float: left;
}
.hme_boxtitle {
	font: 11px/12px Arial, Helvetica, sans-serif;
	color: #9E9894;
	float: left;
	margin-left: 5px;
}
.leftimg2 {
	float: left;
	margin:0px;
	padding-right: 5px;
	padding-bottom: 5px;
}
