@charset "UTF-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg.jpg);
	background-position: center top;
	behavior:url("/css/csshover.htc");
}
a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#wrapper #flash {
	height: 281px;
	width: 993px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #boxes {
	width: 993px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#wrapper #boxes #boxone {
	background: url(../images/box1.jpg) no-repeat;
	height: 148px;
	width: 338px;
	float: left;
}
#wrapper #boxes #boxtwo {
	height: 148px;
	width: 316px;
	float: left;
	background: url(../images/box2.jpg) no-repeat;
}
#wrapper #boxes #boxthree {
	height: 148px;
	width: 339px;
	background: url(../images/box3.jpg) no-repeat;
	float: right;
}
#wrapper #innerhead {
	height: 224px;
	width: 993px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #topnav {
	width: 993px;
	margin-right: auto;
	margin-left: auto;
	height: 122px;
}
#wrapper #belownav {
	width: 993px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #mainnav {
	width: 993px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #content {
	width: 993px;
	margin: 0 auto 0 auto;
	background: #FFF;
	height: auto;
	padding:0;
}
#wrapper #content #facebook {  /*homepage*/
	float: left;
	height: auto;
	width: 250px;
	padding: 15px 0px 15px 15px;
}
#wrapper #content #rightcontent {   /*homepage*/
	background: #FFF;
	float: right;
	width: 688px;
	margin: 0px;
	padding: 20px;
}
#wrapper #content #rightcontent #leftcolumn {
	float: left;
	width: 335px;
	margin: 0px;
	padding: 0px;
}
#wrapper #content #rightcontent #rightcolumn {
	float: right;
	width: 335px;
	margin: 0px 0px 0px 9px;
	padding: 0px;
}
#wrapper #content #gallerytwo {
	background: #FFF;
	float: right;
	width: 953px;
	margin: 0px;
	padding: 20px;
}

#wrapper #content #rightcontentinner {
	background: #FFF;
	float: right;
	width: 608px;
	margin: 0px;
	padding: 20px;
}
#wrapper #content #rightcontentinner #leftcolumn {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 2px;
}
#wrapper #content #rightcontentinner #rightcolumn {
	float: right;
	width: 300px;
	margin: 0px;
	padding: 2px;
}
#wrapper #content #leftarea {
	float: left;
	width: 305px;
	background: #FFF url(../images/innerleftback.jpg) no-repeat left top;
	height:600px;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 20px;
}
#wrapper #content #leftarealong {
	float: left;
	width: 305px;
	background: #FFF url(../images/bgleft_long.jpg) no-repeat left top;
	height:1118px;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 20px;
}
#wrapper #content #leftareaxl {
	float: left;
	width: 305px;
	background: #FFF url(../images/bgleft_xl.jpg) no-repeat left top;
	height:1300px;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 20px;
}
#wrapper #content #leftarealogo {
	float: left;
	width: 305px;
	background: #FFF url(../images/logos.jpg) no-repeat left top;
	height:1539px;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 20px;
}
#wrapper #address {
	width: 993px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: 63px;
}

/* navigation styles*/

#mainnav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
text-align: center;
}

#mainnav ul li {
width: auto;
float: left;
margin: 0px;
padding: 0px;
}

#mainnav ul li ul {
	background: #fff;
	padding: 0;
	margin: 0;
	list-style: none;
	display: none;
	font-size: 0;
	z-index: 99999;
	position: relative;
	left: 0;
	overflow: visible;
	width: 140px;
	border: 0px dashed #FFF;
}

#mainnav ul li ul li {
	float: none;
	margin: 0;
	padding: 0;
	background: #f3f6f0
	color: #3b4428;
	text-align: left;
}

/* dropdown hover styles*/

#mainnav ul li ul li a {
	width: 140px;
	white-space: nowrap;
	display: block;
	padding: 0 6px 0 6px;
	text-decoration: none;
	color: #12244D;
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;

}
#mainnav ul li ul li a:hover {
	background: #7197D8 url(../images/menubacker.jpg);
	color: #FFFFFF;
}
#mainnav ul li:hover ul, #navmenu ul li a:hover ul { 
display: block; 
}
#mainnav ul li ul { 
top: auto; 
left: auto; 
}

/* whyzarrilli button */

#mainnav ul li#whyzarrilli {
height: 51px;
width: 138px;
margin:0;
padding:0;
background:url("../images/whyzarilli2.jpg");
}
li#whyzarrilli a, #mainnav ul li#whyzarrilli a:link {
display:block;
}
li#whyzarrilli img {
width:138px;
height:51px;
border:0;
}
#whyzarrilli a:hover img {
visibility:hidden;
}

/* whymodular button */

#mainnav ul li#whymodular {
height: 51px;
width: 166px;
margin:0;
padding:0;
background:url("../images/whymodular2.jpg");
}
li#whymodular a, #mainnav ul li#whymodular a:link {
display:block;
}
li#whymodular img {
width:166px;
height:51px;
border:0;
}
#whymodular a:hover img {
visibility:hidden;
}

/* getstarted button */

#mainnav ul li#getstarted {
height: 51px;
width: 142px;
margin:0;
padding:0;
background:url("../images/getstarted2.jpg");
}
li#getstarted a, #mainnav ul li#getstarted a:link {
display:block;
}
li#getstarted img {
width:142px;
height:51px;
border:0;
}
#getstarted a:hover img {
visibility:hidden;
}

/* homespecs button */

#mainnav ul li#homespecs {
height: 51px;
width: 143px;
margin:0;
padding:0;
background:url("../images/homespecs2.jpg");
}
li#homespecs a, #mainnav ul li#homespecs a:link {
display:block;
}
li#homespecs img {
width:143px;
height:51px;
border:0;
}
#homespecs a:hover img {
visibility:hidden;
}

/* inthenews button */

#mainnav ul li#inthenews {
height: 51px;
width: 154px;
margin:0;
padding:0;
background:url("../images/inthenews2.jpg");
}
li#inthenews a, #mainnav ul li#inthenews a:link {
display:block;
}
li#inthenews img {
width:154px;
height:51px;
border:0;
}
#inthenews a:hover img {
visibility:hidden;
}

/* gallery button */

#mainnav ul li#galleryone {
height: 51px;
width: 118px;
margin:0;
padding:0;
background:url("../images/gallery2.jpg");
}
li#galleryone a, #mainnav ul li#galleryone a:link {
display:block;
}
li#galleryone img {
width:118px;
height:51px;
border:0;
}
#galleryone a:hover img {
visibility:hidden;
}

/* contactus button */

#mainnav ul li#contactus {
height: 51px;
width: 132px;
margin:0;
padding:0;
background:url("../images/contactus2.jpg");
}
li#contactus a, #mainnav ul li#contactus a:link {
display:block;
}
li#contactus img {
width:132px;
height:51px;
border:0;
}
#contactus a:hover img {
visibility:hidden;
}
#wrapper #spacebelowbox {
	width: 993px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: 24px;
}
#clearone {
	clear: both;
	height:1px;
}
a:focus {
   outline: none; -moz-outline: none;
}
#wrapper #rightcontentinner #right {
	float: right;
	width: 300px;
}
#wrapper #rightcontentinner #left {
	float: left;
	width: 300px;
}