body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1{
border-bottom-color:#CCCCCC;
border-bottom-style:dotted;
border-bottom-width:1px;
font-size:22px;
margin-bottom:5px;
padding-bottom:5px;
width:420px;
}

#header h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #ccffff;
	padding-top: 91px;
	padding-left: 35px;
}

#header p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #ccffff;
	padding-top: 5px;
	padding-left: 35px;
}



body{
	margin: 0;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	color: #333333;
	background: url('background.png') repeat-x top left;

}

#wrapper{
	margin: 0 auto 0 auto; 
	width: 916px;
	background: url('background.jpg') repeat-y top left;
	text-align: left;
}


a:link, a:visited{
	text-decoration: underline;
	color: #336699;
}


a:hover{
	/*text-decoration: none;*/
	color: #ff6600;
}

p{
	padding: 10px 0 0 0;
}

#header{
background-position:center bottom;
background-repeat:no-repeat;
float:left;
height:238px;
margin-top:17px;
width:916px;
}

/*
#header{
	float: left;
	width: 916px; 
	height: 273px;
	margin-top: 17px;
	background-repeat: no-repeat;
	background-position: center top;
}
*/

.inside {
	background-image: url(header.jpg);
}

.home {
	background-image: url(header-home.jpg);

}


#header ul {
list-style-type:none;
margin:14px 14px 0;
padding:0 0 0 470px;
}

/*
#header ul {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 470px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
*/

#header li {
	float: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#header #iconCata {
	background-image: url(iconCata.GIF);
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
	width: 128px;
}

#header #iconMap {
	background-image: url(iconMap.GIF);
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
	width: 128px;
}

#header #iconCont {
	background-image: url(iconCont.GIF);
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
	width: 128px;
}


#header a {
	padding-left: 50px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#header a:hover {
font-weight:bold;
}





#shuffle {
position: absolute;
right: 125px;
top: 100px;
width: 320px;
height: 174px;
z-index: 20;

}


.pics { height: 174px; width: 320px; padding:0; margin:0; overflow: hidden }
.pics img { height: 174px; width: 320px; padding: 0; }

pre { display:none; }


#navigation {
	margin: 10px 0 20px 6px;
	padding: 0;
	clear: both;
	background-image: url(newmenu.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 900px;
	background-position: top;
	overflow: hidden;
}
	
#navigation ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 7px;
}
#navigation .current_page_item {
	background-image: url(newmenu-select.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#navigation a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-transform: none;
	font-size: 12px;
	display: block;
}

#navigation a:hover {
	text-decoration: none;
	background-image: url(newmenu-select.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#navigation li {
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	float: left;
}
#navigation #leftmenu {
	
	display: block;
	height: 31px;
	width: 35px;
}

#container{
border-right:1px dotted #CCCCCC;
float:left;
margin-right:-1px;
width:450px;
}


.post{
	padding: 10px;
}

.post img {
	border: 0px;
}


h2.archive_head{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	color: #000033;
	padding: 0 0 20px 10px;
	letter-spacing: -1px;

}

.post h2{
color:#000033;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:18px;
}

