@charset "utf-8";
/* CSS Document */

/* ---- RESET ---- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/* ---- THE JUNK ---- */
html {margin:0; padding:0; left:0; margin-top:0;padding-top:0;}
body{ background:#242424;}
.clear { clear:both;}
#h_page { background:#242424 url(images/bg.png) repeat-x; padding:0px; margin:0px; height:894px;}
#i_page { background:#242424 url(images/inside_bg.png) repeat-x; padding:0px; margin:0px; height:691px;}
a {color:#0077a5; font-weight:bold;}

#wrap { width:940px; height:50px; margin:0 auto; padding:0px;}

#logo { text-indent:-9999px; background:url(images/logo.png); width:220px; height:47px; margin-right:160px; float:left;}

#menu { float:left;}
a.home {display: block; height: 47px;width:96px; background-image: url(images/menu.png); background-position: 0px 0px; text-indent: -9999px; overflow: hidden;float:left;}

a.home:hover {background-position: 0px 47px;}
a.about {display: block; height: 47px;width:110px; background-image: url(images/menu.png); background-position: -96px 0px; text-indent: -9999px; overflow: hidden;float:left;}
a.about:hover {background-position: -96px 47px;}
a.portfolio {display: block; height: 47px;width:131px; background-image: url(images/menu.png); background-position: -206px 0px; text-indent: -9999px; overflow: hidden;float:left;}
a.portfolio:hover {background-position: -206px 47px;}
a.blog {display: block; height: 47px;width:96px; background-image: url(images/menu.png); background-position: -337px 0px; text-indent: -9999px; overflow: hidden;float:left;}
a.blog:hover {background-position: -337px 47px;}
a.contact {display: block; height: 47px;width:127px; background-image: url(images/menu.png); background-position: -433px 0px; text-indent: -9999px; overflow: hidden;float:left;}
a.contact:hover {background-position: -433px 47px;}

#content { clear:left; background:url(images/top_info.png); height:216px; border: 1px #9F0;}
#main { width:640px; padding-top:158px; float:left;}
#ftb { width:300px; background:url(images/blog_bg.png) no-repeat; height:298px; margin-top:158px; float:right;}
#mini_blog { margin-left:16px; margin-top:20px; padding:25px;}
.mini-post { margin-top:15px;}

h2, h2 a { color:#0077a5; font-size:14px; margin-top:14px; text-decoration:none;}
h2 a:hover { text-decoration:underline;}
p { color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:10px;}
.date {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#828282; margin:5px 0;}

#visit_but { width:137px; height:27px; float:right;}
.read_but { width:137px; height:27px; margin:15px 0;}

#dvide { background-image:url(images/m_divide.png); width:575px; height:5px; margin:15px 0 15px 0;}
.mini_dvide { background-image:url(images/min_div.png); width:228px; height:3px; margin:15px 0 15px 0;}
.mid_dvide { background-image:url(images/mid_div.png); width:406px; height:3px; margin:15px 0 15px 0;}

.list li {text-decoration: none; background-image: url(images/check.png) ;background-repeat: no-repeat; list-style-type: none; float: left; width: 200px;padding-left: 20px; margin-top: 10px; margin-bottom: 10px;background-position: left center; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#828282;}

.servlist li {text-decoration: none; background-image: url(images/check.png) ;background-repeat: no-repeat; list-style-type: none; float: left; width: 190px;padding-left: 20px; margin-top: 10px; margin-bottom: 10px;background-position: left center; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#828282;}

/* ---- ABOUT PAGE ---- */
#content_ab { clear:left; background:url(images/page_bg.png) no-repeat; height:276px; border: 1px #9F0; padding:102px 25px 50px 25px;}
.inp { clear:both; padding-top:10px;}
.ig {float:right;}
#main_inside { width:640px; float:left;}

/* ---- CONTACT PAGE ---- */
#content_ct { clear:left; background:url(images/cont_bg.png) no-repeat; height:276px; border: 1px #9F0; padding:102px 25px 50px 25px; margin-bottom:100px;}


/* ---- PORT PAGE ---- */
#content_pt { clear:left; background:url(images/port_bg.png) no-repeat; min-height:276px; border: 1px #9F0; padding:102px 0px 50px 20px;;}
.port li {text-decoration: none; list-style-type: none; float: left; width: 282px;padding-right: 24px; margin-top: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#828282;}
#content_pt ul { margin-bottom:25px; background-color:#096;}

/* ---- SECONDARY ---- */
#secondary { clear:both; background: url(images/page_sep.png) no-repeat; width:940px; min-height:100px; margin-top:360px; margin-bottom:50px;}
#l_work { width:470px; float:left; margin-top:25px;}
#about { width:440px; float:left; margin-top:25px; padding-left:30px;}
.work li {text-decoration: none; list-style-type: none; float: left; width: 200px;padding-right: 23px; margin-top: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#828282;}

/* ---- FOOTER ---- */
#footer { clear:both; width:940px; margin-top:180px;}
#footer h2 { color:#beef17;}
#copy { width:940px; padding:10px 0;}
#copy a {color:#555555;}
#copy a:hover {color:#beef17;}
#recomend { width:940px; padding:10px 0;}


/* ---- FORM ---- */
.formbox { margin-bottom:10px;}
.stylez { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0077a5; padding:3px; margin:0px 5px 0 0; border:1px solid #c6c6c6; background:#fdfdfd;}
label { text-transform:uppercase; color:#0077a5; font-size:12px;}
label.error { font-family:Verdana, Arial, Helvetica, sans-serif;float: none; color:#ed0028; padding-left: .5em; vertical-align: top; text-transform:uppercase;}
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
form { margin-bottom:110px;}
.success {margin-bottom:390px;}