*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}

html {
/* overflow: -moz-scrollbars-vertical; */
}

#skipto{
display:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
------------------- Layout ------------------- 
*/

body{
font:90%/1.7 Georgia, Helvetica, sans-serif;
background:#eeeeee;
color:#000000;
}

#header{
height:90px;
background:url("images/headerbg.png") repeat-x top #000;
border-bottom:1px solid #000;
}

.container{
width:980px;
margin:0 auto;
padding:0 10px;
}

#header .container{
padding:10px;
}

#banner{
background:url("images/bannerbg.png") #006ec4 repeat-x;
border-top:1px solid #00C0FF;
border-bottom:1px solid #064589;
}

#banner-subpage{
background:url("images/bannerbg.png") #006ec4 repeat-x;
border-top:1px solid #00C0FF;
border-bottom:1px solid #064589;
}

.banner-welcome{
height:308px;
width:555px;
background:url("images/bannerbg2.gif") no-repeat top left;
float:right;
text-align: center;
position:relative;
}

.banner-welcome div{
width:500px;
margin:135px auto 0;
color:#fff;
}

#banner .container{
background:url("images/bannerbg2.gif") no-repeat top left;
position:relative;
}

#banner-subpage .container {
position:relative;
}

.banner-showcase{
width:390px;
height:290px;
background:url("images/showcasebg.png") no-repeat top left;
position:absolute;
right:1;
top:5px;
padding:20px 20px;
}

.slide {
	margin-left: 0px;
	position: absolute;
	top: 20px;
	width: 390px;
	height: 290px;	
}

#content{
border-top:1px solid #000;
background:url("images/shadow.gif") no-repeat center top;
}

#content .container{
padding-top: 40px;
}

#main{
width:540px;
float:left;
margin-right:30px;
}

#main.portfolio{
width:760px;
}

#sidebar1{
width:190px;
float:left;
margin-right:30px;
}

#sidebar2{
width:190px;
float:left;
}

.col{
width:190px;
float:left;
margin:0 65px;
display:inline;
}

.post-info{
width:190px;
margin-right:20px;
float:left;
}

.post-content{
width:550px;
float:left;
}

#footer{
background: url("images/footerbg.gif") top;
color: #c5edff;
font-size: 0.8em;
}

#footer .container{
padding:70px 0 20px;
background-position:400px 0%;
}

#services{
margin:20px 0 20px;
}

#information{
margin:20px 0 20px;
}
/*
------------------- Nav ------------------- 
*/

#nav-home{
list-style:none;
float:right;
margin-top:14px;
}

#nav-home li a{
display:block;
float:left;
height:32px;
padding-left:15px;
margin-left:20px;
}

#nav{
list-style:none;
float:right;
margin-top:0px;
}

#nav li, #nav-home li{
display:inline;
}

#nav li a, #nav-home li a{
display:block;
float:left;
height:32px;
padding-left:15px;
margin-left:20px;
}

#nav li a span, #nav-home li a span{
padding:7px 15px 0 0;
height:25px;
color:#fff;
text-transform: uppercase;
display:block;
float:left;
}

#nav li a:hover, #nav-home li a:hover{
background:url("images/navbg.gif") no-repeat left;
}

#nav li a:hover span, #nav-home li a:hover span{
background:url("images/navbg.gif") no-repeat right;
cursor:pointer;
}

#nav li.current a span, #nav-home li.current span{
color:#ff9600;
}

#subnav{
list-style:none;
float:left;
margin-top:0px;
font-size: 1em;
}

#subnav li{
display:inline;
}

#subnav li a{
display:block;
float:left;
height:32px;
padding-left:15px;
margin-right:20px;
}

#subnav li a span{
padding:7px 15px 0 0;
height:25px;
color:#fff;
text-transform: uppercase;
display:block;
float:left;
}

#subnav li a:hover{
background:url("images/navbg.gif") no-repeat left;
}

#subnav li a:hover span{
background:url("images/navbg.gif") no-repeat right;
cursor:pointer;
}

#subnav li.current a span{
color:#ff9600;
}

/*
------------------- Headings ------------------- 
*/

#logo{
width:325px;
height:81px;
float:left;
background:url("images/logo.png") no-repeat;
margin-right:0px;
margin-top: 0px;
}