.post h3{
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #000033;
	font-size: 20px;
	line-height: 18px;
	padding-top: 23px;
	background-image: url(header.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 20px;
	letter-spacing: -1px;
}

h3 a:link {	
	color: #000033;
}

h3 a:visited {	
	color: #000033;
}

.post h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 22px;
	margin: 20px;
	color: #666666;
	background-image: url(quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.post h6{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 23px;
	line-height: 26px;
	font-weight: normal;
	color: #000033;
padding-top: 30px;
	padding-bottom: 2px;
	letter-spacing: -1px;

}


blockquote{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 22px;
	margin: 20px;
	color: #666666;
	background-image: url(quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.entry{
	line-height: 20px;
margin-bottom: 30px;

}

p.postmetadata{
	border-top: 1px dotted #ccc;
	margin: 10px 0 0 0;
	font-style: italic;
	color: #666666;


}



.nav{
	padding: 0 0 30px 0;
display: block;
text-transform: uppercase;
	font-size: 11px;
	width: 100%;
}


.nav a {
	text-decoration: none;
}

.nav .previous {
	float: left;
}

.nav .next {
	float: right;
}



.sidebar{
	float: left;
	width: 225px;
	margin-left:-1px;
	display: inline;
overflow: hidden;
border-left:1px dotted #CCCCCC;
padding-left:10px;
}

.sidebar h2{
	color: #000033;
}

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

.sidebar ul li{
	padding: 5px 5px 10px 0;
}


.sidebar ul li h2{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
}

.sidebar ul ul li{
	padding-bottom: 5px;
	line-height: 16px;
}

#mainMenu li{
background:transparent url(bullAuto.JPG) no-repeat scroll left 7px;
line-height:16px;
padding-bottom:5px;
padding-left:18px;
}

#specials li {
	padding-bottom: 5px;
}


table#wp-calendar{
	width: 100%;
}

/*
#footer{
	clear: both;
	width: 916px;
	height: 87px;
	background: url('footer.png') top left;
}

#footer p{
	padding-top: 62px;
	padding-left: 20px;
}
*/


#footer {
background:transparent url(footer.png) no-repeat scroll center bottom;
clear:both;
margin-bottom:2px;
padding-top:10px;
text-align:center;
width:916px;
}

#footer p{
line-height:2;
}

.comments-template{
	margin: 10px 0 20px 0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 20px 0 0;
	line-height: 18px;
	padding: 0 0 20px;
	border-bottom: 1px dotted #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 14px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.sidebar2 {
	float: left;
	width: 224px;
	display: inline;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 0;
	padding-top: 10px;
}


.sidebar2 ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.sidebar2 h3 {
	padding-left: 13px;
	padding-bottom: 10px;
	margin: 0px;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #000033;
	letter-spacing: -1px;
}
.sidebar2 li {
	padding: 5px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.screenshot {
	padding: 3px;
	float: left;

	border: 1px solid #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.screenshot img{
 	border: none;}

.portofolio{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	padding-top: 10px;
}

#specials img {
	border: 0px;
}

.padright {
	padding-right: 10px;
}


.post ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 19px;
	list-style-type: none;	
}
.post li {
	background-image: url(checklist.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}

#post-26 ul{
	list-style-type: none;
margin: 10px 10px 0 0;
} 

#post-26 li {
	float: left;
	margin-right: 22px;
	margin-bottom: 20px;
	background-image: none;
	padding: 0px;

}
#post-26 a {
	border: 1px solid #CCCCCC;
	display: block;
}
#post-26 img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 3px;
}
#post-26 a:hover {
	background-color: #CCCCCC;	
}

.post ol li {	background-image: none; }

.meta {
	border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
	margin: 10px 0 5px 0;
padding: 8px 0 8px 0;
		font-style: italic;
	color: #666666;

}

.alignleft {
float: left;
margin: 0 10px 5px 0;
}

#callaction {
margin: 20px 0;
	width: 430px;
	float: left;
}

#callaction h5{
font-weight: bold;
font-size: 17px;
margin: 5px 0 0 76px;
padding: 0;
}

#callaction p{
margin: 0 0 0 76px;
padding: 2px 0 0 0;
}

.webdesign1{
background: url(webdesign-icon.jpg) no-repeat left top;
width: 184px;
float: left;

}


.seo1{
background: url(seo-icon.jpg) no-repeat left top;
width: 212px;
float: left;

}

.plus{
background: url(plus.jpg) no-repeat left top;
width: 20px;
height: 80px;
float: left;
margin: 0 6px 0 4px;
display: inline;
 
}


.customers{
background: url(customers.jpg) no-repeat left top;
width: 300px; 
float: left;
margin: 10px 0 0 50px; 
padding-left: 40px;
display: inline;
} 

.sidebar ul li h2 span{
font-weight:bold;color:#4A80AC;
}

