body{
	margin:0;
	color:#ffffff;
	font:12px Arial, Helvetica, sans-serif;
	background:#fff url(../pics/bg-pixel.jpg) repeat-x 50% 0;
}
img{
	border-style:none;
}
a{
	text-decoration:none;
	color:#fff;
}
a:hover{text-decoration:underline;}
input{
	font:14px/15px Arial, Helvetica, sans-serif;
	color:#858585;
	vertical-align:middle;
}
form{
	margin:0;
	padding:0;
	border:none;
}
.holder{
	overflow:hidden;
	height:1%;
}

/* Main */
.main{
	margin:0 auto;
	width:907px;
}
/* Header */
#topnav{
	width:907px;
	background:url(../pics/top-bar.jpg) no-repeat;
	margin:6px 0 0;
	line-height:31px;
	padding:0 0 0 45px;
}
h1 {
	color:#fff;
	font-weight:normal;
	font-size:12px;
	margin: 0;
}
/* Logo */
.logo{
	background:url(../pics/ZenWebDesign-Logo.gif) no-repeat;
	float:left;
	width:268px;
	height:65px;
	text-indent:-9999px;
	margin:16px 0 0 5px;
	display:inline;
}
.logo a{
	display:block;
	overflow:hidden;
	height:100%;
}
.QuoteOpen {
	color: #333333;
	font-size: 22px;
	margin: 0 2px 0 0;
}

.QuoteClose {
	color: #333333;
	font-size: 22px;
	margin: 0 0 0 2px;
}

/* Navigation */
#navigation {
	width:907px;
	margin:0 0 10px;
}
#navigation-box {
	background:url(../pics/Navigation-bg.gif) no-repeat;
	float:right;
	width:625px;
	margin: 39px 0 25px;
}
#nav{
	margin:0;
	padding:1px 5px 0 20px;
	list-style:none;
	width:100%;
}
#nav:after{
	content:"";
	display:block;
	clear:both;
}
#nav li{
	float:left;
	margin:0 21px 0 0;
}
#nav li:hover,
#nav li.hover{
	position:relative;
	z-index:5;
}
/* Active */
#nav li:active,
#nav li.active{
	position:relative;
	z-index:5;
}
/* Active */

#nav li:hover div,
#nav li.hover div{display:block;}

/* Active */
#nav li:active div,
#nav li.active div{display:block;}
/* Active */
#nav li a{
	float:left;
	background:url(../pics/bg-nav-left.gif) no-repeat;
	height:39px;
	margin:0 9px 0 0;
	line-height:39px;
	padding:0 0 0 5px;
}
#nav li li a{
	background:none;
	float:none;
	margin:0;
	padding:0;
	line-height:29px;
}
#nav li:hover a,
#nav li.hover a{
	background-position:0 -39px;
	text-decoration:none;
}

#nav li:hover a.drop,
#nav li.hover a.drop{background-position:0 -78px;}

/* Active */
#nav li:active a,
#nav li.active a{
	background-position:0 -39px;
	text-decoration:none;
}
#nav li:active a.drop,
#nav li.active a.drop{background-position:0 -78px;}
#nav li li a:active{text-decoration:underline;}
/* Active */

#nav li li a:hover{text-decoration:underline;}
#nav li a span{
	float:left;
	padding:0 22px 0 11px;
	height:39px;
	position:relative;
	margin:0 -9px 0 0;
	background:url(../pics/bg-nav-rigth.gif) no-repeat 100% 0;
	cursor:pointer;
}
#nav li:hover span,
#nav li.hover span{background-position:100% -39px;}
#nav li:hover a.drop span,
#nav li.hover a.drop span{background-position:100% -78px;}

/* Active */
#nav li:active span,
#nav li.active span{background-position:100% -39px;}
#nav li:active a.drop span,
#nav li.active a.drop span{background-position:100% -78px;}
/* Active */

/* Drop Down */
.drop-down{
	position:absolute;
	top:39px;
	left:0;
	background:url(../pics/bg-drop-top.gif) no-repeat;
	padding:8px 0 0;
	width:215px;
	display:none;
}
.drop-down .bottom{
	background:url(../pics/bg-drop-bottom.gif) no-repeat;
	width:215px;
	height:9px;
}
.drop-down ul{
	margin:0 0 -1px;
	padding:0;
	list-style:none;
	background:#db394f;
	overflow:hidden;
	width:215px;
}
.drop-down li{
	float:left;
	padding: 0 0 0 15px;
	width:200px;
	background:url(../pics/separator-drop-down.gif) repeat-x;
}
.drop-down li:first-child{background:none;}
/* Block Advertisement */
.header-image{
	background:#2e2e2e;
	padding:0;
	width:907px;
	height: 211px;
	overflow:hidden;
	margin-bottom:10px;
}

/* Location */
#location {
	margin: -5px;
}
#BookmarkTool{
	float: right;
	margin: 3px 10px;
}
h3{
	background:url(../pics/location.gif) no-repeat;
	height: 23px;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 0 0 10px;	
}
a.location { text-decoration: underline; }
a.location:hover { text-decoration: none; }
/* Content */
.content{
	overflow:hidden;
	width:922px;
	padding:30px 0 18px;
	margin:0 auto;
}
.content-box {
	background:url(../pics/title-bg-h1.gif) no-repeat;
	width: 592px;
	height: 42px;
	padding: 13px 0 13px 50px;
}
#Content {
	color: #494949;
	font-size: 12px;
	font-weight: bold;
}
#Headersh1 {
	color: #494949;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}
