/* CSS Document */

body						{ font:18px/20px Arial, Helvetica, sans-serif; }
							  
div, p, ul, h1, h2, h3, form, label	{margin:0px; padding:0px;}
ul									{ list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #C60; }

body						{ background-color:#EEE; }

a								{ text-decoration:none; }
p								{ font:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; color:#000 }
h1							{ font:Tahoma, Geneva, sans-serif; font-size:18px; color:#000; text-align:left; }
h2							{ font:Tahoma, Geneva, sans-serif; font-size:24px; color:#C00; text-align:center; font-weight:bold; }
h3							{ font:Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#930; }
h4							{ font:Arial, Helvetica, sans-serif; font-size:18px; color:#900; }

.line						{ clear:both; width:900px; margin:5px 0px; border-top:1px #000 solid; }
.space					{ clear:both; width:900px; margin:5px 0px; }

.info						{ width:300px; }
.cell1					{ width:60px; font:Tahoma, Geneva, sans-serif; font-size:18px; text-align:right; }
.cell2					{ width:14px; }
.cell3					{ width:220px; font:Tahoma, Geneva, sans-serif; font-size:18px; }

.index1-phone		{ float:left; width:239px; }
.index1-text		{ float:right; width:631px; margin:15px 15px; }

.about1-phone		{ float:left; width:239px; }
.about1-text		{ float:right; width:631px; margin:15px 15px; }
.about2-text		{ float:left; width:714px; margin:15px 15px; }
.about2-phone		{ float:right; width:156px; margin:10px 0px; }
.about3-phone		{ float:left; width:150px; margin-top:30px; }
.about3-text		{ float:right; width:720px; margin:15px 15px; }
.about4-phone		{ float:right; width:328px; margin-bottom:10px; }
.about4-text		{ float:left; width:542px; margin:15px 15px; }

.privacy			{ float:left; width:870px; margin:15px 15px; }

.products1-text	{ float:left; width:620px; margin:15px 15px; }
.products1-phone{ float:right; width:250px; margin:10px 0px; }

.services1-text	{ float:left; width:714px; margin:50px 15px; }
.services1-phone{ float:right; width:156px; margin:10px 0px; }

.phone6-left		{ float:left; width:550px; margin:15px 15px; }
.phone6-right		{ float:right; width:250px;  }
.qrtext						{ margin:20px 20px; }
.text						{ float:left; width:700px; margin:20px 20px; }
.icon						{ float:left; margin:4px 4px; padding:4px 4px; border:1px #000 solid; }
.icon-left			{ float:left; width:128px; padding:4px 4px; margin:8px 8px; border:1px #000 solid; }
.icon-right			{ float:right; width:640px; margin:10px 50px; }

#outer					{ width:960px; margin:0px auto; background-color:#FFF; }
#wrapper				{ width:900px; margin:0px auto; background-color:#FFF; }

#title-left			{ float:left; margin-top:20px; }
#title-right		{ float:right; margin-top:20px; }
  
#social					{ clear:both; float:right; }
#social ul li		{ display:inline; }

#navigation						{ clear:both; }
#navigation	ul				{ margin:6px 0px; }
#navigation	ul li			{ display:inline; }
#navigation	ul li a		{ font:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; padding:0px 8px; }

#navigation a:link			{ color:#462; }
#navigation a:visited		{ color:#462; }
#navigation a:active		{ color:#462; }
#navigation a:focus			{ color:#462; }
#navigation a:hover			{ color:#E62; }

#header_holder					{ width:900px; height:300px; margin-left:auto; margin-right:auto; }

.rotate									{ position:absolute; display:none; width:900px; height:300px; }
.rotate:first-child 		{ display:block }

#banner									{ width:900px; height:300px; margin-left:auto; margin-right:auto; }

#title									{ margin:10px 0px; }

#qrcode									{ float:left; width:110px; margin:6px }
#qrcode ul							{ border:1px #000 solid; }
#qrcode ul li img				{ padding:2px; margin:2px; }

#screens								{ clear:both; float:left; }
#screens ul							{ margin:0px 0px; padding:0px; }
#screens ul li					{ display:inline; }
#screens ul li img			{ padding:1px; margin:4px; border:1px #000 solid; }
#screens ul li iframe			{ padding:1px; margin:4px; border:1px #000 solid; }

#products								{ clear:both; }
#products ul li					{ display:inline; }
#products ul li img			{ margin:4px; padding:5px; border:1px #000 solid; }

#footermainPan							{ height:117px; color:#763; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; }
 
#footerPan									{ width:900px; position:relative; }
#footerlogoPan							{ display:block; width:138px; height:19px; position:absolute; top:0px; right:0px; }

#footerPan ul								{ width:546px; position:absolute; }
#footerPan li								{ float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#footerPan ul li a					{ padding:0px 8px; }
#footerPan ul li a:hover		{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#footerPan ul li a:link			{ color:#462; }
#footerPan ul li a:visited	{ color:#462; }
#footerPan ul li a:active		{ color:#462; }
#footerPan ul li a:focus		{ color:#462; }
#footerPan ul li a:hover		{ color:#E62; }

#footerPan ul.toftwood			{ width:250px; display:block; position:absolute; top:80px; }
#footerPan ul.toftwood li		{ widows:150; }
#footerPan ul.toftwood li a	{ display:block; }

#footerPan p.copyright			{ width:204px; background:url(../images/copyrightbg.gif) 0 0 repeat-x #FFF; color:#F04;
															position:absolute; top:23px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
															font-size:12px; }

#footerPanhtml							{ width:58px; height:19px; display:block; position:absolute; top:47px; left:0px; }
#footerPancss								{ width:58px; height:19px; display:block; position:absolute; top:47px; left:66px; }

#footerPanhtml a						{ width:58px; height:19px; background:url(../images/button1-normal.gif) 0 0 no-repeat #fff;
															display:block; position:absolute; top:0px; left:0px; line-height:19px; 
															color:#332; text-transform:uppercase; text-decoration:none; }

#footerPancss a							{ width:58px; height:19px; background:url(../images/button1-normal.gif) 0 0 no-repeat #fff;
															display:block; position:absolute; top:0px; left:0px; line-height:19px; 
															color:#332; text-transform:uppercase; text-decoration:none; }
											
#footerPanhtml a:hover			{ background:url(../images/button1-hover.gif) 0 0 no-repeat #fff; color:#332; text-decoration:none; }
#footerPancss a:hover				{ background:url(../images/button1-hover.gif) 0 0 no-repeat #fff; color:#332; text-decoration:none; }