@charset "utf-8";

body {

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

	background-color: #EFEFEF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-image: url(../images/header-background.jpg);

	background-repeat: repeat-x;

	background-position: top;

	height: 100%;

}

h1, h2, h3, h4, h5, p {

    padding: 0px;

	margin: 0px;

	

}

h1 {

	margin-bottom: 10px;

	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;

	font-size: 29px;

	font-weight: normal;

	color: #666666;

}



a {

	color: #FF9900;

	font-weight: bold;

}

a:hover {

	color: #666666;

}



img {

	border: none;

}



#container  {

	width: 780px;

	margin: 0 auto;

	text-align: left; /* this overrides the text-align: center on the body element. */

}

#header {

	height: 122px;

	margin-bottom: 20px;

}

#logo {

	height: 70px;

	text-align: right;

	color: #999999;

	padding-top: 10px;

}

#logo a {

	color: #CCCCCC;

	text-decoration: none;

}

#logo a:hover {

	text-decoration: underline;

	color: #FFFFFF;

}

#logo p {

	margin-top: 0px;

	font-size: 10px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin-right: 10px;

}



#logo img {

	float: left;

}

.phone {

	font-size: 23px;

	font-weight: normal;

	font-family: Georgia, "Times New Roman", Times, serif;

	line-height: 40px;

}





#mainContent  {

	padding-top: 13px;

	padding-right: 0px;

	padding-bottom: 0;

	padding-left: 0px;

	margin-top: 20px;

	background-image: url(../images/content-top.gif);

	background-repeat: no-repeat;

	background-position: center top;

	margin-bottom: 20px;

}



#mainContent p {

	line-height: 18px;

	padding-bottom: 20px;

}

#mainContent h1 {

	margin-bottom: 10px;

	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;

	font-size: 29px;

	font-weight: normal;

	color: #666666;

}

#mainContent h2 {

	margin-bottom: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #666666;

}

#mainContent h3 {

	font-size: 14px;

	color: #FF9900;

	padding-bottom: 10px;

}





#mainContent .contentbox {

	background-image: url(../images/content-fill.gif);

	background-repeat: repeat-y;

	background-position: center;

	padding-right: 15px;

	padding-left: 15px;

}

#mainContent .contentbtm {

	background-image: url(../images/content-bottom.gif);

	background-repeat: no-repeat;

	background-position: center top;

	height: 13px;

}

#mainContent blockquote {

	border-top-width: 2px;

	border-bottom-width: 2px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #E9E9E9;

	border-bottom-color: #E9E9E9;

	margin: 20px;

	padding-top: 20px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

}

#sidebar {

	padding-left: 15px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #E9E9E9;

	margin-top: 10px;

}

#sidebar form {

	margin-left: 10px;

}

#sidebar input {

	margin-bottom: 5px;

	background-image: url(../images/forminputbackground.jpg);

	background-repeat: repeat-x;

	background-position: top;

}

#sidebar #submit {

	background-color: #FFFFFF;

	background-image: url(../images/submitbutton.jpg);

	border: 1px solid #999999;

	background-repeat: repeat-x;

	background-position: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

}



ul  {

	margin-left: 0px;

	padding-left: 10px;

	margin-top: 10px;

	list-style-type: none;

}

li  {

	background-image: url(../images/listdot.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 12px;

	padding-bottom: 5px;

}





.arrow {

	background-image: url(../images/arrow.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	line-height: 15px;

}

#twocol {

	padding-top: 13px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	background-image: url(../images/content-top.gif);

	background-repeat: no-repeat;

	background-position: center top;

	margin-bottom: 20px;

}

#twocol p {

	font-size: 11px;

	color: #666666;

	padding-right: 10px;

	padding-bottom: 7px;

}

#twocol h3 {

	font-size: 14px;

	font-weight: normal;

	color: #999999;

	padding-bottom: 10px;

}

#twocol strong {

	color: #666666;

}

#twocol .contentbox {

	background-image: url(../images/2colfill.gif);

	background-repeat: repeat-y;

	background-position: center;

	padding-right: 0px;

	padding-left: 0px;

}

#twocol  .contentbtm {

	background-image: url(../images/content-bottom.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 13px;

}

#twocol .contentboxp {

	width: 358px;

	padding-left: 17px;

	font-size: 11px;

	color: #666666;

	padding-right: 5px;

}

#threecol {

	padding-top: 13px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	background-image: url(../images/content-top.gif);

	background-repeat: no-repeat;

	background-position: center top;

	margin-bottom: 20px;

}



