﻿/* Begin Global Reset */
*{margin:0;padding:0;border:0;font-size:100%;}
/* End Global Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{color:#000;background:#ccc url(../images/bg-body.jpg) repeat-x fixed left top;font-family:arial,helvetica,sans-serif;font-size:100%;line-height:130%;margin:auto;}

/* Begin CrawlWall Structure */
div#container{color:#000;background:#ddd url(../images/bg-container.png) repeat-x left top;width:95%;max-width:960px;margin:1% auto;padding:.5em;}
div#header{color:#000;background:#ddd url(../images/crawlwall-camo.png) fixed repeat center center;padding:0;}
div#logo{display:inline;}
div#logo img{vertical-align:bottom;width:100%;max-width:500px;}
div#content{width:75.5%;float:left;min-height:540px;}
div#aside{width:23.5%;float:right;min-height:540px;}
div#footer{color:#777;background:#fff;font-size:70%;line-height:normal;clear:both;}
div#footer img{vertical-align:bottom;}
div#footer p{margin:10px;}
div#crawlwall{position:fixed;top:0;left:0;width:200px;height:300px;background:transparent url(../images/crawlwall-box-1.jpg) left top repeat-x;z-index:-1;}
div#crawlwall2{display:none;margin:.5em auto;text-align:center;}
div#crawlwall2 img{width:100%;max-width:200px;}
/* End CrawlWall Structure */

/* Begin Top Navigation */
div#topnav{font:100%/230% arial,helvetica,sans-serif;color:#000;background:#fff url(../images/bg-gray.png) repeat-x left top;margin:5px 5px 0 5px;padding:.15em .5em .3em .5em;text-align:center;}
div#topnav ul{display:inline;margin:0;padding:0;list-style-image:none;}
div#topnav ul li{display:inline;margin:0;padding:0;list-style-type:none;}
div#topnav ul li a{display:inline;color:#fff;background:#29a6b4 url(../images/bg-blue.png) repeat-x left top;text-decoration:none;padding:.35em .8em .4em .8em;border-width:1px;border-style:solid;border-color:#eee #bbb #888 #fff;border-radius:5px;text-shadow:-1px 1px 1px #000;}
div#topnav ul li a:hover{color:#fff;background:#ace600 url(../images/bg-gray-hover.png) repeat-x left top;}
/* End Top Navigation */

/* Begin Border and Guideline */
div#content{color:#000;background:#fff;}
div#aside, div#content, div#header, div#topnav, div#topnav{margin-bottom:5px;}
div#aside, div#content, div#header, div#footer, div#topnav{border:solid 1px #ccc;border-radius:5px;}
div#container{border:solid 1px #fff;border-radius:5px;}
/* End Border and Guideline */

/* Begin Aside */
div#aside{color:#000;background:#fff;font-size:95%;line-height:normal;}
div#aside a{text-decoration:none;}
div#aside h3{margin:.5em;padding:.2em .4em .3em .4em;color:#000;background:#fff url(../images/bg-gray.png) repeat-x left top;font:normal 135%/normal Georgia,Times,Serif;text-shadow:-1px 1px 1px #fff;border-bottom:1px solid #ddd;border-radius:5px;}
div#aside img{vertical-align:bottom;}
div#aside ul{margin:0;color:#999;background:#fff;list-style:none;}
div#aside ul li{margin:.2em 0;}
div#aside ul li ul li{margin:.2em .2em .2em 1.0em;list-style:disc;}
div#aside ul ul{margin:0 1.0em 1.0em 1.5em;}
div#aside ul ul li{margin:.3em 0;}
div#aside ul ul ul{margin:.3em 0;}
/* End Aside */

/* CrawlWall Default Styles */