#logo-home{
width:245px;
height:76px;
float:left;
background:url("images/logo-home.png") no-repeat;
margin-right:0px;
margin-top: 5px;
}

#logo span, #logo-home span{
position:absolute;
left:-9999px;
top:-9999px;
}

#logo a, #logo-home a{
display: block;
height:100%;
width:100%;
}

h1{
font-family: Helvetica, Arial, Tahoma, Sans-serif;
font-size: 1.2em;
font-weight: bold;
color:yellow;
}

h2{
font-family:Gentium, Georgia, Times, Serif;
font-weight:bolder;
font-size:3em;
color:#fff;
}

.news h2 {
color:Darkgreen;
}

.header h1{
font-family:Georgia, Times, Serif;
font-weight:normal;
font-size:2.2em;
color: white;
width: 530px;
display: inline;
}

#content h1{
font-family:Georgia, Tahoma, Lucida Sans, Times, Serif;
font-weight:bolder;
font-size:2.8em;
color: black;
margin: -20px 0 10px 0;
border-bottom:2px solid #CCCCCC;
}

.container h2{
font-family:Georgia, Times, Serif;
font-weight:bolder;
font-size:1.6em;
color: darkgreen;
margin: 0 0 10px 0;
}

.header h2{
font-family:Georgia, Times, Serif;
font-weight:normal;
font-size:1.3em;
color: white;
width: 460px;
margin-top: -10px;
/*background: yellow;*/
}

.header h2.active{
width: 440px;
/*background: yellow;*/
}

h3{
font-family:Gentium, Georgia, Times, Serif;
font-weight:normal;
font-size:1.9em;
}

h3#action-item{
color: #000; 
text-align: center;
position: relative;
top: 10px;
}

.andmore h3 {
color: grey;
}

h4{
color:#000;
font-family: Gentium, Georgia, Times, Serif;
font-weight: normal;
font-size: 1.3em;
margin-top: -10px;
}

/*SZ*/
.divider h4 {
color: grey;
display: inline;
}

.entry h4{
color:#fff;
font-family: Helvetica, Arial, Sans-Serif;
font-size: 1.8em;
margin-top:40px;
}

h5, h6{
color:#fff;
font-family: Helvetica, Arial, Sans-Serif;
font-size: 1.1em;
margin-top:20px;
font-weight: normal;
}

h5{
font-size:1.4em;
margin-top:30px;
}

#services h2{
color:#000;
font-size:1.6em;
}

#information h2{
color:darkgreen;
font-size:1.6em;
}


/*
------------------- Lists ------------------- 
*/

.entry ol, .entry ul{
margin-left:20px;
}

.entry ol li{
margin-bottom:20px;
padding-left:10px;
}

.entry ul li{
margin-bottom:10px;
padding-left:10px;
}

.entry ul{
list-style: square;
}

.sidebar ul{
list-style:none;
margin-bottom:20px;
}

.sidebar ul li a{
display:block;
padding:7px 2px;
width:186px;
border-bottom:1px solid #3c3028;
}

.sidebar ul li a span{
color:#6d6d6d;
}

ul.tags{
list-style: none;
margin:0;
}

ul.tags li{
display: inline;
}

ul.tags li{
display:block;
float:left;
padding-left:12px;
margin:0 5px 5px 0;
}

.tags li a{
display:block;
float:left;
height:22px;
padding-top:3px;
padding-right:12px;
}

.sidebar .recent li a{
border:none;
background:none;
}

ul.similar{
margin-left:20px;
margin-top:10px;
}

ul.similar li{
margin-bottom:5px;
}

#services ol{
list-style:none;
}

#services ol li{
float:left;
width:460px;
margin:10px 0px 0 0px;
padding:0px;
/*background: red;*/
}

#services ol li.spacer{
float:left;
width:60px;
/*background: yellow;*/
padding-left:0px;
}

#information ol{
list-style:none;
}

#information ol li{
float:left;
width:460px;
margin:10px 0px 0 0px;
padding:0px;
/*background: #666;*/
}

#information ol li.spacer{
float:left;
width:60px;
/*background: #000;*/
padding-left:0px;
}

/*
------------------- Images ------------------- 
*/

img{
border:none;
}

/*
------------------- Links ------------------- 
*/

a{
color:#ff9600;
}

a:hover, a:visited:hover{
color:#fff;
}

