@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
 }

img
{
	border:0px;
} 

a
{
	outline:none;
}

form
{
	padding:0px;
	margin:0px;
}

#page{
	width:1003px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
  }

#container{
	width:1003px;
	position:absolute;
 	padding:0px;
	margin:0px;
 }

#header
{
	width:1003px;
	float:left;
	height:136px;
}

#toprightmenu
{
	float:left;
	width:993px;
	height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	color:#999999;
	font-size:12px;
	font-family:Arial;
	padding-top:6px;
	margin:0px;
	text-align:right;
	padding-right: 10px;
}	

#toprightmenu a
{
	text-decoration:none;
	color:#999999;
	padding:0px 3px;
}

#toprightmenu a:hover
{
	text-decoration:underline;
	color: #666666;
 }
 
#logocontainer
{
	float:left;
	height:102px;
	padding:0px 0px 0px 0px;
	width:1003px;
} 
 
#logo
{
	float:left;
	padding:34px 0px 0px 12px;
	margin:0px;
	width:297px;
	height:60px;
}

#leftcontacticon
{
	float:right;
	background-image: url(images/phonecont.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 102px;
	width: 261px;
	margin-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 5px;
}
#leftcontacticon div
{
	float:right;
	padding:5px 50px 0px 0px;
	margin:0px;
 }
#leftcontacticon p{
	padding:0px 0px 12px 0px;
	margin:0px;
	font-family:arial;
	color:#3a3a3a;
	font-size:13px;
	text-align:right;
	font-weight:bold;
}

#leftcontacticon p a{
 	color:#3a3a3a;
	text-decoration:none;
 }

#leftcontacticon p a:hover{
 	color:#3a3a3a;
	text-decoration:underline;
 }
#banner
{
	float:left;
	width:983px;
	margin:0px;
	height:262px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#banner img
{
	border:0px;
	padding:0px;
	margin:0px;
	float:left;
}

#inbanner
{
	float:left;
	width:983px;
	margin:0px;
	height:139px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#inbanner img
{
	border:0px;
	padding:0px;
	margin:0px;
	float:left;
}


#menu
{
	width: 981px;
	height: 30px;
	float:left;
	background-image:url(images/menubg.jpg);
	background-repeat:no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-position: left top;
	margin-right: 0px;
	margin-left: 0px;
   }

#tabs {
	width:981px;
	font-size:13px;
	line-height:normal;
	font-family: Arial;
	height:34px;
	margin-top: 1px;
	padding:0px;
   }
   
#tabs ul {
	margin:0;
	list-style:none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
  }
  
#tabs li {
	display:inline;
	padding: 0px;
	height:33px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
  }
  
#tabs a {
	float:left;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
   }
   
#tabs a span {
	float:left;
	display:block;
	color:#FFFFFF;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 6px;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
	color:#353535;
  }
#tabs a:hover {
	background-position:left top;
	background-image: url(images/tableft.gif);
	background-repeat: no-repeat;
	width: auto;
  }
#tabs a:hover span {
	background-position:right top;
	background-image: url(images/tabright.gif);
	background-repeat: no-repeat;
	width: auto;
  }

#tabs #current a {
	background-position:left top;
	background-image: url(images/tableft.gif);
	background-repeat: no-repeat;
	color:#353535;
}

#tabs #current a span {
	background-position:right top;
	background-image: url(images/tabright.gif);
	background-repeat: no-repeat;
	color:#353535;
}

