body {background: #fff; font-size: 14px; color: #333; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
p {margin-bottom: 15px; line-height: 1.5em;}
a {color: #0088cc; text-decoration: none;}
a:hover {text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 14px; font-weight: bold; margin: 0;}
ol {padding-left: 25px; margin-bottom: 15px; line-height: 1.5em;}
#stick {min-height: 100%;}
* html #stick {height: 100%;}
#wrap-header {position: relative;}
#wrap-content {position: relative; padding: 0 0 80px 0;}
#wrap-footer{margin-top:-60px; height:60px; clear: both; z-index: 999;}


/* Navigation */
#nav {clear: both; height: 38px; background: url(../media/images/bg_nav.png) no-repeat center center; padding-left: 5px;}
#nav li {display: inline; color: #fff; font-size: 13px; margin-left: 0;}
#nav li a {color: #222; display: block; float: left; padding: 10px 8px 11px 8px; margin-right: 1px; font-weight: bold;}
#nav li a:hover {background: #b1b1b1 url(../media/images/nav_hover.png) repeat-x center center; color: #fff; text-decoration: none;}
#nav li a.home {padding: 6px 10px 5px 10px;}
#platforms .platforms a, #platforms .platforms a:hover, #vendors .vendors a, #vendors .vendors a:hover, #features .features a, #features .features a:hover, #about .about a, #about .about a:hover, #definitions .definitions a, #definitions .definitions a:hover {text-decoration: none; background: #2a2a2a url(../media/images/nav_current.png) repeat-x left top; color: #fff;}

#nav-sub {margin: 15px 0 0 0; font-size: 14px; padding-left: 10px;}
#nav-sub li {padding: 4px 7px; float: left; margin-right: 5px;}
#nav-sub  li a, #nav-sub  li a:visited {text-decoration: none; color: #222222;}
#nav-sub li a:hover {text-decoration: none; color: #3B9ACC;}

#nav-footer {z-index: 1000;}
#nav-footer li {display: inline; color: #fff; margin: 0 5px; line-height: 25px;}
#nav-footer li a, #nav-footer li a:visited {color: #fff; line-height: 25px;}
#nav-footer li a:hover {color: #fff; text-decoration: underline;}
/* Header */
#logo {float: left; display: inline;position: relative;}
#logo a {display: block; width: 337px; height: 40px; background: url(../media/images/spy_phone_review.jpg) no-repeat top left; float: left; margin: 20px 10px 15px 0;}
#logo a:hover {background: url(../media/images/spy_phone_review.jpg) no-repeat bottom left;}
#tagline {font-size: 12px; font-weight: normal; float: left; margin-top: 37px;}
#search {position: absolute; bottom: 5px; right: 3px;}
/* Content */
#content {min-height:300px; height:auto !important; height:300px; position: relative; padding-top: 15px;}

#col-main {float: left; display: inline; width: 658px;}
#post {background: url(../media/images/bg_main.png) repeat-x bottom center; padding: 25px 25px 1em 25px; border-top: 1px solid #dddddd; border-right: 1px solid #cccccc; border-bottom: 1px solid #bbbbbb; border-left: 1px solid #dddddd; clear: both;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

h2.posttitle {margin: 0 0 15px 0; padding: 0 0 4px 0; font-size: 24px; border-bottom: 1px dotted #cccccc; font-weight: bold;}

.post-list {margin: 15px 0; line-height: 1.5em;}
.post-list li {background: url(../media/images/bullet_arrow_right.png) no-repeat left center; padding-left: 20px;}

#col-right {float: right; width: 280px;}
#col-right h2 {font-size: 20px; margin-bottom: 5px;}
#welcome {padding: 6px 0;}
#welcome p {color: #555555; font-size: 12px;}
#welcome h2 {font-size: 18px; text-align: center;}
#accordion {margin-bottom: 1.5em; border: 1px solid #ccc;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
#accordion h3 { font-weight: bold; display: block; padding: 9px 10px 12px 10px; background: #e5e5e5 url(../media/images/bg_main.png) repeat-x left bottom; font-size: 13px; color: #000; margin-top: 3px;}
.drawer-content {border-bottom: 1px solid #dddddd; color: #666666; padding: 14px 10px;}
.drawer-content ul li {color: #000000;}

.side-links {margin-left: 10px;}
.side-links li {line-height: 1.5em; margin-bottom: 5px;}
.side-links li a {font-weight: bold; text-decoration: underline; color: #000;}
.side-links li a:hover {color: #000;}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #ccc;
	padding: 15px 15px 15px 35px;
	width: 500px;
	background: #e5e5e5 url(../media/images/info_tooltip.png) no-repeat top left;
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
}
#foottip a, #sidetip a {cursor: help;}
#tooltip h3, #tooltip div { margin: 0; }
.drawer-content li {line-height: 1.5em;}
#sidetip a {color: #000; text-decoration: none;}
#sidetip a:hover {color: #000; text-decoration: underline;}

.tbl-bdr {border-top: 1px solid #dde2f2; border-left: 1px solid #dde2f2;}
.tbl-hdr, .tbl-subhdr, .tbl-data {padding: 5px 7px; border-right: 1px solid #dde2f2;}
.tbl-hdr {background: #4692A7; font-weight: bold; color: #fff; font-size: 13px;}
.tbl-subhdr {font-weight: bold; border-bottom: #999; background: #ECF0FF;}
.tbl-data { border-bottom: 1px solid #dde2f2; background: #fff;}
.tbl-data a {color: #333;}
.tbl-data a:hover {text-decoration: none;}

.link-header {font-size: 14px; float: left; padding: 15px; border: 1px solid #ccc; text-align: center; margin: 15px 4px; background: url(../media/images/bg_link_header.png) repeat-x center center; line-height: 1.5em; font-style: italic;}
.left-link-first {margin-left: 50px;}
.left-link {}
.link-list {padding: 15px 0 15px 12px; margin-bottom: 15px;}
.link-list li {float: left; display: block; height: 120px; width: 210px; text-align: center; position: relative; border-top: 1px solid #dddddd; border-right: 1px solid #cccccc; border-bottom: 1px solid #bbbbbb; border-left: 1px solid #dddddd; padding: 5px 0; margin: 0 12px 12px 0; text-transform: capitalize;}
.link-list h3, .link-list-home h3 {font-size: 16px; position: absolute; top: 80px; left: 5px; width: 200px;}
.link-list h4, .link-list-home h4 {font-size: 14px; position: absolute; bottom: 10px; left: 5px; width: 200px;}
.link-list h3 a, .link-list-home h3 a {color: #777;}

.link-list-home {height: 50px; width: 210px; text-align: center; position: relative; padding: 5px 0; margin: 0 0 10px 0 ;}

/* Footer */
#footer {color: #666666; z-index: 1000; text-align: center;}
#footer p {margin: 5px 0; padding: 5px 0;}

#footer ul li, #footer p {font-size: 12px;}

/* Common Classes */
.wrap {width: 960px; margin: 0 auto;}
.float-right {float:right;}
.float-left {float:left;}
.clear {clear:both;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.margin-bottom {margin-bottom: 10px;}
.small {font-size: 11px;}
.pad {padding: 10px;}
.img-left {float: left; margin: 0 10px 10px 0;}
.img-right {float: right; margin: 0 0 10px 10px;}
.onethird {float: left; display: inline; width: 250px; margin-left: 25px;}

.white {color: #fff;}
.blue {color: #3B9ACC;}