/*****************************************HM .CSS**************************************************************/
@charset "utf-8";
/* CSS Document */
*{ 	
 margin: 0;
 padding: 0;
}
html {
height:100%;
width:100%;
}
p{
margin:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:13px;
font-size:14px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight:normal;
	margin: 0;
	padding: 0;
	background-image: url(http://static.fastwebsitedesign.net/images/bkg.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
	
}
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1894eb;
}
a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFB700;
	text-decoration:underline;
}

.image_border_color {
	border: 2px #1894eb solid;
}

#wrapper {
width:100%;
margin:0px auto;
background-image:url(http://static.fastwebsitedesign.net/images/bkg.png);
background-repeat:repeat-y;
background-position:top center;
}

#main {
width:961px;
overflow:hidden;
margin:0px auto;
}

.top-links {
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:center;
color:#000000;
padding-top:13px;
padding-left:1px;
padding-right:1px;
height:30px;
}

.top-links a{
display:inline;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:8px;
padding-right:8px;
color:#000000;
}

.top-links a:visited{
color:#000000;
}

.top-links a:hover{
color:#981E1D;
}

#header {
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:top center;
height:184px;
}

#displayheader{
}
.displayimg{
width:696px;
height:251px;
float:left;
}
.featuredsite{
width:251px;
height:251px;
background-color:#434343;
float:right;
}
.grybx{
background-image:url(http://static.fastwebsitedesign.net/images/gr_bkg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#2B2A2A;
}

.box_title{
background-image:url(http://static.fastwebsitedesign.net/images/tab.png);
background-repeat:no-repeat;
background-position:top center;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
padding-left:14px;
width:237px;
height:46px;
line-height:46px;
border-bottom:1px solid #FFFFFF;
}

.box_title2{
background-image:url(http://static.fastwebsitedesign.net/images/tab.png);
background-repeat:no-repeat;
background-position:top center;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
padding-left:14px;

width:237px;
height:46px;
line-height:46px;
border-bottom:1px solid #FFFFFF;
}

.leftcol{
float:left;
width:251px;
}
.righcol{
float:right;
width:699px;
height:100%;
}
.rightheader{
width:689px;
height:36px;
background-image:url(http://static.fastwebsitedesign.net/images/titlecon.jpg);
background-repeat:no-repeat;
padding-left:10px;
line-height:36px;
margin:0px;
font-family:"Trebuchet MS", Arial;
font-size:15px;
font-weight:bold;
color:#000000;
}
#storefooter {
width:982px;
margin:0px auto;
background-image:url(http://static.fastwebsitedesign.net/images/footer.jpg);
background-repeat:repeat-x;
background-position:top center;
height:61px;
padding-top:15px;
}
#footer {
width:982px;
margin:0px auto;
background-image:url(http://static.fastwebsitedesign.net/images/footer.jpg);
background-repeat:repeat-x;
background-position:top center;
height:61px;
padding-top:15px;
}
.footerlink{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#000000;
font-weight:bold;
padding-left:12px;
padding-right:12px;
}
.copyright{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}
.copyrightlink{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:7px;
padding-right:7px;
color:#DADADA;
}

.clear{
clear:both;
}
.he15{
clear:both;
height:15px;
}
.he10{
clear:both;
height:10px;
}

.content{
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
background-position:top;
background-repeat:repeat-x;
padding:14px;
color:#000000;
}

.metrologo{
width:270px;
height:133px;
background-image:url(http://static.fastwebsitedesign.net/images/fast-website-design.jpg);
background-repeat:no-repeat;
background-position:top center;
display:block;
float:left;
}

.header_title{
width:430px;
height:133px;
background-position:center;
float:left;
}

.followus{
width:260px;
height:133px;
background-image:url(http://static.fastwebsitedesign.net/images/followus.jpg);
background-position:top right;
background-repeat:no-repeat;
float:right;
}
.followicon{
height:31px;
text-align:right;
padding-top:10px;
padding-right:10px;
}
.followicon img{
padding-left:6px;
}
.phoneno{
background-image:url(http://static.fastwebsitedesign.net/images/phone_icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:28px;
height:29px;
font-size:25px;
line-height:25px;
float:right;
margin-top:15px;
font-weight:bold;
}

.emailme{
background-image:url(http://static.fastwebsitedesign.net/images/email.png);
background-position:left top;
background-repeat:no-repeat;
padding-left:25px;
height:29px;
font-size:16px;
line-height:12px;
float:right;
margin-top:15px;
color:#981E1D;
font-weight:bold;
}
.navbar{
background-image:url(http://static.fastwebsitedesign.net/images/navbkg.jpg);
background-repeat:repeat-x;
height:51px;
}
.navleft{
background-image:url(http://static.fastwebsitedesign.net/images/leftcor.jpg);
background-repeat:repeat-x;
width:11px;
height:51px;
float:left;
}
.navright{
background-image:url(http://static.fastwebsitedesign.net/images/rightcor.jpg);
background-repeat:repeat-x;
width:11px;
height:51px;
float:right;
}

.searchbar{
width:200px;
height:42px;
padding-top:9px;
padding-left:10px;
float:left;
}
.searhbox1{
width:120px;
height:26px;
padding-top:5px;
padding-left:5px;
background-image:url(http://static.fastwebsitedesign.net/images/searchbk1.jpg);
background-repeat:no-repeat;
float:left;
}
.searchinput {
width:120px;
height:23px;
border:0px #ffffff;
line-height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:bold;
}
.searchbutton{
float:left;
width:71px;
height:31px;
border:0px;
}

.jqueryslidemenu{
width:720px;
float:left;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background-image:url(http://static.fastwebsitedesign.net/images/navgap.jpg);
background-position:right bottom;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #E7CCCE;
padding-left:5px;
padding-right:5px;
line-height:51px;
height:51px;
text-decoration: none;
margin: 0;
}
.jqueryslidemenu li a span{
background-image:url(http://static.fastwebsitedesign.net/images/arrowbottom.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:51px;
display: inline-block; 
color:#FFFFFF;
}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{

}

.jqueryslidemenu ul li a:hover{
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 45px;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
width: 220px; /*width of sub menus*/
padding-left:5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #333333;
background-color:#000000;
background-image:none;
height:30px;
line-height:30px;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background-color:#B30016;
color: #ffffff;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
width: 11;
height: 19;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
width: 19;
height: 11;
}

.leftpromo{
color: #FFB700;
padding-bottom:14px;
padding-top:9px;
padding-left:15px;
padding-right:15px;
font-weight: bold;
}

.arrowlistmenu{
padding-bottom:14px;
padding-top:9px;
padding-left:14px;
}


.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #FFB700;
background: url(http://static.fastwebsitedesign.net/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 14px; /*link text is indented 19px*/
text-decoration: none;
font-family:Tahoma, Arial;
font-size: 15px;
}

.arrowlistmenu ul li a:visited{

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
font-family:Tahoma, Arial;
font-size: 14px;
color: #ffffff;

}


.arrowlistmenu2{
padding-bottom:14px;
padding-top:9px;
padding-left:14px;
}


.arrowlistmenu2 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu2 ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu2 ul li span{
color: #ffffff;
background: url(http://static.fastwebsitedesign.net/images/arrowbullet2.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0;
padding-left: 14px; /*link text is indented 19px*/
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}
.arrowlistmenu2 ul li a{
color:#FFB700;
padding-left: 14px;
font-size:11px;
padding-bottom:9px;
display:block;
}
.arrowlistmenu2 ul li a:visited{

}

.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color:#ffffff;
padding-left: 14px;
font-size:11px;

}

.arrowlistmenu3{
padding-bottom:14px;
padding-top:9px;
padding-left:6px;
}


.arrowlistmenu3 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu3 ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu3 ul li span{
color: #ffffff;
background: url(http://static.fastwebsitedesign.net/images/arrowbullet2.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0;
padding-left: 14px; /*link text is indented 19px*/
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}
.arrowlistmenu3 ul li a{
color:#FFB700;
padding-left: 14px;
font-size:11px;
padding-bottom:12px;
display:block;
}
.arrowlistmenu3 ul li a:visited{

}

.arrowlistmenu3 ul li a:hover{ /*hover state CSS*/
color:#ffffff;
padding-left: 14px;
font-size:11px;

}

.website_design_bullets ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
color: #000000;
font-size:11px;
}

.website_design_bullets ul li span{
color: #000000;
display: block;
padding: 0;
padding-left: 0px; /*link text is indented 19px*/
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

.website_design_bullets ul li a{
color:#000000;
padding-left: 5px;
font-size:11px;
padding-bottom:12px;
display:block;
}

.website_design_bullets ul li a:visited{

}

.website_design_bullets ul li a:hover{ /*hover state CSS*/
color:#ffffff;
padding-left: 14px;
font-size:11px;

}

title_above_header {
	color: #C0C0C0;
}

.header_style1 {font-family: Arial, Helvetica, sans-serif;
}

.header_style2 {
	color: #981E1D;
}

.style1 {font-family: Arial, Helvetica, sans-serif;
}

.style2 {
	color: #981E1D;
}

<!-- Link Manager CSS Starts -->


td, p {
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

td.head {
	background-color : #336699;
	color : #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
}

td.glava {
	background-color : #336699;
	color : #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

td.copyright {
	background-color : #336699;
	color : #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
}

td.vmes {
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid; 
background-color: #FFFFFF; 
BORDER-LEFT: #336699 1px solid; 
BORDER-BOTTOM: #336699 1px solid
}

td.dol {
BORDER-RIGHT: #336699 2px solid;
BORDER-TOP: #336699 2px solid; 
background-color: #FFFFFF; 
BORDER-LEFT: #336699 2px solid; 
BORDER-BOTTOM: #336699 2px solid;
}

td.sec{
	background-color:#F4F4F4;
}


font.header {
	color : #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
}

font.notice {
	color: #FF0000;
}

hr {
	height: 0; 
	border: 0; 
	border-top: 1px solid #8080FF; 
}

p.head {
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	border-top:1px solid #1162B6;
	border-left:1px solid #1162B6;
	border-right:1px solid #1162B6;
	border-bottom:1px solid #1162B6;
	background:#FFFFFF;
}

td.first {
	background-color : #FFFFFF;
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

td.second {
	background-color : #F4F4F4;
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

span.tip {
	color : Green;
	font-size : 11px;
	font-weight: bold;
} 

img.line {
	border: 1px solid #009900;
	vertical-align: text-bottom;
}

.sexy a{
	font-size:14px;
}

#contactBtn {text-indent: -3000px; position: fixed; top: 400px; right: 0px; width: 33px; height: 88px;}
a#contactBtn {background-image: url("http://static.fastwebsitedesign.net/images/contactus0.png");}
a:hover#contactBtn {background-image: url("http://static.fastwebsitedesign.net/images/contactus1.png");}

ul#logo-content,
ul#logo-content li ul {list-style: none}
 
ul#logo-content li {
  float: left;
  position: relative;
  width: 290px;
  height: 217px;
  border: 1px solid #cdcdcd;
  margin: 0 4px 4px 0;
  font-size: 8pt;
}
 
ul#logo-content li .image {
  width:290px;
  height: 144px;
}
 
ul#logo-content div.num {
    position: absolute;
    float: left;
    width: 280px;
    padding: 5px 5px 0 0;
    text-align: right;
    font-size: 13pt;
    font-weight: bold;
    color: #dddcdc;
}
 
ul#logo-content li ul li {height: 15px; margin: 0px; border: none;}
 
ul#logo-content li h3 {
    position: absolute;
    float: left;
    top: 155px;
    width: 280px;
    padding: 0 5px 5px 10px;
    font-size: 10pt;
    font-weight: normal;
    color: #fff;
}
 
.details {
    float: left;
    margin: 0;
    padding: 30px 5px 5px 10px;
    color: #fff;
    width: 275px;
    height:38px;
    border-top: 1px solid #b2b2b2;
}
 
.bgLight {background: #b2b2b2;
}

.bgDark {background: #333333;
}
 
.bgDark span {color: #b2b2b2;
}

.bgLight span {color: #dddddd;
}

.web_package {
    float: left;
    width: 215px;
    padding-left: 5px;
	padding-right: 5px
    display: inline;
    margin-bottom: 30px;
    border-right: 1px solid #e6e6e5;
}
	
#diy_package {
	margin-left: 0px;
}
	
#custom_package {
	margin-left: 0px;
}

#logo_package {
	border-right: 0px;
}
	
.web_package .web_icon {
	margin: 0; display: inline;
}
	
.web_package ul {
	margin: 0 0 10px 30px; font-size: 16px; line-height: 20px; display: inline; float: left;
}
	
.web_package .web_package_button {
    width: 154px;
    margin: 0 auto;
    clear: both;
    margin-top: 25px;
    height: 31px;
    display: block;
    background: url(http://static.fastwebsitedesign.net/images/package_sprites.png) no-repeat 0 -158px;
}
	
.web_package .web_package_button a {
	font-size: 20px;
	color: #fff;			        
	width: 100%;
	text-align: center;
	display: block;
	text-decoration: none;
	font-family: 'TeXGyreHerosBold',Helvetica, Arial, sans-serif;
	height: 31px;    
	line-height: 31px;
	text-shadow: 0px 1px 0 #000000;
}
	
.web_package .web_package_button:hover {
	background-position: -154px -158px}
	
.mouse_icon{
	background-position:-1px -1254px;
	background:url(http://static.fastwebsitedesign.net/images/homepage-sprites.jpg) no-repeat 0 -135px;
}

.pencils_icon{
	background-position:-1px -5px;
	background:url(http://static.fastwebsitedesign.net/images/homepage-sprites.jpg) no-repeat 0 -68px;
}

.pencils_icon_large{
	background-position:-1px -4015px;
}

.easel_icon{
	background-position:-1px -2309px;
	background:url(http://static.fastwebsitedesign.net/images/homepage-sprites.jpg) no-repeat 0 -68px;
}

#container{
	padding-top:9px;
	padding-left:9px;
	padding-right:25px;
	width:235px;
	height:170px;
	font-size:16px;
	font:verdana;
	color:#fff;
	margin:0px auto;
}

#author{
	color:#FFB700;
	padding-top:20px;
	text-align: right;
	padding-right:4px;
	font-size:14px;
}

.testimonial_box {
	padding-left:46px;
	font:verdana;
	font-size:14px;
	color:#FFF;
}