/*
color palette located here: http://www.colourlovers.com/palette/443995/i_demand_a_pancake
*******************************************************************************
standard tags
*******************************************************************************
*/
body {
margin:0px;
padding:0px;
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
background:#000;
color:#968989;
font-size:.9em;
}
a:link, a:visited, a:hover, a:active { color:#CEC8C8;text-decoration:none; }
a:hover { color:#968989; }
img {border:none;}
h1, h2, h3, h4, h5, h6 {
padding:0px;
margin:0px;
color:#E5FCC2;
font-family:'Yanone Kaffeesatz',arial,sans-serif;
line-height:normal;
}
h1 {
	font-size:3em;
	font-weight:200;
	letter-spacing:-1px;
}
h2 {
	font-size:2.7em;
	font-weight:200;
	letter-spacing:-1px;
}
h3 {
	font-size:2.3em;
	font-weight:400;
	letter-spacing:-1px;
}
h4 {
	font-size:2.0em;
	font-weight:400;
}
h5 {
	font-size:1.8em;
	font-weight:700;
}
h6 {
	font-size:1.5em;
	font-weight:700;
}
.leftpanel h1, .leftpanel h2, .leftpanel h3, .leftpanel h4, #footer h1, #footer h2, #footer h3, #footer h4 {
/*color:#45ADA8;*/
}


/*
*******************************************************************************
global utility tags
*******************************************************************************
*/
.clearer {
clear:both;
font-size:0px;
line-height:0px;
height:0px;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.alignleft {
text-align:left;
}
.alignright {
text-align:right;
}
.center {
text-align:center;
}
.emphasis {
color:#E5FCC2;
}
.spacer_5 {
float:left;
width:5px;
}
.spacer_10 {
float:left;
width:10px;
}
.spacer_20 {
float:left;
width:20px;
}
.hidden {
display:none;
}

/*
*******************************************************************************
menu
*******************************************************************************
*/
#menu {
position:relative;
z-index:100;
margin-left:420px;
}
#menu ul {
margin:0px;
padding:0px;
}
#menu ul li {
float:left;
list-style-type:none;
background:url('images/submenuitem_bg.jpg') repeat-y center top;
}
#menu ul li.parentitem {
background:url('images/menuitem-bg.png') no-repeat center -55px;
}
#menu ul li.parentitem:hover {
background:url('images/menuitem-bg.png') no-repeat center top;
}
#menu ul li:hover ul {
display:block;
}
#menu ul li .ieclearer {
line-height:0px;
font-size:0px;
height:0px;
width:0px;
display:none;
}
*:first-child+html #menu ul li .ieclearer, * html #menu ul li .ieclearer {
clear:both;
display:inline;
}
#menu ul li a {
padding:15px 25px;
margin-right:5px;
width:80px;
display:block;
color:#948B8B;
text-align:center;
letter-spacing:-1px;
}
#menu ul li.currentpage {
background:url('images/menuitem-bg.png') no-repeat center top;
}
#menu ul li.currentpage a {
color:#FFF;
}
#menu ul li.currentpage ul li a {
color:#948B8B;
}
#menu ul li a:hover {
color:#FFF;
}
#menu ul li ul {
display:none;
position:absolute;
margin-left:-2px;
}
#menu ul li ul li {
float:none;
}
#menu ul li ul li.first {
/*height:5px;
background:url('images/submenuitem_first_bg.jpg') no-repeat center top;*/
}
#menu ul li ul li.last {
height:5px;
background:url('images/submenuitem_last_bg.jpg') no-repeat left bottom;
}
#menu ul li ul li.special a{
color:#FFF;
}
#menu ul li ul li a {
padding:15px 25px;
display:block;
background:url('images/submenuitem_bg.jpg') repeat-y left top;
width:150px;
text-align:left;
font-size:.9em;
letter-spacing:0px;
}
#menu ul li ul li a:hover {
background:url('images/submenuitem_active_bg.jpg') repeat-y left top;
color:#FFF;
}
#menu ul li ul.blog {
margin-left:-72px;
}
#menu ul li ul.blog, #menu ul li ul.blog a {
text-align:right;
}
#menu ul li ul.blog li a {
padding:15px 15px;
font-size:.8em;
width:175px;
margin:0px;
}
#menu ul li ul.blog li.title {
display:block;
padding:6px 15px;
background:url('images/submenuitem_bg.jpg') repeat-y left top;
width:175px;
font-size:.8em;
}