#content
{
	float:left;
	width:993px;
	margin:0px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#leftcontentbox
{
	float:left;
	width:299px;
}

#reqbox
{
	float:left;
	width:275px;
	padding:0px;
	background-image: url(images/reqboxbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 387px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#reqhead
{
	font-family:Arial;
	font-size:23px;
	color:#606060;
	padding:24px 0px 0px 10px;
}

#reqfrom
{
	float:left;
	padding:10px 0px 0px 10px;
	margin:0px;
}

#reqfrom div
{
	padding:12px 0px;
	float:left;
	width:260px;
}

#reqfrom div label
{
	color:#393939;
	font-family:Arial;
	font-size:13px;
	text-align:left;
	margin:0px;
	padding:0px;
	width:88px;
	display:block;
	float:left;
}

.inputbox
{
	font-family:Arial;
	float:left;
	font-size:13px;
	width:165px;
	height:18px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #aaadb2;
	border-right-color: #e3e2ea;
	border-bottom-color: #e3e2ea;
	border-left-color: #e3e2ea;
	color:#393939;
	background-color:#fff !important;
}

#maincontent
{
	float:left;
	padding:0px;
	margin:0px;
	width:410px;
	padding-left:18px;
}

#maincontent h1
{
	font-family:Arial;
	font-size:23px;
	color:#606060;
	font-weight:normal;
	padding:0px 0px 4px 0px;
	margin:0px;
}

#maincontent p
{
	font-family:Arial;
	font-size:13px;
	color:#606060;
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height:21px;
	padding-bottom:10px;
	text-align:justify;
}

#innercontent
{
	float:left;
	padding:2px 0px 0px 25px;
	margin:0px;
	width:630px;
 }

#innercontent h1
{
	font-family:Arial;
	font-size:23px;
	color:#606060;
	font-weight:normal;
	padding:0px 0px 10px 0px;
	margin:0px;
}

#innercontent p
{
	font-family:Arial;
	font-size:13px;
	color:#606060;
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height:24px;
	padding-bottom:10px;
	text-align:justify;
}

#sitemap a
{
	font-family:Arial;
	font-size:13px;
	color:#606060;
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height:24px;
	padding-bottom:10px;
	text-align:justify;
	text-decoration:none;
}

#sitemap a:hover
{
text-decoration:underline;
}

#innerbottom
{
	float:left;
	background-image: url(images/inner-bottomlink-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 160px;
	width: 628px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#portfoliobox
{
	float:left;
	width:270px;
	margin-left:5px;
	padding:0px;
	background-image: url(images/portfolio-head.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 78px;
}

#portfoliobox img
{
	float:left;
	margin-left:15px;
	margin-top:19px;
}

#bottomcontent
{
	float:left;
	width:986px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}

#leftbottom
{
	float:left;
	width:240px;
	height:144px;
	padding-top:25px;
	padding-left:40px;
}

#leftbottom div img
{
	float:left;
}

#leftbottom div
{
	float:left;
	padding:0px 0px 20px 0px;
	margin:0px;
	width:230px;
}

#leftbottom div div
{
	float:left;
	width:40px;
	margin: 0px;
	padding: 0px;
	height: 40px;
}



#leftbottom p
{
	font-size:11px;
	color:#606060;
	text-decoration:none;
	font-family:Tahoma;
	float:left;
	margin:0px;
	padding:0px;
	width:180px;

}

#leftbottom h1
{
	font-family:Arial;
	font-size:15px;
	color:#606060;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px;

}

#leftbottom a
{
 	color:#606060;
 	text-decoration:none; 
}

#leftbottom a:hover
{
 	color:#434343;
 	text-decoration:underline; 
}

#rightbottom a
{
 	color:#606060;
 	text-decoration:none; 
}

#rightbottom a:hover
{
 	color:#434343;
 	text-decoration:underline; 
}


#rightbottom
{
	float:right;
	width:239px;
	height:144px;
	padding-top:25px;
	padding-right:44px;
}

#rightbottom div img
{
	float:left;
	margin-right:10px;
}

#rightbottom div
{
	float:left;
	padding:0px 0px 20px 0px;
	margin:0px;
	width:250px;
}

#rightbottom div div
{
	float:left;
	width:50px;
	margin: 0px;
	padding: 0px;
}

#rightbottom p
{
	font-size:11px;
	color:#606060;
	text-decoration:none;
	font-family:Tahoma;
	float:left;
	margin:0px;
	padding:0px;
	width:150px;

}

#rightbottom h1
{
	font-family:Arial;
	font-size:15px;
	color:#606060;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px;
 }

#whitebox
{
	float:left;
	width:275px;
	height:340px;
	padding:12px;
	background-image: url(images/whiteboxbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#whitebox h1
{
	font-family:Arial;
	font-size:23px;
	color:#606060;
	font-weight:normal;
	padding:10px 0px 4px 8px;
	margin:0px;
}

#whitebox p
{
	font-family:Arial;
	font-size:13px;
	color:#606060;
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height:21px;
	padding-bottom:10px;
	text-align:justify;
}

#whitebox p a
{
	color:#606060;
	text-decoration:none;
	float:left;
	width:200px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-left: 6px;
}

#whitebox p a:hover
{
	text-decoration:underline;
}

#whiteboxsoft
{
	float:left;
	width:275px;
	height:340px;
	padding:12px;
	background-image: url(images/whiteboxbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#whiteboxsoft div
{
	padding-left:20px;
	margin-top:10px;
}


#whiteboxsoft h1
{
	font-family:Arial;
	font-size:23px;
	color:#606060;
	font-weight:normal;
	padding:10px 0px 4px 8px;
	margin:0px;
}

#whiteboxsoft h1 a
{
	color:#606060;
	text-decoration:none;
}

#whiteboxsoft h1 a:hover
{
	color:#393939;
	text-decoration:underline;
}

#whiteboxsoft p
{
	font-family:Arial;
	font-size:13px;
	color:#606060;
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height:23px;
	padding-bottom:10px;
	text-align:justify;
}

#whiteboxsoft p a
{
	color:#606060;
	text-decoration:none;
	float:left;
	width:200px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-left: 6px;
}

#whiteboxsoft p a:hover
{
	text-decoration:underline;
}

#whiteboxweb
{
	float:left;
	width:275px;
	height:340px;
	padding:12px;
	background-image: url(images/whiteboxbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#whiteboxweb h1
{
	font-family:Arial;
	font-size:23px;
	color:#606060;
	font-weight:normal;
	padding:10px 0px 4px 8px;
	margin:0px;
}

#whiteboxweb h1 a
{
	color:#606060;
	text-decoration:none;
}

#whiteboxweb h1 a:hover
{
	color:#393939;
	text-decoration:underline;
}

#whiteboxweb p
{
	font-family:Arial;
	font-size:13px;
	color:#606060;
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height:23px;
	padding-bottom:10px;
	text-align:justify;
}

#whiteboxweb p a
{
	color:#606060;
	text-decoration:none;
	float:left;
	width:200px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-left: 6px;
}

#whiteboxweb p a:hover
{
	text-decoration:underline;
}


#whiteboxflashproducts
{
	float:left;
	width:650px;
	height:180px;
	padding:12px;
	background-image: url(images/products-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#whiteboxflashproducts h1
{
	font-family:Arial;
	font-size:23px;
	color:#d80101;
	font-weight:normal;
	padding:10px 0px 4px 8px;
	margin:0px;
}

#whiteboxflashproducts h1 a
{
	color:#d80101;
	text-decoration:none;
}

#whiteboxflashproducts h1 a:hover
{
	color:#393939;
	text-decoration:underline;
}

#whiteboxflashproducts p
{
	font-family:Arial;
	font-size:13px;
	color:#606060;
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height:20px;
	padding-bottom:10px;
	text-align:justify;
	width:380px;
	float:left;
}

#whiteboxflashproducts p a
{
	color:#606060;
	text-decoration:none;
	float:left;
	width:200px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-left: 6px;
}

#whiteboxflashproducts p a:hover
{
	text-decoration:underline;
}






.webdesignpackage
{
	float:left;
	width:650px;
	height:180px;
	padding:12px 12px 0px 12px;
	background-image: url(images/products-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.webdesignpackage h1
{
	font-family:Arial;
	font-size:23px;
	color:#d80101 !important;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.webdesignpackage h1 a
{
	color:#d80101;
	text-decoration:none;
}

.webdesignpackage h1 a:hover
{
	color:#393939;
	text-decoration:underline;
}

.webdesignpackage p
{
	font-family:Arial;
	font-size:13px;
	color:#606060;
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height:20px;
	padding-bottom:10px;
	text-align:justify;
	width:380px;
	float:left;
}

.webdesignpackage ul
{
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	display:inline;
}

.webdesignpackage ul li a
{
	color:#606060;
	text-decoration:none;
	float:left;
 	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-left: 6px;
 }

.webdesignpackage ul
{
	float:left;
	width:230px;
}

.webdesignpackage ul li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#606060;
 	list-style-type: none;
	background-image:url(images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding-left:9px;
	margin:0px;
}

.webdesignpackage ul li a:hover
{
	text-decoration:underline;
}

#webpackagedetails
{
	float:left;
	padding:0px;
	margin:0px;
	display:inline;
}

#webpackagedetails h1
{
	font-family:Arial;
	font-size:23px;
	color:#d80101 !important;
	font-weight:normal;
	padding:0px 0px 15px 0px;
	margin:0px;
}

#webpackagedetails div
{
	float:left;
	padding:0px 0px 0px 20px;
	margin:0px;
	display:inline;
	width:620px;
}

#webpackagedetails ul
{
	float:left;
 	line-height:24px;
	padding:0px;
	margin:0px 0px 0px 0px;
}

#webpackagedetails ul li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:25px;
	color:#424242;
 	list-style-type: none;
	background-image:url(images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:0px 15px;
	padding:5px 0px 5px 9px;
	margin:0px;
}

#footer
{
	float:left;
	width:1003px;
	margin:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eaeaea;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#leftfooter
{
	padding-left:10px;
	float:left;
	width:630px;
 }

#leftfooter p
{
	font-family:Arial;
	font-size:13px;
	color:#606060;
	font-weight:normal;

}

#leftfooter p a
{
 	color:#606060;
 	text-decoration:none;
}

#leftfooter p a:hover
{
 	color:#606060;
 	text-decoration:underline;
}

#rightfooter
{
	margin-right:10px;
	float:right;
	width:300px;
 }

#rightfooter p
{
	font-family:Arial;
	font-size:13px;
	color:#606060;
	font-weight:normal;
	text-align:right;

}

#rightfooter h1
{
	font-family:Arial;
	font-size:16px;
	color:#606060;
	text-align:right;
 
}
#rightfooter p a
{
 	color:#606060;
 	text-decoration:none;
}

#rightfooter p a:hover
{
 	color:#606060;
 	text-decoration:underline;
}
#proftfolio
{

	float:left;
	width:650px;
	padding:0px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right:0px;
}
#proftfolio h1
{
	font-family:Arial;
	font-size:23px;
	color:#606060;
	font-weight:normal;
	padding:10px 0px 4px 8px;
	margin:0px;
}

#proftfolio img
{
	padding: 0px;
	float: left;
	margin: 30px;

}

#tumb-img
{
float:left;
width:250px;
height:250px;
margin:0px;
padding:0px;
}	

#next
{
	margin:0px;
	width:100px;
	padding:0px;
	padding-left:0px;
	float:right;
	font-family:Arial;
	font-size:13px;
	color:#606060;
	padding-right:10px;
}
.next-a
{
	text-decoration:none;
	color:#606060;
}

.next-a:hover
{
	text-decoration:underline;
	color:#606060;
}

#previous
{
	margin:0px;
	width:100px;
	padding:0px;
	padding-left:0px;
	float:right;
	font-family:Arial;
	font-size:13px;
	color:#606060;
	padding-right:70px;
	padding-bottom:30px;
}	

div.fadehover {
	position: relative;
	width: 150px;
	height: 150px;
	float:left;
	padding:5px;
	margin:0px 0px 34px 0px;
	}

img.a {
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	}
	
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
	
	img{
		border:none;
	}