html{overflow:scroll; font:normal 12px Arial,Helvetica,sans-serif; color:#666; line-height:170%; height:100%; margin:0; padding:0; background:url('../images/bg.jpg') repeat-x #fefae9}
body{margin:0 auto; padding:0; width:770px; height:100%}

a, a:link, a:visited{color:#476798; text-decoration:none; cursor:pointer; outline:none}
a:hover, a:active{text-decoration:underline}

h1{font:normal 28px Georgia,Times,serif; color:#000}
h2{font:normal 22px Georgia,Times,serif; color:#000}
h3{font:normal 18px Georgia,Times,serif; color:#000}
h4{font:normal 14px Georgia,Times,serif; color:#000}
h5{font:normal 12px Georgia,Times,serif; color:#000}

::selection { background: #f7ed95; }
::-moz-selection {	background: #f7ed95; }

p::selection { background: #f7ed95; }
p::-moz-selection {	background: #f7ed95; }

pre::selection { background: #77c685; color: #091725; }
pre::-moz-selection { background: #77c685; color: #091725; }

ul{margin:0 10px; padding:0}
ul li{margin:0 5px; padding:5px 0 0 0; list-style:circle}
ol{margin:0 10px; padding:0}
ol li{margin:0 15px; padding:5px 0 0 0}

label{display:block; width:100px; margin:5px 0; font-weight:bold}
input, textarea, select{display:block; margin:5px 0; width:97%; border:1px solid #c4c4c4; background:#fff; padding:2px; font-family:Arial,Helvetica,sans-serif; font-size:1em}
select{width:100%}
.button{width:auto; margin:15px 0; padding:2px 10px; background:url('../images/button_bg.png') repeat-x; cursor:pointer}

hr{height:2px; background:none; border:0; border-top:2px dashed #dbe3e6; margin:30px 0 5px 0}
table{border-collapse:collapse}
strong{font-weight:bold;color:#333;font-size:13px;}
em{font-style:italic}
.right{float:right}
.left{float:left}
.align-right{text-align:right}
.align-left{text-align:left}
.align-center{text-align:center}
.align-justify{text-align:justify}
.hide{display:none}
.clear{clear:both}
.bold{font-weight:bold}
.italic{font-style:italic}
.underline{border-bottom:1px solid}
.uppercase{text-transform:uppercase}
.notification{font-weight:bold; color:#a52a2a}

#banner { display: block; z-index: 1000; position: fixed; top: 0; left: 0; width: 169px; height: 167px; background: url('../images/banner_ad.png') no-repeat; text-indent: -9000px; }

#logo{display:block; position:absolute; margin:0; padding:0; width:320px; height:250px; background:url('../images/logo.jpg') no-repeat;}

.search_box{position:absolute; margin:0 0 0 505px; padding:0; width:218px; height:52px; background:url('../images/search_box.jpg') no-repeat}
.search_box #search_input{position:absolute; margin:8px 0 0 82px; padding:1px 5px; width:105px; border:none; background:none; font:normal 13px Georgia,Times,serif; color:#666}

.nav{position:absolute; margin:115px 0 0 320px}
.nav li{margin:0; padding:0; list-style:none; display:inline}
.nav li a{display:block; margin:0 10px 0 0; padding:0; float:left; width:110px; height:200px; text-indent:-9000px}
.nav li a#active{margin-top:-25px}
.nav li a.tab_new{background:url('../images/tab_new.png') no-repeat}
.nav li a.tab_info{background:url('../images/tab_info.png') no-repeat}
.nav li a.tab_contact{background:url('../images/tab_contact.png') no-repeat}

.follow_popout{display:block; position:absolute; margin:273px 0 0 660px; padding:0; width:100px; height:154px; background:url('../images/follow_popout.png') no-repeat}
.follow_popout li{margin:0; padding:0; list-style:none}
.follow_popout li a{display:block; width:30px; height:30px}
.follow_popout li a.facebook{margin:15px 0 0 48px; background:url('../images/bm_facebook_on.jpg') no-repeat}
.follow_popout li a.twitter{margin:13px 0 0 55px; background:url('../images/bm_twitter_on.jpg') no-repeat}
.follow_popout li a.rss{margin:13px 0 0 50px; background:url('../images/bm_rss_on.jpg') no-repeat}

.main{position:absolute; margin:175px 0 0 95px; width:617px}
.main .head{width:617px; height:156px; background:url('../images/body_header.png') no-repeat}
.main .span{width:617px; min-height:300px; background:url('../images/body_bg.png') repeat-y}
.main .footer{width:617px; height:155px; background:url('../images/body_footer.png') no-repeat}
.main .span #content{float:left; width:460px; margin-top:-50px; padding:0 50px 0 110px}

li.srv_identity { padding: 5px 0 15px 50px; margin: 15px 0 0 -15px; list-style: none; background: url('../images/service_icons/identity.jpg') no-repeat; border-bottom: 1px dotted #ccc; }
li.srv_webdesign { padding: 5px 0 15px 50px; margin: 15px 0 0 -15px; list-style: none; background: url('../images/service_icons/webdesign.jpg') no-repeat; border-bottom: 1px dotted #ccc; }
li.srv_development { padding: 5px 0 15px 50px; margin: 15px 0 0 -15px; list-style: none; background: url('../images/service_icons/programming.jpg') no-repeat; border-bottom: 1px dotted #ccc; }
li.srv_social { padding: 5px 0 15px 50px; margin: 15px 0 0 -15px; list-style: none; background: url('../images/service_icons/socialmedia.jpg') no-repeat; border-bottom: 1px dotted #ccc; }
li.srv_search { padding: 5px 0 15px 50px; margin: 15px 0 0 -15px; list-style: none; background: url('../images/service_icons/search.jpg') no-repeat; border-bottom: 1px dotted #ccc; }
li.srv_other { padding: 5px 0 15px 50px; margin: 15px 0 0 -15px; list-style: none; background: url('../images/service_icons/other.jpg') no-repeat; }

#content h4{position:absolute; margin:10px 0 0 -159px; line-height:100%; padding:15px 0 0 22px; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:normal; width:150px; height:57px; background:url('../images/side_tab.png') no-repeat}

#content img{max-width:450px; padding:5px; border:1px solid #e4e1e1}

#content h1 a, #content h1 a:visited{color:#000; margin:0; padding:0}

.filed_under{margin:0 0 25px 0; padding:0 0 0 25px; background:url('../images/ico_filed.jpg') no-repeat; font:normal 14px Georgia,Times,serif; color:#999}
.filed_under a, .filed_under a:visited{color:#cc965f}

a.imglnk{display:block; margin:0; padding:0}
#content a.imglnk img{border:none; padding:0}

.read_post{float:right; width:105px; height:20px; background:url('../images/lnk_read_on.jpg') no-repeat}
.page_previous{width:69px; height:21px; background:url('../images/lnk_older_on.jpg') no-repeat}
.page_next{width:77px; height:21px; background:url('../images/lnk_newer_on.jpg') no-repeat}

.faqs{margin:0 0 0 10px; padding:0}
.faqs li{margin:0; padding:0; list-style:none}
.faqs li.section{padding:10px 0; font:bold 14px Georgia,Times,serif; color:#648c65; cursor:pointer}
.faqs li.content{display:none; padding:10px 0 20px 0}

pre{width:440px; border:1px solid #ccc; padding:10px; overflow:scroll}

.tags{width:200px; margin:15px 0 0 0; float:left; background:#fffefc; border:1px dashed #e4e1e1; padding:10px}
.tags h3{padding:0; margin:0 0 15px 0}
.tags ul{margin:15px 0}
.tags ul li{margin:0 10px 5px 0; padding:0; list-style:none; display:block; float:left}
.tags ul li a{display:block; float:left; padding:1px 8px; border:1px dotted #ccc}
.tags ul li a:hover{text-decoration:none; background:#f0f1f0}

.bookmarks{margin:10px 0 0 10px}
.bookmarks h3{padding:0; margin:0 0 15px 0}
.bookmarks ul{margin:20px 0}
.bookmarks ul li{margin:0 22px 0 0; padding:0; list-style:none; display:inline; float:left}
.bookmarks ul li span{font-weight:bold}
.bookmarks ul li a{display:block; width:24px; height:24px; float:left; text-indent:-9000px}
.bookmarks ul li a.twitter{background:url('../images/bookmarks/twitter.png') no-repeat}
.bookmarks ul li a.facebook{background:url('../images/bookmarks/facebook.png') no-repeat}
.bookmarks ul li a.buzz{background:url('../images/bookmarks/buzz.png') no-repeat}
.bookmarks ul li a.digg{background:url('../images/bookmarks/digg.png') no-repeat}
.bookmarks ul li a.delicious{background:url('../images/bookmarks/delicious.png') no-repeat}
.bookmarks ul li a.stumbleupon{background:url('../images/bookmarks/stumbleupon.png') no-repeat}
.bookmarks ul li a.google{background:url('../images/bookmarks/google.png') no-repeat}
.bookmarks ul li a.technorati{background:url('../images/bookmarks/technorati.png') no-repeat}
.bookmarks ul li a.reddit{background:url('../images/bookmarks/reddit.png') no-repeat}
.bookmarks ul li a.blogger{background:url('../images/bookmarks/blogger.png') no-repeat}

#comments{clear:both; margin:25px 0 0 0; padding:10px 15px 10px 15px; background:#fffefc; border:1px dashed #e4e1e1}
#comments h3{margin:5px 0 20px 0}
#comments ul{margin:0; padding:0}
#comments ul li{margin:15px 0; padding:0 0 15px; list-style:none; border-bottom:1px solid #e1dcdc}
#comments ul li .cmt_author{font:bold 14px Georgia,Times,serif}
#comments ul li p{margin:0; padding:5px 0}
#comments ul li pre { width: 410px; }

.no_comments { font:normal 16px Georgia,Times,serif; color: #666; }

#emailform{margin:25px 0 0 0; padding:5px 15px; background:#fffefc; border:1px dashed #e4e1e1}
#emailform h3{margin:5px 0 20px 0}

.footer a, .footer a:visited{display:block; position:absolute; background:none; text-indent:-9000px}
.footer .link_back{width:45px; height:15px; margin:82px 0 0 195px}
.footer .facebook{width:45px; height:15px; margin:85px 0 0 416px}
.footer .twitter{width:45px; height:15px; margin:86px 0 0 468px}
.footer .rss{width:22px; height:15px; margin:87px 0 0 519px}