/*
Theme Name:realmwebdesign
Version: 2.0
Description: realmwebdesign
Author: Realm Web Design
Author URI: http://www.realmwebdesign.com
Last updated: 2009-12-19
*/

/* default elements */
* {margin: 0; padding: 0;}
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, tt, var, b, u, i, 
center, 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-size: 100%; vertical-align: baseline; background: transparent; } body { 
line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* ============== SEXY BODY =========== */
body {
  background: #F4F4F4;
  color: #323232;
  font: normal 64.5% "Helvetica Neue",Helvetica,Arial,Sans-Serif;  
  padding: 0px 0px;

}

a {color: #42749B;}
a:hover {color: #878F9C;}
a:active { outline: none;}
a:focus { -moz-outline-style: none;}

/* ================ ALL HEADING h1 h2 h3 h4 h5 =============== */
h1 {color: #252B3A; padding: 0px 0 5px;}
h2 {color: #252B3A; padding: 8px 0 5px;}
h3 {color: #252B3A; padding: 8px 0 2px; margin-bottom:7px;}
h1 {font: normal 24px 'SeganLight',"Helvetica Neue",Helvetica,Sans-Serif; text-transform:uppercase}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}
h2 {font: normal 21px 'SeganLight',"Helvetica Neue",Helvetica,Sans-Serif;}
h3 {font: normal 17px 'SeganLight',"Helvetica Neue",Helvetica,Sans-Serif;}

.content h2 a{color:#252B3A; text-decoration: none;}
.content h2 a:hover{color:#42749B;}
.content h1  {color: #ABABAB; padding: 5px 0 5px; font: normal 22px 'SeganLight', Helvetica,Arial,Sans-Serif; text-transform:uppercase}

.backtop {text-align:right; padding-right:35px;font: normal .90em "Helvetica Neue",Helvetica,Sans-Serif;color:#d9d9d9;}

.backtop a{color:#252B3A;text-decoration: none;}
.backtop a:hover{color:#42749B;}

#sidebar h2 {font: normal 20px 'SeganLight',"Helvetica Neue",Helvetica,Sans-Serif; color: #252B3A; padding: 5px 0 5px;}
#sidebar h3 {font: normal 17px 'SeganLight',"Helvetica Neue",Helvetica,Sans-Serif; color: #252B3A; padding: 19px 0 5px;}


/* ================ SPECIAL FONTS & TYPOGRAPHY =============== */
.IrezumiItalic {color: #323232; padding: 5px 0 5px; font: normal 29px 'IrezumiItalic';}


big {font-size: 1.1em;}
del {color:#666666; font-size:15px; }
form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em 'SeganLight',Helvetica, sans-serif;}
ul {padding: 0 2em 1.6em; list-style-image: url(img/ico-bullet.gif);}
ol {padding: 0 2em 1.6em; list-style-type: decimal;}


/* Line Break */

hr {
  margin: 0 0 20px 0;
  border: 0;
  height: 1px;
  border-bottom: 1px solid #ccc;
}

/* Quote me */
blockquote {
  background: #ffffff url('img/quote.gif') no-repeat;
  display: block;
  padding-left: 60px;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:20px;
  margin-top: 10px;
  margin-bottom: 35px;
  border-bottom: 1px solid #d9d9d9;
}



/* ================ WRAPPER & CONTAINER =============== */
#wrapper {
  margin: 0 auto;
  width: 932px;
}

#container {
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 0 auto;
  width: 920px;
}


/* ================== HEADER ================== */
#header {height: 110px; position: relative;}

#header h1{
  float: left;
  width: 248px;
  height: 90px;
  padding-left:10px;
  padding-top:30px;
}


#header h1 a{
  display: block;
}

#header h1 a:hover{
  text-decoration: none
}

#header .phone{
  float: right;
  width: 320px;
  height: 71px;
  padding-top:39px;
  padding-right:20px;
  color: #767676;
  text-align:right;
  font: normal 19px 'SeganLight',Helvetica,Sans-Serif;
}

/*============ PAGE BACKGROUNDS - TOP BOTTOM MAIN ================*/
.main {background: #F4F4F4 url(img/content_bg.gif) repeat-y top;}
.main-full {background: #F4F4F4 url(img/content_bg-full.gif) repeat-y top;}

.top {height:16px; background:url(img/top.gif) no-repeat; overflow: hidden;clear: both;}
.top-full {height:16px; background:url(img/top-full.gif) no-repeat; overflow: hidden;clear: both;}

.bot {height:25px; background:url(img/bot.gif) no-repeat; margin-bottom:0px; overflow: hidden;clear: both;}
.bot-full {height:25px; background:url(img/bot-full.gif) no-repeat; margin-bottom:0px; overflow: hidden;clear: both;}


/* ================= NAVIGATION ================ */

#navbar{
  font-size:13px;
  font-family: "Times New Roman", Times, serif;
  font-weight:normal;
  height:35px;
  width: 920px;
  padding:0px;
  margin:0px;
  margin-top:20px;
}

#nav, #nav ul { 
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  margin-right:11px;
}

#nav a {
  display: block;
  line-height: 35px;
  padding: 0px;
  cursor: pointer;
     text-decoration: none;
}     

#nav li { 
  float: right;
  line-height: 35px;
  margin:0px;

}

#nav li a{    
  color: #4B4B4B;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
        border-left: 0px solid #151515;
}

#nav li a:hover,
#nav li.active a{
  color: #42749B;
  cursor: pointer;
  text-decoration: none;
}

/* Style drop down list */

#nav li ul { 
  position: absolute;
  background: #FAFAFA;
  width: 160px;
  left: -999em;
}

#nav li ul li {
  border: 1px solid #D9D9D9;
  border-width:1px 1px 1px 1px;
  background: #E1E1E1;
  float: none;
  padding: 0 0 0 7px;

}

