/*------------------------------basic layout----------------------------*/

body {
	margin: 15px 0 0 0; 
 	padding: 0; 
 	font-size: 110%; 
}

/*this is to keep page from shifting to left on load in safari and firefox*/
html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }

#area { 
	max-width: 1000px; 
	width: expression(document.body.clientWidth>1000+2?'1000px':'auto');
	margin-left: auto;
	margin-right: auto;
}

#bottom {
	text-align: center;
	width: 100%; 
	height:100px;
	margin: 0 0 100px 0px;
	padding: 0; 
	background-image:url('marketing/gradient1f.jpg');
	background-repeat:repeat-x;
}

#bottom2 {
	text-align: center;
	width: 100%; 
	height:100px;
	margin: 100px 0 100px 0px;
	padding: 0; 
	background-image:url('marketing/gradient1f.jpg');
	background-repeat:repeat-x;
}

/*------------------------------sectional layout----------------------------*/

#content {
	float: right; 
	width: 200px;
}

#leftnav {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}

#rightnav {
	float: right;
	width: 600px;
	margin: 0;
	padding: 0;
}

#rightnav2 {
	float: right;
	width: 300px;
	margin: 0 4em 0 0;
	padding: 0;
}

#leftnav2 {
	float: left;
	width: 90%;
	margin: 0;
	padding: 0;
}

#centernav {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

/*------------------------------typography, links, lists----------------------------*/

p {font-family:"times roman",times; font-size: 105%}
	.p2 {font-family:arial,helvetica,sans-serif; font-size: 80%}
	.p2q {font-family:arial,helvetica,sans-serif; font-size: 90%; color:#fff}
	.p2r {font-family:verdana,geneva,sans-serif; font-size: 100%; color:#fff; font-weight:bold}
	.p3 {font-family:arial,helvetica,sans-serif; font-size: 80%; font-weight:bold}
	.p3r {font-family:arial,helvetica,sans-serif; font-size: 90%; font-weight:bold}
	.p4 {font-family:arial,helvetica,sans-serif; font-size: 80%; margin: 0; padding: 0;}
	.p4r {font-family:arial,helvetica,sans-serif; font-size: 70%; color:#6495ed}
	.p4rb {font-family:arial,helvetica,sans-serif; font-size: 90%; color:#6495ed}
	.p4s {font-family:georgia,"times roman",times; font-size: 70%; color:#666}
	.p4t {font-family:"times roman",times; color:#ff0000}
	.p4u {font-family:arial,helvetica,sans-serif; font-size: 80%; color:#333}
	.p5 {font-family:"times roman",times; font-size: 80%}
	.p6 {font-family:verdana,geneva,helvetica,sans-serif; font-size: 90%}
	.p7 {font-family:"times roman",times; font-size: 150%}
	.p10 {font-family:"times roman",times; font-size: 140%}
	.p11 {font-family:"times roman",times; font-size: 100%; color:#cd5c5c}
	.td1 {font-family:arial,helvetica,sans-serif; font-size: 70%}
	.td2 {font-family:arial,helvetica,sans-serif; font-size: 80%; line-height: 2}
	
a {color:#006400;text-decoration:none}
a:hover {text-decoration:underline}

h1 { font-size: 150%; color: #000000; margin-left: 50px} 
h2 { font-size: 115%; color: #191970; margin-left: 100px} 

.p1 {
	margin: 0 0 0 100px; 
	padding: 0 0 0 0;}

.ul li {
	line-height: 2;
}

.ulfirst {
	padding: 0 0 0 115px;
}

/*------------------------------miscellaneous----------------------------*/

img {
  border: 0;
}

td {
	font-size: 110%;
}

.td1 {
	width: 200px;
	font-family: arial;
	font-size: 110%;
}

/*---------------------http://meyerweb.com/eric/css/edge/boxpunch/demo.html---------------------*/

div#punch {float: left; font-size: 200%; width: 7em;
   text-align: center; padding: .1em .1em 0;
   background: #f4a460; color: white; border: solid white 1px; 
   border-width: 0 .2em .2em 0; margin: .2em .5em .5em 0;}
   
div#punch5 {float: right; width: 30%; text-align: center; 
   font-size: 80%; font-style: italic; 
   padding: 1em; text-indent: -0.5em; background: white; 
   margin: 2.5em 5.5em 1.2em .5em;}
   
div#punch6 {float: right; width: 30%; text-align: left; 
   font-size: 80%; font-weight: bold; font-style: italic; 
   padding: 1em; text-indent: -0.5em; background: white; 
   color: black; border: solid #191970 1px;
   margin: 1em 1em 1.2em .5em;}
  
/*----------------------http://www.dynamicdrive.com/style/----------------------*/

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 1px solid #333; /*color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 65% arial,helvetica,sans-serif;
color: #333;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-image: url('gradient2.jpg');
background-repeat: repeat-x;
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
color: #333;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
color: #333;
}

/*----------------------http://www.cssplay.co.uk/boxes/snazzy2.html----------------------*/

#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #08c; border-width:0 1px;text-align:center;}