a:visited{
color:#9d6b22;
}

#content a {
font-weight: bolder;
text-decoration: underline;
color: navy;
}

#content a:hover, a:visited:hover{
text-decoration: underline;
color:#4985ff;
}

#header a:hover, #header a:visited:hover{
text-decoration: none;
color:#4985ff;
}

h1 a, h1 a:visited {
color:yellow;
}

h1 a:hover, h1 a:visited:hover {
color:white;
text-decoration: underline;
}

#services h2 a, #services h2 a:visited {
color:black;
text-decoration: none;
}

#services h2 a:hover, #services h2 a:visited:hover {
text-decoration: underline;
}


h3 a, h3 a:visited{
color:#fff;
}

#content h3 a, #content h3 a:visited {
color:gray;
font-weight:normal;
text-decoration:none;
}

#content h3 a:hover, #content h3 a:visited:hover{
color:gray;
font-weight:normal;
text-decoration:underline;
}

a.shoutlink{
padding:2px;
color:#fff;
font-weight: bold;
border-bottom:2px solid #3c3028
}

.shoutlink:hover{
border-bottom-color:#29201a;
}

#readblog{
font-family: Gentium, Georgia, Times, Serif;
font-size:1.9em;
position:absolute;
left:105px;
top:247px;
color: #ff9600;
}

a:hover span{
cursor: pointer;
}

#footer a {
color: #c5edff;
}

/*
------------------- Forms ------------------- 
*/

#searchform{
margin-top:15px;
text-align: right;
}

/*
------------------- Text ------------------- 
*/

p{
margin:10px 0;
}

.aligncenter{
text-align: center;
}

.alignright{
text-align: right;
}

.alignleft{
text-align: left;
}

.post p{
text-align: justify;
}

li.nomargin p{
margin:0;
}

.required{
color:#ff9600;
}

blockquote .author{
font-style: normal;
color:#9c9c9c;
font-size: 0.6em;
}

#twitter{
padding:0;
background:none;
border:none;
font-size:1em;
}

code{
font-size:1.2em;
font-family: monospace;
}

pre code{
background:#3c3028;
display:block;
clear:both;
padding:10px;
border:dotted #4e4138;
border-width:1px 0;
overflow:auto;
white-space: pre;
width:520px;
}

.entry strong{
color:white;
font-size: 1.1em;
}

del{
text-decoration: line-through;
}

/*
------------------- Other ------------------- 
*/

.left{
float:left;
}

.right{
float:right;
}

.right img {
vertical-align:middle;
}

.post{
margin-bottom:50px;
}

a .date{
font-style: italic;
color:#9c9c9c;
}

.post-title{
width:450px;
float:left;
}

#footer .box{
width:305px;
float:left;
margin-right:25px;
display:inline;
}

#footer .box.last{
margin-right:0;
}

hr{
margin:30px 0 10px 0;
padding-top: 2px;
border: 0;
color: silver;
background-color: silver;
height: 1px;
width: 100%;
text-align: center;
}

hr.left {
width: 72%;
clear: left;
}

.sep{
padding-top:40px;
}

#banner p{
margin:0;
}

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

blockquote{
font-style: italic;
font-size:1.2em;
}

.bqstart {
 position: relative;
 float: left;
 top: 40px;
 left: -10px;
 height: 75px;
 padding-right: 10px;
 /*
 background-color: yellow;
 height: 75px;
 margin-top: -90px;
 padding-top: 45px;
 padding-right: 20px;
 margin-bottom: 10px;*/
 font-size: 700%;
 color: lightblue;
}

.bqend {
position: relative;
float: right;
top: 90px;
left: -20px;
height: 75px;
 /*height: 75px;
 margin-top: -90px;
 padding-top: 45px;
 padding-left: 20px;*/
 font-size: 700%;
 color: lightblue;
}

.services-header, .services-full, .services-folded {

}

/*.services-full p, .design p{
font-family: Tahoma;
font-size: 14px;
}*/

#xyz h2 {
font:150%/1.7 Helvetica, sans-serif; 
color: white; 
padding: 5px 5px 5px 15px;
}

.banner-subpage{
height:108px;
position:relative;
}

.banner-subpage div.header{
float:left;
margin:5px auto 0;
color:#fff;
text-align: left;
}