.sm{color:#999;font:60%/130% Arial,Helvetica,Sans-Serif;vertical-align:text-top;text-shadow:none;}
.tm{color:#999;font:70%/120% Arial,Helvetica,Sans-Serif;vertical-align:text-top;text-shadow:none;}

a{color:#099;background:transparent;}
a:hover{color:#9c3;background:transparent;text-decoration:none;}
a:active{color:#000;background:transparent;}

abbr{cursor:help;}

cite{font:normal 90%/normal Arial,Helvetica,Sans-Serif;color:#093;}

del{color:#999;text-decoration:line-through;}

dfn{font-style:normal;font-weight:bold;}

dl{margin:20px;}
dd{margin:0 20px;}

h1{margin:20px 10px 30px 10px;padding:0 0 3px 0;color:#099;background:transparent;font:normal 160%/normal Georgia,Times,Serif;text-shadow:-1px 1px 1px #777;border-bottom:1px dotted #ccc;}
h2{font:normal 145%/normal Georgia,Times,Serif;margin:20px 10px;color:#090;background:transparent;text-shadow:-1px 1px 1px #999;border-bottom:1px dotted #ccc;padding:0 0 3px 0;}
h3{font:normal 140%/normal Georgia,Times,Serif;margin:20px 10px;color:#777;background:transparent;text-shadow:-1px 1px 1px #999;border-bottom:1px dotted #ccc;padding:0 0 3px 0;}
h4{font:normal 135%/normal Georgia,Times,Serif;margin:20px 10px;color:#777;background:transparent;}

/* Begin Button, Input, Option, Select, Textarea */
button{cursor:pointer;}

button, input, select, textarea{line-height:normal;color:#000;background:#fff;border:1px solid #ddd;border-radius:5px;padding:5px;}
select option{padding:0 5px;}

input[type="checkbox"], input[type="image"], input[type="radio"]
{border:0;color:#000;padding:0;cursor:pointer;}

input[type="button"], input[type="checkbox"], input[type="file"], input[type="reset"], input[type="submit"]
{color:#099;background:#eee;padding:5px;border-width:1px;border-style:solid;border-color:#eee #bbb #888 #fff;border-radius:5px;overflow:visible;cursor:pointer;}

input[type="submit"]
{font:100%/normal arial,helvetica,sans-serif;color:#fff;background:#29a6b4 url(../images/bg-blue.png) repeat-x left top;text-shadow:-1px 1px 1px #000;display:normal;}

input[type="button"]:hover, input[type="file"]:hover, input[type="reset"]:hover, input[type="submit"]:hover
{color:#fff;background:#999 url(../images/bg-gray-hover.png) repeat-x left top;text-shadow:-1px 1px 1px #000;}

optgroup{font-weight:bold;padding:5px 5px 0 5px;}
optgroup option{padding:0 10px;}

.input{width:60%;}
/* End Button, Input, Option, Select, Textarea */

label{cursor:pointer;}

p{margin:1.5em;}

pre{margin:1.5em 2.4em;}

/* Begin Horizontal Rule */
hr{text-align:center;width:100%;height:1px;color:#ddd;background:#fff;border:none;} /* For Internet Explorer */
html>body hr{margin-right:0;width:100%;height:1px;color:#ddd;background:#ddd;border:none;} /* For Gecko Based Browsers */
/* End Horizontal Rule */

ins{color:#000;text-decoration:underline;}

ol{margin:1.5em 4.0em;}
ol li p{margin:.5em 0 1.5em 0;}
ol li iframe{margin:0 0 1.5em 0;border:1px solid #ccc;}
ul{margin:1.5em 3.0em;}
ul li ul{margin:.5em 0 .5em 1.5em;}
ol li ul{margin:0 1.5em;}
ol li, ul li{margin:.5em 0;word-wrap:break-word;}

q{font:italic normal 105%/normal Georgia,Times,Serif;color:#777;}

/* Begin Inline List Styling */
.inline ul{margin:0;padding:0;list-style:none;}
.inline li{margin:0;padding:0;list-style:none;display:inline;}
/* End Inline List Styling */

.fs70{font-size:70%;line-height:normal;}
.fs80{font-size:80%;line-height:normal;}

table{margin:0 1.0em;border-collapse:collapse;}
td{padding:.5em;border:1px solid #ddd;}
th{color:#333;background:#fff url(../images/bg-gray.png) repeat-x left top;text-shadow:-1px 1px 1px #fff;text-align:left;padding:.4em .5em .3em .5em;border:1px solid #ddd;}
.td10{width:10%;text-align:center;}
.td30{width:30%;text-align:right;vertical-align:top;font-weight:bold;color:#555;}
.td70{width:70%;text-align:left;vertical-align:top;}

.clear{clear:both;}

.bgeee{background:#eee;}

.hand{cursor:pointer;}
.help{cursor:help;}
.blink{text-decoration:blink;}

.fl{float:left;margin:0 .5em;}
.fr{float:right;margin:0 .5em;}
.fr img{border:5px solid #ddd;border-radius:5px;margin:0 0 .5em 1.0em;}

.nw{white-space:nowrap;}

.vab{vertical-align:bottom;}
.vabl{vertical-align:baseline;}
.vam{vertical-align:middle;}
.vat{vertical-align:top;}

.ttu{text-transform:uppercase;}
.fvsc{font-variant:small-caps;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.taj{text-align:justify;}

.blue{color:#099;}
.gray{color:#999;}
.green{color:#9c0;}
.red{color:#c00;}

.checkmark{color:#090;text-shadow:-1px 1px 1px #9c3;}
.modified{font-size:70%;line-height:normal;color:#999;background:#fff;margin:20px 10px 10px 10px;}
.publish{float:right;font-size:70%;line-height:normal;color:#aaa;margin:-30px 10px 10px 10px;}
.social{float:right;margin:3px 3px 0 3px;}

/* Begin On Page Link States Header */
#bhome a#home, 
#babout a#about, 
#badvisors a#advisors, 
#baffiliates a#affiliates, 
#bbeta a#beta, 
#bcontact a#contact, 
#bdemo a#demo, 
#bfaqs a#faqs, 
#blogin a#login, 
#bnews a#news, 
#bpricing a#pricing, 
#bproducts a#products, 
#brights a#rights, 
#btechnology a#technology 
{color:#fff;background:#ace600 url(../images/bg-green.png) repeat-x left top;}
/* End On Page Link States Header */

/* Begin On Page Link States Aside */
#bandroid a#android, 
#bdesktop a#desktop, 
#bdocs a#docs, 
#badvisory a#advisory, 
#bprivacy a#privacy, 
#bsitemap a#sitemap
{font-weight:bold;border-bottom:1px solid #ccc;}
/* End On Page Link States Aside */



/* Begin Media Queries */

/* For 1024px or less */

@media screen and (max-width:960px)
{
body{background:#ddd url(../images/crawlwall-camo.png) fixed repeat center center;}
div#container{width:95%;}
div#content{width:75.5%;}
div#aside{width:23.5%;}
div#crawlwall{display:none;}
div#crawlwall2{display:block;}
div#header{background:#ddd;padding:0;}
}

/* For 700px or less */
@media screen and (max-width:700px)
{
body{font-size:95%;}
div#topnav{text-align:left;}
div#container{width:94%;}
div#content{width:auto;float:none;min-height:100px;}
div#aside{width:auto;float:none;min-height:100px;}
div#crawlwall2{display:none;}
textarea.textarea{width:98%;}
}

/* For 480px or less */
@media screen and (max-width:480px)
{
body{font-size:90%;}
div#header{height:auto;}
div#container{width:93%;}
textarea.textarea{width:97%;}
input{white-space:normal;}
input.input{width:80%;}
input[type="button"], input[type="reset"], input[type="submit"]{width:100%;}
}

/* For 320px or less */
@media screen and (max-width:320px)
{
body{font-size:85%;}
div#container{width:90%;}
textarea.textarea{width:95%;}
}

/* For 220px or less */
@media screen and (max-width:220px)
{
div#topnav ul{display:block;margin:5px 0;padding:0;}
div#topnav ul li{display:block;margin:0;padding:0;}
div#topnav ul li a{display:block;width:auto;margin:0;padding:0 .8em;font-size:115%;line-height:200%;}
}

/* End Media Queries */