/*
*******************************************************************************
layout for all pages
*******************************************************************************
*/

#outer {
background:url('images/gradient_bottom_mask.jpg') no-repeat right bottom;
}
#main {
position:relative;
z-index:2;
padding-bottom:30px;
}
#inner {
width:960px; /* the width of the site */
margin:0px auto;
}
#mask {
	background:url('images/mask.png') no-repeat top left;
	position:absolute;
	top:0px;
	height:350px;
	width:960px;
	z-index:4;
}
#planetscroller {
	background:url('images/planets.png') repeat-x left 200px;
	position:absolute;
	z-index:2;
	top:0px;
	width:960px;
	height:350px;
}
#starscroller2 {
	background:url('images/stars2.png') repeat-x top left;
	position:absolute;
	z-index:3;
	top:0px;
	width:960px;
	height:300px;
}
#starscroller {
	background:url('images/stars.png') repeat-x top left;
	position:absolute;
	z-index:1;
	top:0px;
	width:960px;
	height:300px;
}
#galaxyscroller {
	background:url('images/galaxy.jpg') repeat-x top left;
	position:absolute;
	z-index:0;
	top:0px;
	width:960px;
	height:400px;
}
#header {
margin-bottom:0px;
position:relative;
z-index:5;
}
#logo {
margin:30px 50px 0px 0px;
float:right;
}
#content {
line-height:2em;
background:none;
position:relative;
z-index:4;
}
#flashcontent {position: absolute;top:140px;z-index:1;}
.flashclearer {height:450px;position:relative;}
.leftpanel {
margin-top:30px;
width:420px;
float:left;
/*color:#547980;*/
}
.widgetPanel ul {margin:0;padding:0;}
.widgetPanel { 
padding:8px 10px 8px 20px;
list-style:none;
margin:0px;
background:#131211 url('images/widget.jpg') repeat-y left top;
}
.nobg {
background:none !important;
}
.widgetPanel_top {
height:13px;
background:#131211 url('images/widget_top.jpg') no-repeat left top;
}
.widgetPanel_bottom {
height:13px;
background:#131211 url('images/widget_bottom.jpg') no-repeat left top;
margin-bottom:20px;
}
.widgetPanel li {list-style-type:none;}
.widgetPanel li ul {margin-left:15px;}
.widgetPanel li ul li {
list-style:none;
margin:0;
padding:0;
background:none;
border:none;
}
.rightpanel_wrapper {
width:540px;
margin-left:0px;
float:left;
background:#000 url('images/rightpanel_bg.jpg') repeat-y left top;
}
.rightpanel {
margin:20px 0px 10px 0px;
padding:0px 15px 0px 15px;
}
.rightpanel_top {
display:block;
height:10px;
background:url('images/rightpanel_top_bg.jpg') no-repeat left top;
}
.rightpanel_bottom {
display:block;
height:10px;
background:url('images/rightpanel_bottom_bg.jpg') no-repeat left bottom;
}
.post_wrapper {
margin:5px 0px 20px 0px;
}
.post_wrapper .peeking {
margin-right:35px;
float:right;
}
.post_top {
background:url('images/post_top.jpg') no-repeat left top;
height:7px;
}
.post_bottom {
background:url('images/post_bottom.jpg') no-repeat left bottom;
height:7px;
}
.post {
background:url('images/post_mid.jpg') repeat-y left top;
padding:10px 20px;
}
.post .thumbnail {
float:left;
margin:10px 15px 0px 0px;
}
.pricing_desc {
color:#6C6060;
font-size:.8em;
line-height:1.2em;
}
.bottompanel_wrapper {
margin:40px auto 30px auto;
background:#272323;
background:#000 url('images/bottompanel_bg.jpg') repeat-y left top;
}
ul.pricing {
margin:0px;
padding:0px;
margin-top:10px;
}
ul.pricing li {
margin:0px;
padding:0px;
list-style-type:none;
line-height:1.2em;
}
ul.pricing li a {
padding:18px 120px 18px 15px;
display:block;
color:#968989;
font-size:1.2em;
height:20px;
}
ul.pricing li a:hover {
color:#CEC8C8;
}
ul.pricing li.last {
margin-bottom:0px !important;
}
ul.pricing li#customwebtemplates a {
background:url('images/icons/400.gif') no-repeat 360px -56px;
}
ul.pricing li#customwebtemplates a:hover {
background:#2C2827 url('images/icons/400.gif') no-repeat 360px top;
}
ul.pricing li#wordpresscustom a {
background:url('images/icons/700.gif') no-repeat 360px -56px;
}
ul.pricing li#wordpresscustom a:hover {
background:#2C2827 url('images/icons/700.gif') no-repeat 360px top;
}
ul.pricing li#websitehosting a {
background:url('images/icons/49mo.gif') no-repeat 360px -56px;
}
ul.pricing li#websitehosting a:hover {
background:#2C2827 url('images/icons/49mo.gif') no-repeat 360px top;
}
ul.pricing li#customwebapps a {
background:url('images/icons/65hr.gif') no-repeat 360px -56px;
}
ul.pricing li#customwebapps a:hover {
background:#2C2827 url('images/icons/65hr.gif') no-repeat 360px top;
}
ul.pricing li#wordpress_tier1 a {
background:url('images/icons/400.gif') no-repeat 360px -56px;
}
ul.pricing li#wordpress_tier1 a:hover {
background:#2C2827 url('images/icons/400.gif') no-repeat 360px top;
}
ul.pricing li#wordpress_tier2 a {
background:url('images/icons/700.gif') no-repeat 360px -56px;
}
ul.pricing li#wordpress_tier2 a:hover {
background:#2C2827 url('images/icons/700.gif') no-repeat 360px top;
}
ul.pricing li#wordpress_tier3 a {
background:url('images/icons/1100.gif') no-repeat 360px -56px;
}
ul.pricing li#wordpress_tier3 a:hover {
background:#2C2827 url('images/icons/1100.gif') no-repeat 360px top;
}
ul.pricing li#wordpress_tier4 a {
background:url('images/icons/650.gif') no-repeat 360px -56px;
}
ul.pricing li#wordpress_tier4 a:hover {
background:#2C2827 url('images/icons/650.gif') no-repeat 360px top;
}
ul.pricing li#design_tier1 a {
background:url('images/icons/400.gif') no-repeat 360px -56px;
}
ul.pricing li#design_tier1 a:hover {
background:#2C2827 url('images/icons/400.gif') no-repeat 360px top;
}
ul.pricing li#design_tier2 a {
background:url('images/icons/500.gif') no-repeat 360px -56px;
}
ul.pricing li#design_tier2 a:hover {
background:#2C2827 url('images/icons/500.gif') no-repeat 360px top;
}
ul.pricing li#design_tier3 a {
background:url('images/icons/650.gif') no-repeat 360px -56px;
}
ul.pricing li#design_tier3 a:hover {
background:#2C2827 url('images/icons/650.gif') no-repeat 360px top;
}
ul.pricing li#solutions_tier1 a {
background:url('images/icons/59mo.gif') no-repeat 360px -56px;
}
ul.pricing li#solutions_tier1 a:hover {
background:#2C2827 url('images/icons/59mo.gif') no-repeat 360px top;
}
ul.pricing li#solutions_tier2 a {
background:url('images/icons/49mo.gif') no-repeat 360px -56px;
}
ul.pricing li#solutions_tier2 a:hover {
background:#2C2827 url('images/icons/49mo.gif') no-repeat 360px top;
}
ul.pricing li#custom_tier1 a {
background:url('images/icons/65hr.gif') no-repeat 360px -56px;
}
ul.pricing li#custom_tier1 a:hover {
background:#2C2827 url('images/icons/65hr.gif') no-repeat 360px top;
}
ul.pricing li#custom_tier2 a {
background:url('images/icons/85hr.gif') no-repeat 360px -56px;
}
ul.pricing li#custom_tier2 a:hover {
background:#2C2827 url('images/icons/85hr.gif') no-repeat 360px top;
}
.twitterbird {
margin-left:40px;
margin-top:-48px;
width:41px;
height:48px;
background:url('images/twitterbird.jpg') no-repeat center top;
}
.bottompanel {
margin:5px 10px 15px 0px;
}
.bottompanel .panel_wrapper {
margin:10px 0px 0px 20px;
width:292px;
float:left;
background:url('images/panel_mid.jpg') repeat-y left top;
}
.bottompanel .panel_top {
height:11px;
background:url('images/panel_top.jpg') repeat-y left top;
}
.bottompanel .panel_bottom {
height:11px;
background:url('images/panel_bottom.jpg') repeat-y left top;
}
.bottompanel .panel {
padding:20px 30px;
margin:0px;
}
.bottompanel .whatwedo {
padding:20px 5px 0px 5px !important;
}
.bottompanel #whatwedo_header {
margin-left:20px;
}
.bottompanel_top {
display:block;
height:10px;
background:url('images/bottompanel_top_bg.jpg') no-repeat center top;
}
.bottompanel_bottom {
display:block;
height:10px;
background:url('images/bottompanel_bottom_bg.jpg') no-repeat center bottom;
}
ul#whatwedo {
margin:0px;
padding:0px;
margin-top:10px;
}
ul#whatwedo li {
margin:0px;
padding:0px;
list-style-type:none;
line-height:1.2em;
}
ul#whatwedo li a {
padding:25px 15px 20px 80px;
display:block;
color:#968989;
height:35px;
font-size:1.4em;
font-family:'Yanone Kaffeesatz',arial,sans-serif;
}
ul#whatwedo li a:hover {
color:#CEC8C8;
}
ul#whatwedo li.last {
margin-bottom:0px !important;
}
ul#whatwedo li#wp a {
background:url('images/icons/wordpress.png') no-repeat 15px -80px;
}
ul#whatwedo li#wp a:hover {
background:#2C2827 url('images/icons/wordpress.png') no-repeat 15px top;
}
ul#whatwedo li#psdhtml a {
background:url('images/icons/psdhtml.png') no-repeat 15px -80px;
}
ul#whatwedo li#psdhtml a:hover {
background:#2C2827 url('images/icons/psdhtml.png') no-repeat 15px top;
}
ul#whatwedo li#htmlwp a {
background:url('images/icons/htmlwp.png') no-repeat 15px -80px;
}
ul#whatwedo li#htmlwp a:hover {
background:#2C2827 url('images/icons/htmlwp.png') no-repeat 15px top;
}
ul#whatwedo li#creative a {
background:url('images/icons/design.png') no-repeat 15px -80px;
}
ul#whatwedo li#creative a:hover {
background:#2C2827 url('images/icons/design.png') no-repeat 15px top;
}
ul#whatwedo li#database a {
background:url('images/icons/database.png') no-repeat 15px -80px;
}
ul#whatwedo li#database a:hover {
background:#2C2827 url('images/icons/database.png') no-repeat 15px top;
}
.lefttext {
text-align:justify;
margin-right:15px;
}
#footer_wrapper {
margin:0px 0px 0px 0px;
background: url('images/shadow85.png') repeat top left;
}
/* IE png slowness fix */
*:first-child+html #footer_wrapper, * html #footer_wrapper { background:#000 !important; }
#footer {
width:960px;
margin:0px auto;
padding:30px 0px 30px 0px;
font-size:.9em;
/*color:#547980;*/
}
#footer .panel_wrapper {
width:479px;
float:left;
}
#footer .panel {
padding:20px 25px;
}
#footer .desc {
width:380px;
}
#footer #friends {
width:385px;
margin-left:10px;
}
#footer .left {
border-right:0px solid #312B28;
}
#footer .edge {
	color:#333;
}
#callout {
position:fixed;
top:0px;
left:0px;
z-index:10;
}
#callout a {
	width:130px;
	height:127px;
	display:block;
	background:url('images/spiceupyourwebsite.png') no-repeat center -127px;
}
#callout a:hover {
	background:url('images/spiceupyourwebsite.png') no-repeat center top;
}
a.morelink {
	width:57px;
	height:21px;
	display:block;
	background:#000 url('images/more.gif') no-repeat center -21px;
}
a.morelink:hover {
	background:#000 url('images/more.gif') no-repeat center top;
}
a.requestlink {
	width:130px;
	height:21px;
	display:block;
	background:#000 url('images/requestaquote.gif') no-repeat center -21px;
}
a.requestlink:hover {
	background:#000 url('images/requestaquote.gif') no-repeat center top;
}
a.launchlink {
	width:74px;
	height:21px;
	display:block;
	background:#000 url('images/launch.gif') no-repeat center -21px;
}
a.launchlink:hover {
	background:#000 url('images/launch.gif') no-repeat center top;
}
#finduslinks a.badge {
	height:72px;
	width:72px;
	display:block;
	float:left;
}
a.findustwitter {
	background:url('images/badges/twitter.gif') no-repeat left -72px;
}
a.findustwitter:hover {
	background:url('images/badges/twitter.gif') no-repeat left top;
}
a.findusfacebook {
	background:url('images/badges/facebook.gif') no-repeat left -72px;
}
a.findusfacebook:hover {
	background:url('images/badges/facebook.gif') no-repeat left top;
}
a.findusemail {
	background:url('images/badges/gmail.gif') no-repeat left -72px;
}
a.findusemail:hover {
	background:url('images/badges/gmail.gif') no-repeat left top;
}
a.finduschat {
	background:url('images/badges/googletalk.gif') no-repeat left -72px;
}
a.finduschat:hover {
	background:url('images/badges/googletalk.gif') no-repeat left top;
}
a.finduswow {
	background:url('images/badges/wow.gif') no-repeat left -72px;
}
a.finduswow:hover {
	background:url('images/badges/wow.gif') no-repeat left top;
}
/*
*******************************************************************************
forms
*******************************************************************************
*/
#contact input, #contact textarea {
background:#000;
width:360px;
border:1px solid #444;
color:#FFF;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
font-size:1em;
letter-spacing:0px;
}
#contact input#verify {
width:40px !important;
}