h3 span{
font-weight:bold;color:#4A80AC;
}

h2 span{
font-weight:bold;color:#4A80AC;
}

.sidebar ul ul.articles li {
background:transparent url(articlesIcon.gif) no-repeat scroll left 8px;
line-height:16px;
padding-bottom:5px;
padding-left:20px;
}

#revMiddle  img{
height:100px;
width:205px;
}
 
a{
color:#336699;
} 

.bannerBorder img{
border:1px solid black;
}

.stars5P{
.margin-top:-5px;padding-left:6px;background:url(5stars.JPG) right 15px no-repeat;
}

.stars4P{
.margin-top:-5px;padding-left:6px;background:url(4stars.jpg) right 15px no-repeat;
}


#story{
/*border-bottom:1px dotted #CCCCCC;*/
padding-bottom:10px;margin-bottom:25px;
}


			#StoryTable{
border-bottom:2px solid #4A80AC;
border-top:2px solid #4A80AC;
height:250px;
margin-bottom:21px;
padding-top:1px;
width:431px;
			}
			
			#StoryTable h2{
			font-size:18px;
			margin-bottom:10px;
			}
			
			#StoryTable h2 span{
			color:#4A80AC;
			}
			
			#StoryTable div{
			float:left;
			line-height:17px;
			}
			
			#StoryTable .cont{
			/*height:30px;width:425px; border-bottom:1px dotted gray; padding:5px 5px 10px; margin-bottom:5px;background:#F4F4F4;*/
			background:#F4F4F4 none repeat scroll 0 50%;
border-bottom:1px dotted gray;
height:30px;
margin-bottom:5px;
padding:5px 1px 10px 3px;
width:426px;
			}
			
			.TTsite{
			width:150px;
			}
			
			.TTbtn{
			}
			
			.BM{
			color:red;
			width:80px;
			}
			
			.BM span{
			font-weight:bold;
			}
			
			.TTbanner{
			padding-right:5px;
			}
			
			.TTvisit{
			padding-right:5px;
			}
			
			.TTvisit a:hover{
			background:url(TTbtns.gif) no-repeat top right;
			height:27px;
			width:85px;
			display:block;
			text-indent:-9999px;
			}
			
			.TTvisit a{
			background:url(TTbtns.gif) no-repeat bottom right;
			height:27px;
			width:85px;
			display:block;
			text-indent:-9999px;
			}
			
			.TTdwn a:hover{
			background:url(TTbtns.gif) no-repeat top left;
			width:66px;
			height:27px;
			display:block;
			text-indent:-9999px;
			}
			
			.TTdwn a{
			background:url(TTbtns.gif) no-repeat bottom left;
			width:66px;
			height:27px;
			display:block;
			text-indent:-9999px;
			}
			
			.siteURL{
			cursor: pointer;font-size:14px;font-weight:bold;
			}
			
.artic{
margin-bottom:20px;
}
			
			
.artic h2 a{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	background:transparent url(articBull.JPG) no-repeat scroll left 3px;
	padding-left:25px;
	DISPLAY: block
}

.artic h2 span{
color:DimGray;
float:left;
font-size:22px;
padding-right:5px;
height:30px;
}

.articD{
padding-left:18px;
}

.articMore {
margin-top:6px;
padding-right:15px;
height:23px;
width:417px;
background:transparent url(articP.JPG) no-repeat;
text-align:right;
line-height:1;
}

.articMore a{
text-decoration:none;
}

.banner468{
border-bottom:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
padding:10px 0px;
margin-bottom:35px;
}

.banner468 a img{
width:427px;
}

#middBanners #b_id{
width:200px;
height:400px;
border:1px solid;
}

#headerBanner{
height:90px;
left:27px;
position:relative;
top:28px;
width:468px
}

#hpLink{
border: 1px solid ; color: red; display: block; margin-left: 16px; width: 176px; margin-top: 23px; height: 54px;text-indent:-9999px;
}