#threecol p {

	font-size: 11px;

	color: #666666;

	padding-right: 10px;

	padding-bottom: 7px;

}

#threecol h3 {

	font-size: 14px;

	font-weight: normal;

	color: #999999;

	padding-bottom: 10px;

}

#threecol strong {

	color: #666666;

}







#threecol .contentbox {

	background-image: url(../images/3colfill.gif);

	background-repeat: repeat-y;

	background-position: center;

	padding-right: 0px;

	padding-left: 0px;

}

#threecol .contentbtm {

	background-image: url(../images/content-bottom.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 13px;

}

#threecol .contentboxp {

	width: 228px;

	padding-left: 17px;

	font-size: 11px;

	color: #666666;

	padding-right: 5px;

}

/* End hide from IE-mac */

#fourcol {

	padding-top: 13px;

	padding-right: 0px;

	padding-bottom: 0;

	padding-left: 0px;

	background-image: url(../images/content-top.gif);

	background-repeat: no-repeat;

	background-position: center top;

	margin-bottom: 20px;

}

#fourcol p {

	font-size: 11px;

	color: #666666;

	padding-right: 10px;

	padding-bottom: 7px;

}

#fourcol h3 {

	font-size: 14px;

	font-weight: normal;

	color: #999999;

	padding-bottom: 10px;

}

#fourcol .contentbox {

	background-image: url(../images/4colfill.gif);

	background-repeat: repeat-y;

	background-position: center;

	padding-right: 0px;

	padding-left: 0px;

}

#fourcol .contentbtm {

	background-image: url(../images/content-bottom.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 13px;

}



#fourcol .contentboxp {

	width: 165px;

	padding-left: 17px;

	font-size: 11px;

	color: #666666;

	padding-right: 5px;

}

.productwide {

	margin-right: 25px;

	margin-left: 25px;

	padding-bottom: 15px;

}

.productwide img {

	margin-right: 10px;

}

.productwide h3 {

	font-size: 16px;

	padding-bottom: 8px;

}

.productwide strong {

	color: #666666;

}

.productwide p {

	padding-top: 10px;

	padding-bottom: 10px;

}

.productwide td {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}

.google728 {

	height: 90px;

	width: 728px;

	margin-top: 15px;

	margin-bottom: 15px;

	margin-left: 26px;

}

.google468 {

	height: 60px;

	width: 468px;

	margin-bottom: 15px;

	margin-left: 25px;

	margin-top: 0px;

}



























#footer {

	height: 260px;

	margin-top: 20px;

	background-color: #333333;

	background-image: url(../images/footer-fill.jpg);

	background-repeat: repeat-x;

	background-position: top;

	clear: both;

}

#footer a {

	color: #999999;

	font-weight: bold;

}

#footer a:hover {

	color: #CCCCCC;

}



#footerwrap {

	width: 780px;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}

#footertop {

	background-image: url(../images/footer-top.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 28px;

	width: 780px;

}



#footercontent {

	color: #CCCCCC;

	text-align: left;

	padding-left: 20px;

	padding-top: 0px;

	background-color: #252525;

	font-size: 12px;

	margin-top: 0px;

}

#footercontent strong {

	display: block;

	padding-bottom: 5px;

	background-image: url(../images/dot.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	padding-left: 8px;

}

#footercontent ul {

	margin-top: 10px;

	padding-left: 20px;

	margin-left: 0px;

}

#footercontent li {

	color: #999999;

}

#footerbtm {

	background-image: url(../images/footer-btm.gif);

	background-repeat: no-repeat;

	background-position: center top;

	height: 10px;

	width: 780px;

}



.copyright {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #999999;

	text-align: center;

	background-image: url(http://www.justdreamweaver.com/templates/link/spacer.gif);

	background-repeat: no-repeat;

}

#about {

	font-size: 9px;

	color: #666666;

	text-align: center;

	margin-top: 10px;

}

#about a {

	color: #666666;

}

















.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 15px;

	margin-bottom: 5px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 12px;

	margin-bottom: 5px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

#pagetitle {

	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;

	font-size: 29px;

	font-weight: normal;

	color: #666666;

	padding-top: 8px;

	padding-right: 0px;

	padding-bottom: 0;

	padding-left: 120px;

	margin-top: 20px;

	background-image: url(../images/pagetitle.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	margin-bottom: 20px;

	height: 51px;

	width: 660px;

}