#contact input#submit {
width:80px;
float:right;
margin-right:10px;
}

#contact textarea {
height:100px;
}
#contact_message {
text-align:center;
}
#contact .error {
color:red;
}
ul.checks_small {
margin:0px;
padding:0px;
}
ul.checks_small li {
list-style-type:none;
padding:0px;
margin:0px;
padding-left:25px;
background:url('images/icons/check.gif') no-repeat left center;
line-height:1.2em;
letter-spacing:-1px;
}
ul.checks_small li.heading {
padding-left:0px;
background:none;
font-weight:bold;
color:#E5FCC2;
}
ul.checks_large {
margin:0px;
padding:0px;
}
ul.checks_large li {
list-style-type:none;
padding:0px;
margin:0px;
padding-left:25px;
background:url('images/icons/check.gif') no-repeat left center;
letter-spacing:-1px;
}
ul.checks_large li.heading {
padding-left:0px;
background:none;
font-weight:bold;
color:#E5FCC2;
}

#quotes { height: 420px; width: 240px; }
#quotes img {  }

.findusinfo {
display:none;
}

blockquote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
margin:10px 0px;
padding:30px 20px 10px 20px;
line-height:1.8em;
background:#121212 url('images/icons/quotes2.gif') no-repeat top left;
text-indent:75px;
border:5px solid #2E2E2E;
}
#testimonials blockquote {
	border:none;
}