* { font-family:arial,helvetica,sans-serif,tahoma,verdana,geneva,lucida,"lucida grande";}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  

pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html{background:#600;}

body{height:100%;background-color:#ffffbc;}

a{}

h1{}

h3{
	background-color: #660000;
	color: #f9f9f9;
	height: 30px;
	font-family:san-serif,arial;
	font-weight:bold;
	font-size:1.25em;
	padding:3px 0 0 5px;
}
/*************************************************************************************************************************
                                            HOVER TOP MENU
*************************************************************************************************************************/
#head{
	height:71px; 
	margin:0; 
	padding:0; 
	width:100%; 
	background: url(images/navbg.gif) repeat-x scroll 0 0;
}

#nav-cont{
	width: 960px;
	margin: 0 auto;
}

.nav-menu{width:354px;
height:71px;
	float:left;
	display:inline;
}

#home{display: block;width: 118px;height: 71px; background: url("images/home-nav.jpg") no-repeat 0 0;margin:0 auto;float:left;}
#home:hover {background-position: 0 -71px;}
#home span{display: none;}

#services{display: block;width: 118px;height: 71px; background: url("images/services-nav.jpg") no-repeat 0 0;margin:0 auto;float:left;}
#services:hover {background-position: 0 -71px;}
#services span{display: none;}

#portfolio{display: block;width: 118px;height: 71px; background: url("images/portfolio-nav.jpg") no-repeat 0 0;margin:0 auto;float:left;}
#portfolio:hover {background-position: 0 -71px;}
#portfolio span{display: none;}

#pricing{display: block;width: 118px;height: 71px; background: url("images/pricing-nav.jpg") no-repeat 0 0;margin:0 auto;float:left;}
#pricing:hover {background-position: 0 -71px;}
#pricing span{display: none;}

#about{display: block;width: 118px;height: 71px; background: url("images/about-nav.jpg") no-repeat 0 0;margin:0 auto;float:left;}
#about:hover {background-position: 0 -71px;}
#about span{display: none;}

#contact{display: block;width: 118px;height: 71px; background: url("images/contact-nav.jpg") no-repeat 0 0;margin:0 auto;float:left;}
#contact:hover {background-position: 0 -71px;}
#contact span{display: none;}


#index-logo{
	width:236px;
	height:71px;
	float:left;
	display:inline;
}

#index-logo a{
	width:236px;
	height:71px;
	background-image:url(images/logo.jpg); 
	background-repeat: no-repeat;
	float:left;
	display:inline;
	text-indent:-5000px;
}
#index-logo a:hover {
	width:236px;
	height:71px;
	background-image:url(images/logohov.jpg); 
	background-repeat: no-repeat;
	float:left;
	display:inline;
	text-indent:-5000px;
	}

#topcontainer{
	background: url(images/bodybg.gif) repeat-x scroll 0 0;
	min-height: 602px;
}
#top-cont{
	width: 973px;
	height:285px;
	margin: 0 auto;
}

#topcnt
{
	width: 420px;
	height:265px;
	float:left;
	display:inline;
	background: url(images/phone-email.gif) repeat-x scroll 0 0;
	padding:5px 45px 15px 35px;
}

#topcnt a, #topcnt a:visited {
	color:#990000; font-weight:bold; text-decoration:none;
}



#index-key{
	width: 973px;
	height: 302px;
	margin: 0 auto;
	position: relative;
	background: url(images/key.gif) repeat-x scroll 0 0;
}

#index-key-web{
	width:276px;
	height: 296px;
	float:left;
	display: inline;
	padding: 6px 24px 0 20px;
	margin: 0 0 0 13px;
	color: #666;
}
#index-key-web img{
border:0;
text-decoration:none;
}

#index-key-design{
	width:272px;
	height: 296px;
	float:left;
	display: inline;
	padding: 4px 23px 0 24px;
	color: #666;
}
#index-key-design img{
border:0;
text-decoration:none;
}

#index-key-marketing{
	width:264px;
	height: 296px;
	float:left;
	display: inline;
	padding: 4px 32px 0 21px;
}
#index-key-marketing img{
border:0;
text-decoration:none;
}

#page{
	width: 900px;
	margin: 0 auto;
}

#pageleft{
	width:420px;
	padding: 0 15px 0 15px;
	float:left;
	display:inline;
}

#pageleft p{
padding:5px 15px 0 15px;
background-color:#fff;
}

#pageleft a{
color:#660000;
text-decoration:none;
font-weight:bold;
border:0;
}

#pageleft a:hover {
color:#990000;
text-decoration:none;
font-weight:bold;
border:0;
}

#pageright{
	width:420px;
	padding: 0 15px 0 15px;
	float:left;
	display:inline;
}

#pageright p{
padding:5px 15px 0 15px;
background-color:#fff;
}

#pageright a{
color:#660000;
text-decoration:none;
font-weight:bold;
border:0;
}

#pageright a:hover {
color:#990000;
text-decoration:none;
font-weight:bold;
border:0;
}



#botcontainer{
	background: url(images/botcont.gif) repeat-x scroll 0 0;
	height: 577px;
}


#footer-cont{
	width:100%;
	height: 100%;
	background: #660000 repeat-x scroll 0 0;
	color: #dadada;

}

#footer-cont a:hover {
	color: #fff000;
}

#footer{
	margin:0 auto;
	width: 913px;
	color: #dadada;
	height:100%;
}

.afoot{
	color: #dadada;
	text-decoration: none;
	font-size: .9em; font-family:Arial,lucida sans,verdana,sans-serif; text-align:justify;
	width:100px;
	height: 95px;
	float: left;
	display: inline;
	text-align: center;
	padding-top:15px
}


#footer a:hover {
	color: #fff000;
	text-decoration: none;
}

#sfoot{
	color: #dadada;
	text-decoration: none;
	font-size: .9em; font-family:Arial,lucida sans,verdana,sans-serif; text-align:justify;
	width:100px;
	height: 95px;
	float: left;
	display: inline;
	text-align: center;
	padding-top:15px
}

#sfoot a{
	color: #dadada;
	text-decoration: none;
}

#sfoot a:hover {
	color: #fff000;
	text-decoration: none;
}

#footcontact{
	width: 313px;
	float: right;
	display: inline;
	height: 110px;
}

#footcontact a{
	width:313px;
	height:110px;
	background: #660000 url(images/footcontact.gif) no-repeat scroll 0 0;
	float:right;
	display:inline;
	text-indent:-5000px;
}

#article-cont{
width: 725px;
margin:0 auto;
min-height:600px;
background:#fff;
border-left:1px solid #dadada;
border-right:1px solid #dadada;

}

.article{
width:675px;
margin:0 auto;
padding-top:25px;
padding-bottom:15px;
}

.article p{
font-size:.85em;
color:#666;
margin:0 20px 15px 20px;
}

.date{
font-size:.70em;
color:#900;
margin-bottom:15px;
float:left;
display:inline;
}

.category{
font-size:.70em;
color:#900;
margin-bottom:15px;
float:right;
display:inline;
}

.clearfloat {
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
}