#nav li ul ul { 
  margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

/*================== POSTS & PAGES =================== */

.entry {padding-top:15px; text-align:justify;}

.post {
padding-left:40px;
padding-right:30px;
}

.post .descr {
  color: #323232;
  font-size: 0.9em;
  margin: 2px 0 10px;
        border-bottom: 1px dotted #d9d9d9;
}

.post .info{
  border-top: 1px dotted #d9d9d9;
  color: #323232;
  font-size: 0.9em;
  font-weight: normal;
  margin: 15px 0 28px;
  padding: 8px 0;
}


.post img {border: 0px solid #CCB; margin: 0px 0;}
.post a img {border: 0px solid #CCB;}
.post a:hover img {border-color: #AA9;}


/* ====================== FLIPPIN FOOTER ====================== */
.footer {
  color: #323232;
  font-size: 11px;
  line-height:24px;
  padding: 0px 10px 30px 10px;
  
}


.footer .left {width: 84%;}
.footer .right {
  width: 15%;
  text-align: right;
}

.footer a {
  color: #323232;
  text-decoration: none;
}

.footer a:hover, .footer .right a:hover {
  color: #878F9C;
  text-decoration: none;
}


.footer .right, .footer .right a {color: #323232;}


#bottom-text {
font-size:9px;
color:#666666; 
line-height:12px; 
margin-top:30px;
padding-top: 10px;
text-align:justify;
border-top: 1px solid #D9D9D9;
}

/*====================== COLUMNS PERCENTAGE ========================= */
.content {padding: 7px 20px;}
.right .content {padding: 12px 10px;}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 73%;}
.col2 .left-full {width: 99%;}
.col2 .right {width: 26%;}


/* ======================= SIDEBAR BLOCKS ======================== */
#sidebar {padding-right:15px;}
#sidebar p {color:#323232;}

ul.block, .block ul {
  border-top: 1px solid #d9d9d9;
  margin: 4px 0px;
  padding: 0px 0px 20px 0px;
  width: 90%;
}


.block li {
  border-bottom: 1px solid #d9d9d9;
  list-style: none;
}


.block li a,.block li em {
  color: #323232;
  display: block;
        font-size: 0.9em;
}

.block li em {
  font-size: 0.9em;
  font-style: normal;
}

.block li a {
  padding: 4px 3%;
  text-decoration: none;
  width: 94%;
}

.block li a span {font-weight: bold;}
.block li a:hover {
  color: #171717;
  background: #f4f4f4;
}
.right .block,.right .block li {border-color: #d9d9d9;}
.right .block li a:hover {background: #FFFFFF;}

/*======================= Comments ====================== */
.comments-block { padding-left:25px;}

#commentlist li {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #d9d9d9;
}

#commentform {
  margin: 1em 0;
  width: 280px;
}

textarea.styled {width: 280px;}

.styled {
  font-size: 1.1em;
  background: #f4f4f4;
  border: 1px solid #d9d9d9;
  padding: 2px;
}

.styled:hover {
  background: #FFF;
  border: 1px solid #363636;
}

.styled:focus {
  background: #FFF;
  border: 1px solid #d9d9d9;
}

#commentform input {margin-bottom: 3px;}
.commentmetadata a {font-size: 1em; color: #666;}

/* ====================== Images ====================== */
img.alignright {float:right; margin:0 0 1em 1.0em}
img.alignleft {float:left; margin:0 1.0em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1.0em}
a img.alignleft {float:left; margin:0 1.0em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.clear,.clearer {clear: both;}
.clearer {
  display: block;
  font-size: 0;
  line-height: 0;
  height: 0;
}

/*====================== CAPTIONS ===================== */

.wp-caption {
   border: 0px solid #DDD;
   text-align: center;
   padding-top: 0px;
   margin-top: 10px;
   margin-bottom: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}


.wp-caption p.wp-caption-text {
   font-size: 0.9em;
   padding: 4px;
   margin: 0;
}

/* ==================== PACKAGES PAGE ================== */
.single-package { 
background: #f4f4f4;
width: 700px; 
display: block;
border: 1px solid #d9d9d9;
margin-right:auto;
margin-left:auto;
margin-bottom:40px;
padding: 25px 25px 20px 25px;}

.packageR{width:50%;float:right;}
.packageL{#ffffff; width:50%;float:left;}

.basic-package { 
background: #f4f4f4; 
width: 700px;  
display: block;
border: 1px solid #d9d9d9;
margin-right:auto;
margin-left:auto;
margin-bottom:40px;
padding: 25px 25px 20px 25px;}

.standard-package { 
background: #f4f4f4; 
width: 700px; 
display: block;
border: 1px solid #d9d9d9;
margin-right:auto;
margin-left:auto;
margin-bottom:40px;
padding: 25px 25px 20px 25px;}

.professional-package { 
background: #f4f4f4;
width: 700px;  
display: block;
border: 1px solid #d9d9d9;
margin-right:auto;
margin-left:auto;
margin-bottom:40px;
padding: 25px 25px 20px 25px;}

.custom-package { 
background: #f4f4f4; 
width: 700px;  
display: block;
border: 1px solid #d9d9d9;
margin-right:auto;
margin-left:auto;
padding: 25px 25px 20px 25px;}

.additional-package { 
background: #f4f4f4; 
width: 700px;  
display: block;
border: 1px solid #d9d9d9;
margin-right:auto;
margin-left:auto;
margin-bottom:40px;
padding: 25px 25px 20px 25px;}


.portfolio-web { 
background: url(img/click-2-enlarge.gif) no-repeat;
width: 750px; 
height: 300px; 
display: block;
border-bottom: 1px solid #d9d9d9;
margin-right:auto;
margin-left:auto;
margin-bottom: 25px;
margin-top: 25px;
padding: 0px 0px 0px 0px;}

.logo-web { 
background: url(img/click-no-enlarge.gif) no-repeat;
width: 750px; 
height: 300px; 
display: block;
border-bottom: 1px solid #d9d9d9;
margin-right:auto;
margin-left:auto;
margin-bottom: 25px;
margin-top: 25px;
padding: 0px 0px 0px 0px;}

.need-help {
background: #ffffff url('img/need-help.gif') no-repeat;
width: 359px; 
height: 42px; 
display: block;
border: 1px solid #d9d9d9;
margin-right:auto;
margin-left:auto;
margin-bottom:14px;
padding: 65px 15px 10px 130px;}

#ad {
margin: 15 auto 0 auto 0;}

/*============ HOMEPAGE SLIDESHOW ============*/
.slideshow {
  width:900px; 
  height:250px; 
  padding-left:10px; 
  padding-bottom:10px; !important;
}

#slider {
position:relative;
float:left;
width:900px;
height:250px;
}

#slider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}

#slider a{
  display:block;
}


/* ========= Homepage - 3 Panels & ADD ONS ========= */
#home-panels {
  width:880px;
  margin-left:20px;
  margin-right:20px;
  padding-top:13px;
  padding-bottom:10px;
  position: relative;
  border-top: 1px solid #d9d9d9;
}

.box1{   
  position: relative;
  float: left;
  left: 0px;
  width: 260px;
  height:300px;
  padding:0px 10px 7px 10px;
  margin: 0px 10px 0px 10px;
}

.box2{
  position: relative;
  float: left;
  left: 0px;
  width: 260px;
  height:300px;
  padding:0px 5px 7px 15px;
  margin:0px 10px 0px 0px;
  border-left: 1px solid #d9d9d9;
}

.box3{
  position: relative;
  float: right;
  right: 0px;
  width: 280px;
  padding:0px;
  margin: 0px 0px 0px 0px;

}