@charset "utf-8";
body {
	font: 100% Tahoma, Geneva, sans-serif;
	font-size:14px;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #CCCCCC;
	background-image: url(images/main_bg.png);
	background-repeat: repeat;
}
.main #flash_bg {
	position:absolute;
	overflow:hidden;
	top: 81px;
	height: 1024px;
	width: 1258px;
	margin: 0 auto;
	border: 0px;
	text-align: center;
}
.main #flash_btn {
	position:absolute;
	overflow:hidden;
	top: 210px;
	left: 120px;
	
}
.main #container {
	position:absolute;
	overflow:hidden;
	width: 1258px;
	margin: 0 auto; 
	border: 0px;
	text-align: left; 
}
.main #header {
	height: 81px;
	background-image: url(images/header.png);
	background-repeat:repeat-x;
	
}
.main #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.main #mainContent {
	padding-top:275px;
	padding-left:220px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.main #mainContentLeft {
	width: 575px;
	float:left;/* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.main #mainContentRight {
	width: 220px;
	float: right;/* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.main #mainContentRight h2{
	font-size:12px;
	font-weight:bold;
	color: #A7FF00;
}
.main #mainContentLeft p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#CCCCCC;
}
.main #mainContentRight p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
}
.main #footer {
	position:relative;
	top: 1024px;
	width: auto;
	height: 70px;
	background-image: url(images/footer.png);
	background-repeat:repeat;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#CCCCCC;
}
.main #footer p {
	margin: 0; 
	padding: 29px 0;
}
.main #footerRight {
	position:absolute;
	left: 1085px;
	top: 1122px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#CCCCCC;
}
.main #footerLeft {
	position:absolute;
	left: 15px;
	top: 1118px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#CCCCCC;
}
h1 {
	font-size: 13px;
	font-style:normal;
}
h2 {
	font-size: 12px;
}
h3 {
	font-size: 13px;
	color:#FFF;
}
h4 {
	font-size: 9px;
}
h5 {
	font-size: 14px;
	color: #A7FF00;
}
 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	background-color:#282828;
	width:177px;
}      
li a{
	width:100%;
}
li a:link{
}
li a:visited{
	color:#FFFFFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:70%;
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
}
li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#sideBar{
	position: fixed;
	width: auto;
	height: auto;
	top: 100px;
	right:-7px;
	background-image:url(images/background.png);
	background-position:top left;
	background-repeat:repeat-y;
	z-index:2;
}
#sideBarTab{
	float:left;
	height:auto;
	width:28px;
	padding:0;
	margin:0 5px 0 0;
}
#sideBarTab img{
	border:0px solid #FFFFFF;
}
#sideBarContents{
	overflow:hidden !important;
	float:left;
	width: 0px;
	padding:0;
	margin: 0;
}
      
#sideBarContentsInner{
	width:200px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
}
#sideBarHead{
	overflow:hidden;
	position:absolute;
	left: 28px;
	width:280px;
	height:26px;
	background-image:url(../images/call_back_head.png);
	top: 0px;
	float:left;
}
#callBackForm{
	overflow:hidden;
	position:absolute;
	left: 33px;
	top: 37px;
	width:245px;
	height:239px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-style:normal;
	font-size:13px;
	color:#FFFFFF
}
#nameForm{
	position:absolute;
	left: 16px;
	top: 4px;
	width:62px;
	height:16px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #FFFFFF;	
}
#telForm{
	position:absolute;
	left: 24px;
	top: 29px;
	width:62px;
	height:16px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}
#emailForm{
	position:absolute;
	left: 17px;
	top: 54px;
	width:62px;
	height:16px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #FFFFFF;	
}
#servicesForm{
	position:absolute;
	left: 12px;
	top: 78px;
	width:62px;
	height:16px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #FFFFFF;	
}
#messageForm{
	position:absolute;
	left: 12px;
	top: 102px;
	width:62px;
	height:16px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #FFFFFF;	
}
#nameInput{
	position:absolute;
	left: 76px;
	top: 1px;
	width:161px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#telInput{
	position:absolute;
	left: 76px;
	top: 26px;
	width:161px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#emailInput{
	position:absolute;
	left: 76px;
	top: 51px;
	width:161px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#servicesCombo{
	position:absolute;
	left: 76px;
	top: 76px;
	width:167px;
	height: 22px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#msgInput{
	position:absolute;
	left: 76px;
	top: 102px;
	width:161px;
	height:100px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#formSubmit{
	position:absolute;
	left: 116px;
	top: 215px;
	width:76px;
	height:20px;
	background-image:url(../images/call_back_send.png);
	border:none
}
.main #footer a:link {
	text-decoration: none;
	color:#CCCCCC
}
.main #footer a:visited {
	text-decoration: none;
	color:#CCCCCC
}
.main #footer a:hover {
	text-decoration: none;
	color: #A7FF00;
}
.main #footer a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.main #footerRight a:link {
	text-decoration: none;
	color:#CCCCCC
}
.main #footerRight a:visited {
	text-decoration: none;
	color:#CCCCCC
}
.main #footerRight a:hover {
	text-decoration: none;
	color: #A7FF00;
}
.main #footerRight a:active {
	text-decoration: none;
	color:#CCCCCC
}
.main #logo {
	position:absolute;
	width:171px;
	height:62px;
	left: 40px;
	top: 5px;
	background-image:url(../images/Logo.png);
}
.main #noFlashNav {
	position:absolute;
	width:auto;
	height:auto;
	top: 32px;
	left: 230px;
	font-size:16px;
	font-style:normal;
}
.main #noFlashNav a:link {
	text-decoration: none;
	color:#FFFFFF
}
.main #noFlashNav a:visited {
	text-decoration: none;
	color:#FFFFFF
}
.main #noFlashNav a:hover {
	text-decoration: none;
	color: #A7FF00;
}
.main #noFlashNav a:active {
	text-decoration: none;
	color:#FFFFFF
}
.main #featuredFlash {
	overflow:hidden;
	position:absolute;
	top:0px;
	left:227px;
}
.main #bodybg {
	overflow:hidden;
	position:absolute;
	top:81px;
	left:115px;
	height:1024px;
	width:1030px;
	background-image:url(../images/body_bg.png);
}
.main #featuredbg {
	overflow:hidden;
	position:absolute;
	top:0px;
	left:95px;
	height:272px;
	width:840px;
	background-image:url(../images/Flash_body_bg.png);
}
.main a:link {
	text-decoration: none;
	color:#A7FF00
}
.main a:visited {
	text-decoration: none;
	color:#FFFFFF
}
.main a:hover {
	text-decoration: none;
	color:#5959FF
}
.main a:active {
	text-decoration: none;
	color:#FFFFFF
}
.main #mainContent a:link {
	text-decoration: none;
	color:#CCCCCC
}
.main #mainContent a:visited {
	text-decoration: none;
	color:#CCCCCC
}
.main #mainContent a:hover {
	text-decoration: none;
	color:#A7FF00
}
.main #mainContent a:active {
	text-decoration: none;
	color:#FFFFFF
}
.main #mainContentCenter{
	width: 800px; 
}
.main #mainContentCenter h2{
	font-size:12px;
	font-weight:bold;
	color: #A7FF00;
}
.main #mainContentCenter h3{
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
}
.main #mainContentCenter p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#CCCCCC;
}
.main #SEOImage1 {
	position:absolute;
	overflow:hidden;
	left: 240px;
	Top: 640px;
}
.main #SEOImage2 {
	position:absolute;
	overflow:hidden;
	left: 600px;
	Top: 865px;
}
.main #contactLeft {
	width: 365px;
	float:left;/* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.main #contactRight {
	width: 250px;
	position: absolute;
	left: 650px;
	top: 383px;
}
.main #contactLeft p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#CCCCCC;
}
.main #contactRight p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#CCCCCC;
}
.main #ContactLeft h3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
}
#contactTitle{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	width:145px;
	color: #000000;
}
#contactFirstName{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#contactLastName{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#contactCompany{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#contactPosition{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#contactEmail{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#contactTel{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#contactmsg{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	width:140px;
	color: #000000;
}
#contactServices{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	width:145px;
	color: #000000;
}
#contactformSubmit{
	position:absolute;
	left: 143px;
	top: 355px;
	background-image:url(../images/call_back_send.png);
	width:76px;
	height:20px;
	border:none;
}
.main #salesTag {
	position:absolute;
	left: 850px;
	top: 0px;
	z-index: 1;
}
.main #webworx {
	position:absolute;
	overflow: hidden;
	left: 810px;
	top: 475px;
}
.main #webworxContentCenter{
	width: 550px;
	height:700px;
}
.main #webworxContentCenter p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#CCCCCC;
}
#quoteTitle{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	width:145px;
	color: #000000;
}
#quoteFirstName{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#quoteLastName{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#quoteCompany{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#quotePosition{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#quoteEmail{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#quoteTel{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color: #000000;
}
#quotemsg{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	width:140px;
	color: #000000;
}
#quoteServices{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	width:145px;
	color: #000000;
}
#quoteformSubmit{
	position:absolute;
	left: 143px;
	top: 355px;
	background-image:url(../images/call_back_send.png);
	width:76px;
	height:20px;
	border:none;
}
.main #quoteRight {
	width: 250px;
	position: absolute;
	left: 450px;
	top: 350px;
}
.main #quoteContentCenter p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#CCCCCC;
}
.main #quoteContentCenter{
	width: 550px;
	height:700px;
}




#contact p {
font-family:tahoma, geneva, sans-serif;
font-size:12px;
}
label {
font-family:tahoma, geneva, sans-serif;
font-size:12px;
}
legend {
font-family:tahoma, geneva, sans-serif;
font-size:12px;
}
#contact h1 {
margin: 10px 0px; color: #333333; font-size: 13px
}
#contact hr {
	border-bottom: #A7FF00 1px solid; 
	border-left: #A7FF00 1px; 
	padding-bottom: 0px; 
	margin: 6px 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	height: 0px; 
	color: inherit; 
	border-top: #A7FF00 1px; 
	border-right: #A7FF00 1px; 
	padding-top: 0px
}
#contact {
	padding-bottom: 35px;
	padding-top: 5px;
	padding-left: 80px;
	width: 650px; 
	display: block;  
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
}
#contact label {
	line-height: 26px; 
	width: 155px; 
	display: inline-block; 
	float: left;
	height: 26px; 
	font-size: 12px;
}
#contact input {
	border-bottom: #ccc 1px solid; 
	border-left: #ccc 1px solid; 
	padding-bottom: 5px; 
	margin: 5px 0px; 
	padding-left: 5px; 
	width: 280px; 
	padding-right: 5px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background: #f5f5f5; 
	color: #666; 
	border-top: #ccc 1px solid; 
	border-right: #ccc 1px solid; 
	padding-top: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
}
textarea {
	border-bottom: #ccc 1px solid; 
	border-left: #ccc 1px solid; 
	padding-bottom: 5px; 
	margin: 5px 0px; 
	padding-left: 5px; 
	width: 280px; 
	padding-right: 5px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background: #f5f5f5; 
	color: #666; 
	border-top: #ccc 1px solid; 
	border-right: #ccc 1px solid; 
	padding-top: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
}
select {
	border-bottom: #ccc 1px solid; 
	border-left: #ccc 1px solid; 
	padding-bottom: 5px; 
	margin: 5px 0px; 
	padding-left: 5px; 
	width: 280px; 
	padding-right: 5px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background: #f5f5f5; 
	color: #666; 
	border-top: #ccc 1px solid; 
	border-right: #ccc 1px solid; 
	padding-top: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
}
#contact input:focus {
	border-bottom: #A7FF00 1px solid; 
	border-left: #A7FF00 1px solid; 
	background-color: #fff; 
	color: #333; 
	border-top: #A7FF00 1px solid; 
	border-right: #A7FF00 1px solid
}
textarea:focus {
	border-bottom: #A7FF00 1px solid; 
	border-left: #A7FF00 1px solid; 
	background-color: #fff; 
	color: #333; 
	border-top: #A7FF00 1px solid; 
	border-right: #A7FF00 1px solid
}
select:focus {
	border-bottom: #A7FF00 1px solid; 
	border-left: #A7FF00 1px solid; 
	background-color: #fff; 
	color: #333; 
	border-top: #A7FF00 1px solid; 
	border-right: #A7FF00 1px solid
}
#contact input.submit {
	border-bottom: #222 1px solid; 
	border-left: #222 1px solid; 
	width: 85px; 
	background: #f5f5f5; 
	color: #000; 
	border-top: #222 1px solid; 
	cursor: pointer; 
	border-right: #222 1px solid; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
}
#contact input.submit:hover {
	background: #A7FF00;
	color: #fff;
}
#contact fieldset {
	border-bottom: #A7FF00 1px solid; 
	border-left: #A7FF00 1px solid; 
	padding-bottom: 20px; 
	padding-left: 20px; 
	padding-right: 20px; 
	border-top: #A7FF00 1px solid; 
	border-right: #A7FF00 1px solid; 
	padding-top: 20px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
}
#contact legend {
	border-bottom: #A7FF00 1px solid; 
	border-left: #A7FF00 1px solid; 
	padding-bottom: 7px; 
	padding-left: 10px; 
	padding-right: 10px; 
	color: #FFF; 
	border-top: #A7FF00 1px solid; 
	font-weight: bold; 
	border-right: #A7FF00 1px solid; 
	padding-top: 7px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
}
#contact span.required {
	color: #A7FF00; font-size: 13px
}
#contact .error_message {
	border-bottom: #fbc2c4 1px solid; 
	border-left: #fbc2c4 1px solid; 
	padding-bottom: 3px; 
	line-height: 22px; 
	margin: 10px 0px; 
	padding-left: 35px; 
	padding-right: 10px; 
	display: block; 

	background: url(assets/error.gif) #fbe3e4 no-repeat 10px center; 
	height: 22px; 
	color: #8a1f11;
	border-top: #fbc2c4 1px solid; 
	border-right: #fbc2c4 1px solid; 
	padding-top: 3px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
}
#contact #succsess_page h1 {
	padding-left: 22px; background: url(assets/success.gif) no-repeat left 50%
}