.banner-subpage div.description{
float:right;
width:450px;
margin:5px auto 0;
color:#fff;
font-style:italic;
text-align: right;
}

#content {
font-family: Georgia;
font-size: 1.1em;
color: #000;
}

#content #home {
font-family: Georgia;
font-size: 0.9em;
color: #000;
}

blockquote{
font-family: Georgia;
}

#subpage ul {
margin: 10px 0 10px 0;
}

#subpage li {
list-style-type:square;
list-style-position: inside;
}

#subpage h2 {
padding-top: 25px; 
font-size: 1.8em; 
color: darkgreen; 
font-family: Georgia;
border-bottom:2px solid #CCCCCC;
width: 720px;
clear: left;
}

b.emphasize {
font-size: 1.2em;
color: firebrick;
}

.best b.emphasize {
font-size: 1.2em;
color: yellow;
}

b.package-element {
font-size: 1.3em;
color: navy;
}

#content img.right {
clear: right; 
border-left:1px solid #CCCCCC; 
padding-left: 15px; 
float: right; 
margin-left: 0px;
}

#content img.inline {
float: left;
margin: 0 20px 10px 0; 
}

#content img.left {
margin-right: 15px; 
}

#content img.button {
float: left; 
margin-top: -17px; 
margin-bottom: 30px;
}

div.right{
float: right; 
width: 213px; 
padding-left: 52px;
}

.right img {
padding: 0 5px 10px 0;
}

input, select{
font-family: Georgia;
font-size: 1.1em;
padding: 3px;
}

input.button {
font: 1.3em Georgia; 
padding: 5px; 
margin-top: 10px;
}

pre.content {
font: 1.0em Georgia; 
line-height: 1.1em;
}

p.snippet {
font: 0.8em Tahoma; 
}

textarea {
padding:5px;
border:1px solid #4b3c33;
background:#fff;
color:#000;
font-size: 1.2em;
}

.testimonial
{
	line-height: 170%;
}
.testimonial-quo
{
	font-size: 62px;
	color: #125696;				
}
.testimonial-sel
{
	font-size: 1.2em;
	color: firebrick;			
}

strike {
text-decoration: line-through;
}

/* 
---------------------------------------------------------------
Prices list 
---------------------------------------------------------------
*/

table #priceslist {
margin: 0px;
padding: 0px;
}

#priceslist td, th {
height: 50px;
width: 193px;
text-align: center;
}

#priceslist td.info {
width: 40px;
text-align: center;
}

#priceslist .supheader td, #priceslist .footer td{
border: 0px;
}

#priceslist .supheader td, #priceslist .footer td {
height: 20px;
padding: 0px; margin: 0px;
border: 0px;
}

.best {
background: #004000;
color: #fff;
}

#priceslist tr.header {
background: #6eb900;
color: #fff;
font-size: 1.2em;
}

#priceslist th.header {
text-align: center;
border-bottom: 1px dotted #aaa;
}

#priceslist th.header.best {
text-align: center;
border-bottom: 0px;
}

#priceslist th.order.best {
font-size: 1.5em;
}

#priceslist th.best{
font-size: 1.2em;
}

#priceslist th.vheader {
width: 200px;
text-align: left;
line-height: 1.2em;
font-weight: bolder;
border-bottom: 1px dotted #aaa;
}

#priceslist th.order {
padding-top: 10px;
text-align: center;
font-size: 1.2em;
}

#priceslist th.order img {
width: 150px; 
margin-top: 5px;
}

#priceslist td {
border-bottom: 1px dotted #aaa;
}

#priceslist .content td.best {
border-bottom: 1px dotted #508200;
}

#priceslist td.unchecked {
background:url("images/uncheckmark.png") no-repeat center center;
}

#priceslist td.checked {
background:url("images/checkmark.png") no-repeat center center;
}

#priceslist td.checked.best{
background:url("images/checkmark.png") #004000 no-repeat center center;
border-bottom: 1px dotted #508200;
}

.breadcrumbs {
}

.pricebox {
width: 180px;
position: relative;
float: left;
font-family: Georgia; 
color: #cc5324; 
padding: 10px 30px 50px 0px;
height: 330px;
}

.order-services {
padding: 20px 55px 20px 0;
}

\.define img{
float: right; 
margin: -40px 0px 0px 10px;
}

.define img{
float: right; 
padding: 8px 0px 0px 10px;
}