hr.line {
	margin:10px 0 10px 0;
	border: thin dotted #666;
	height: 0;
}
/* Sidebar */
#sidebar{
	float:right;
	width:240px;
}
.newsletter-box {
	background:url(../pics/Newsletter-box.gif) no-repeat;
	width: 233px;
	height: 235px;
	padding: 19px 5px 10px 5px;
	margin: 0 0 25px 0;
}
#Newsletter {
	color: #494949;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 40px;
	display: inline;
}
.newsletter-area {
	color: #494949;
	font-size: 12px;
	margin: 20px 15px 10px 22px;	
	line-height: 20px;
}
.contact-info {
	background:url(../pics/ContactInfo-box.gif) no-repeat;
	width: 233px;
	height: 235px;
	padding: 19px 5px 10px 5px;
	margin: 0;
}
#Contact {
	color: #494949;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 40px;
	display: inline;	
}
/* Block Pages */
.pages{
	width:575px;
	overflow:hidden;
	position:relative;
	text-align: justify;
	color: #5f5f5f;
	margin: 0 5px 0 10px;
}
a.content { 
	text-decoration: underline; 
	color: #5f5f5f;
	font-weight: bold;
}
a.content:hover { 
	text-decoration: none; 	
}

#content {
	color: #5f5f5f;
	font-weight: bold;
	margin: 0;
}
.packages-boxes {
	background:url(../pics/title-bg-h2.gif) no-repeat;
	width: 592px;
	height: 42px;
	padding: 13px 0 13px 50px;
	margin: 20px 0 0 0;
}
.packages-box {
	background:url(../pics/WebPackagesBg.gif) no-repeat;
	width: 590px;
	height: 264px;
	padding: 15px 30px 15px 50px;
	margin: 0;
}
h4 {
	color: #5f5f5f;
	font-weight: bold;
	margin: 0;
}
.table
{
background:#333;

}
.table ul {
	float:left;
	margin:0;
	padding:0;
	border:0;
}
.table ul li {
	width: 220px;
	list-style:none;
	padding:5px 10px;
	color: #494949;
}
.points ul {
	margin:0;
	padding:0;
	border:0;
}
.points ul li {
	list-style:none;
	padding:5px 10px;
	color: #494949;
}
.Price {
	float: right;
	margin: 0 90px 0 0;
	text-align: center;
}
.Small {
	font-size: 10px;
}
strong {
	color: #494949;
	font-weight: bold;
}
#hr {
clear:both;
} 
/* Footer */
#credits{
	width:913px;
	padding:0 0 20px;
}
.credits-area{
	background:url(../pics/FooterBg.gif) no-repeat;
	width:913px;
	height: 113px;
	line-height:18px;
	color:#090909;
	text-align:center;
	padding:0 0 18px;
}
a.credits { 
	text-decoration: underline; 
	color: #494949;
	font-weight: bold;
}
a.credits:hover { 
	text-decoration: none; 	
}
#contact-btn{
	margin:0;
}
/* Main */
.contact-main{
	margin:0 auto;
	width:907px;
	height: 30px;
}
.contact-box {
	background:url(../pics/Contact-Us-Btn.gif) no-repeat;
	width:117px;
	height: 30px;
	color:#FFF;
	text-align:center;
	padding:10px 0 5px;
}
#footer{
	margin:0;
	background:#494949;
}
.footer-box {
	margin:0 auto;
	width:907px;
	padding: 10px 0 30px 0;
}
.Portfolioimages {
	float: left;
	padding: 0 10px 5px 0;
}

.Portfolio-box {
	float: right;
	background:url(../pics/PortfolioWindow.gif) no-repeat;
	width:233px;
	height: 391px;
	padding: 22px 5px 30px 5px;
}
#Portfolioh1 {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 40px;
	display: inline;	
}

.Portfolio {
	margin: 30px 5px 10px 10px;
}
.PortfolioFloat {
	float: right;
	margin: 0 5px 0 0;
}
/* forms */

.pulldown { 
	margin: 0; 
	padding: 2px 3px 2px 3px; 
	width: 240px; 
	border: 1px solid #383737; 
	background: #FFF;
	color: #494949;
}

.pulldown:hover { 
	background: #f5f5f5; 
	border: 1px solid #383737; 
	color: #494949;
}

.input { 
	margin: 0; 
	padding: 2px 3px 2px 3px; 
	width: 233px; 
	border: 1px solid #383737; 
	background: #FFF;
	color: #494949;
}

.input:hover { 
	background: #f5f5f5; 
	border: 1px solid #383737; 
	color: #494949;
}

.formtext{
	margin: 0 0 0 5px; 
	padding: 2px 3px 2px 3px; 
	width: 155px; 
	border: 0; 
	background: #ebebeb;
	color: #494949;
}

.Captcha { 
	margin: 0; 
	padding: 2px 3px 2px 3px;
	width: 233px; 
	border: 1px solid #383737; 
	background: #FFF;
	color: #494949;
}

.Captcha:hover { 
	background: #f5f5f5; 
	border: 1px solid #383737; 
	color: #494949;
}

.textarea { 
	width: 480px; 
	height: 130px;
	padding: 2px 3px 2px 3px; 
	border: 1px solid #383737; 
	background: #FFF;
	color: #494949;
}

.textarea:hover { 
	background: #f5f5f5; 
	border: 1px solid #383737;
	color: #494949;
}
