/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	background: transparent url("images/bg.jpg");
}
* {
	margin: 0;
	padding: 0;
}
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-table;
}
/* backslash hack hides from IE mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix {
	display: block;
}
/* end backslash hack */
.clearboth{
	clear: both;
}
div#mainwrapper{
	width: 770px;
	margin: 0 auto;
	margin-top: 15px;
	background:#FFFFFF;
}

/* header */
.headerwrapper {
	width: 770px;
	height: 123px;
 	background: transparent url("images/headerwarpper.jpg") no-repeat;
}
div#headerwrapper_left {
	float: left;
	width: 644px;
	height: 123px;
	background: transparent url("images/headerwarpper_left.jpg") no-repeat;
}
div#navigationbar {
	width: 517px;
	height: 35px;
	margin: 88px 0 0 126px;
	background:transparent url("images/navigationbar.jpg") no-repeat;
}
div#navigationbar ul li {
	float: left;
	display: inline;
	width: 98px;
	margin: 5px 0 0 5px;
	text-align: center;
	background: url("images/nav_normal.jpg") no-repeat;
 }
div#navigationbar ul li a {
	height: 22px;
	color: #FFF;
	text-decoration: none;
 	display: block;
	padding-top: 8px;
}
div#navigationbar ul li a:hover {
	text-decoration: underline;
	background: url("images/nav_hover.jpg") no-repeat;
}
div#navigationbar ul li a:active {
	color: #000;
	background: url("images/nav_active.jpg") no-repeat;
}
/* NAVIGATION SITE LOCATOR CUE */

body.home div#navigationbar ul li#body_home a,
body.product div#navigationbar ul li#body_product a,
body.background div#navigationbar ul li#body_background a,
body.whitepaper div#navigationbar ul li#body_whitepaper a,
body.websafe div#navigationbar ul li#body_websafe a
{
	height: 22px;
	background: transparent url("images/nav_current.jpg") no-repeat;
}

div#headerwrapper_right {
	float: right;
	width: 126px;
	height: 123px;
}
div#yellowbutton {
	width: 126px;
	height: 35px;
	margin-top: 88px;
	text-align: left;
}
div#yellowbutton a {
	height: 22px;
	color:#000;
	display: block;
	text-decoration: none;
	padding: 13px 0 0 20px;
	background:transparent url("images/yellowbutton.jpg") no-repeat; 
}
div#yellowbutton a:hover {
	background-position: -126px 0;
	text-decoration:underline;
}

/* content_middle */

.content_middle {
	height: 762px;
	background:#FFF;
}
div#bigimage {
	height: 217px;
	background: transparent url("images/bigimage1.jpg") no-repeat;
}
div#bigimage2 {
	height: 217px;
	background: transparent url("images/bigimage2.jpg") no-repeat;
}
div#bigimage3 {
	height: 217px;
	background: transparent url("images/bigimage3.jpg") no-repeat;
}
div#bigimage4 {
	height: 217px;
	background: transparent url("images/bigimage4.jpg") no-repeat;
}
div#bigimage5 {
	height: 217px;
	background: transparent url("images/bigimage5.jpg") no-repeat;
}
.bigbox_top {
	width: 750px;
	margin: 0 auto;
	margin-top: 10px;
	background: transparent url("images/bigbox_tile_h.jpg") repeat-x;
}
.bigbox_tile_v {
	width: 750px;
	height: 340px;
	background: transparent url("images/bigbox_tile_v.gif") repeat-y;
}
.bigbox_corner_top {
	height: 16px;
	background: transparent url("images/bigbox_corner_top.jpg") no-repeat;
}
.bigbox_corner_bottom {
	height: 340px;
	background: transparent url("images/bigbox_corner_bottom.jpg") no-repeat 0 100%;
}
.firstbox, .secondbox, .thirdbox{
	float: left;
	width: 250px;
	height: 320px;
	margin: 10px auto;
}
.firstbox, .secondbox {
	background: transparent url("images/border.jpg") no-repeat 100% 53px;
}
.smallerbox {
	width: 230px;
	height: 320px;
	margin: 0 10px;
}
h1.orange {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #D14200;
	padding-top: 8px;
	padding-bottom: 8px;
}
p.topbox_content, p.topbox_content2 {
	text-align:left;
	margin: 10px 0 0 0;
}
p.topbox_content2 a{
	color: #333;
}
p.topbox_content a, p.bottombox_middle_content a{
	text-align: left;
	font-weight: bold;
	margin: 20px 0 0 0;
	color:#333;
}
div#orange_button {
	float: left;
	width: 181px;
	height: 40px;
	background: transparent url("images/orange_button.jpg") no-repeat;
}
div#orange_button p, div#gray_button p{
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	margin: 8px 0 0 10px;
}
.smallerbox ul {
	width: 230px;
}
.smallerbox ul li {
	list-style: square;
	text-align:left;
	margin: 10px 0 6px 14px;
}
div#gray_button{
	float:left;
	width: 155px;
	height: 40px;
	background: transparent url("images/gray_button.jpg") no-repeat;
}
.topcontent_right_outer {
	float: left;
	width: 230px;
}
/* bottombox */

div#bigbox_bottom {
	width: 750px;
	margin: 0 auto;
	margin-top: 10px;
	padding-bottom: 10px;
}
.bottombox_left {
	float: left;
	width: 244px;
	height: 175px;
	background: transparent url("images/bottom_leftbox_tile.jpg") repeat-x;
}
.bottombox1_left {
	float: left;
	width: 11px;
	height: 175px;
	background: transparent url("images/bottom_corner_left.jpg") no-repeat;
}
.bottombox1_right {
	float: right;
	width: 11px;
	height: 175px;
	background: transparent url("images/bottom_corner_right.jpg") no-repeat;
}
.bottombox_middle {
	float: left;
	width: 244px;
	height: 175px;
	background: transparent url("images/bottom_middlebox_tile.jpg") repeat-x;
	margin-left: 9px;
}
.bottombox2_left {
	float: left;
	width: 11px;
	height: 175px;
	background: transparent url("images/bottommiddle_corner_left.jpg") no-repeat;
}
.bottombox2_right {
	float: right;
	width: 11px;
	height: 175px;
	background: transparent url("images/bottommiddle_corner_right.jpg") no-repeat;
}
.bottombox_right {
	float: right;
	width: 244px;
	height: 175px;
	background: transparent url("images/bottom_rightbox_tile.jpg") repeat-x;
}
.bottombox3_left {
	float: left;
	width: 11px;
	height: 175px;
	background: transparent url("images/bottomright_corner_left.jpg") no-repeat;
}
.bottombox3_right {
	float: right;
	width: 11px;
	height: 175px;
	background: transparent url("images/bottomright_corner_right.jpg") no-repeat;
}
.bottomcontent_outer {
	float: left;
}
div#download_button {
	width: 222px;
	height: 47px;
	margin: 8px auto;
	padding: 0;
	background: transparent url("images/download_button.jpg") no-repeat;
}
div#support_button {
	width: 222px;
	height: 47px;
	margin: 8px auto;
	padding: 0;
	background: transparent url("images/support_button.jpg") no-repeat;
}
div#safesurfer_button {
	width: 222px;
	height: 47px;
	margin: 8px auto;
	padding: 0;
	background: transparent url("images/safesurfer_button.jpg") no-repeat;
}
div#download_button a, div#support_button a, div#safesurfer_button a {
	float: left;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color: #333;
	margin: 14px 0 0 58px;
}
div#download_button a:hover, div#support_button a:hover, div#safesurfer_button a:hover {
	text-decoration: underline;
}
div#parents {
	float:left;
	width: 48px;
	height: 48px;
	margin-top: 12px;
	background: transparent url("images/parents.jpg") no-repeat;
}
p#bottombox_middle_title {
	float: left;
	width: 166px;
	height: 30px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	margin: 40px 0 0 8px;
}
p.bottombox_middle_content {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
.quotationmark {
	float: left;
	width: 222px;
	height: 55px;
	margin-top: 5px;
	background: transparent url("images/quotation.jpg") no-repeat;
}
.quotationmark h1 {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #D14200;
	margin: 26px 0 0 30px;
}
.quotationmark p{
	width: 190px;
	text-align: left;
	margin: 6px 0 0 30px;;
}

/* Products page */
.contentwrapper {
	width:750px;
	margin: 10px;
}
.titlebg_left {
	float: left;
	width: 10px;
	height: 44px;
	background: transparent url("images/titlebg_left.jpg") no-repeat;
}
.titlebg_right {
	float: right;
	width: 10px;
	height: 44px;
	background: transparent url("images/titlebg_right.jpg") no-repeat;
}
h1.orange_inside {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #D14200;
	padding: 14px 0 0 14px;
	background: transparent url("images/titlebg_tile.jpg") repeat-x;
}
.contentwrapper p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0 15px 10px 15px;
}
.contentwrapper p.lastparegraph {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0 15px 0 15px;
}
.contentwrapper p a{
	color: #D14200;
	text-decoration: none;
}
.contentwrapper p a:hover {
	text-decoration: underline;
}
.featurebox {
	float: left;
	width: 370px;
	height: 280px;
	background: transparent url("images/featurebox_tile.jpg") repeat-x;
}
.featurebox_left {
	float: left;
	width: 10px;
	height: 280px;
	background: transparent url("images/featurebox_left.jpg") no-repeat;
}
.featurebox_right {
	float: right;
	width: 10px;
	height: 280px;
	background: transparent url("images/featurebox_right.jpg") no-repeat;
}
h1.feature_orange {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #D14200;
	padding: 10px 0 10px 15px;
}
.screenshotbox a{
	float: right;
	width: 370px;
	height: 280px;
	background: transparent url("images/screenshot.jpg") no-repeat;
}
div#featurebox_left {
	float: left;
	width: 142px;
	height: 231px;
}
div#boxshot a{
	float: left;
	width: 142px;
	height: 188px;
	background: transparent url("images/boxshot.jpg") no-repeat;
}
div#freedownload_small a{
	float: right;
	width: 127px;
	height: 33px;
	margin: 10px 2px 0 0;
	background: transparent url("images/freedownload.jpg") no-repeat;
}
div#freedownload_small a:hover{
	background-position: -127px 0;
	text-decoration:none;
}
div#features {
	float: right;
	width: 202px;
	height: 220px;
	margin-top: 16px;
}
div#features ul {
	text-align: left;
	padding-left: 15px;
	list-style: square;
}
div#features ul li {
	padding-bottom: 13px;
}
.contentwrapper p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0 15px 10px 15px;
}
p.testimonial {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0 15px 10px 15px;
	color: #D14200;
}
/* background */
.background_yellowbox {
	width: 750px;
	height: 175px;
	background: transparent url("images/bottom_rightbox_tile.jpg") repeat-x;
}
.background_yellowbox ul li {
	width: 600px;
	float:left;
	text-align: left;
	margin: 5px 0 8px 15px;
	padding-left: 30px;
 	list-style: none;
	background: url("images/check.gif") no-repeat 0 0;
}
div#background_admin {
	float: right;
	width: 48px;
	height: 48px;
	margin: 74px 0 0 0;
	background: transparent url("images/background_admin.jpg") no-repeat;
}
.bigbutton {
	width: 750px;
	height: 55px;
}
.bigbutton a{
	float: left;
	width: 207px;
	height: 55px;
	margin-left: 271px;
	background: #FFF url("images/download_botton_over.jpg") no-repeat;
}
.bigbutton a:hover{
	background-position: -207px 0;
	text-decoration:none;
}
/* whitepaper */
div#bullets ul {
	text-align: left;
	padding-left: 31px;
	list-style: square;
}
div#bullets ul li {
	padding-bottom: 13px;
	
}
.websafebox {
	float: left;
	width: 750px;
	height: 280px;
	background: transparent url("images/featurebox_tile.jpg") repeat-x;
}
.websafebox ul {
	text-align: left;
	padding-left: 31px;
	list-style: square;
}
.websafebox ul li {
	padding-bottom: 13px;
	
}
/* footer*/
div#footer {
	float: left;
	width: 770px;
	height: 38px;
	background: url("images/footer.jpg") repeat-x;
}
p#footer_left {
	float: left;
	color:#FFF;
	margin: 12px 0 0 10px;
}
p#footer_left a {
	color: #FFF;
	text-decoration: none;
}
p#footer_left a:hover {
	color: #FFF;
	text-decoration: underline;
}
p#footer_right {
	float: right;
	color: #FFF;
	margin: 12px 10px 0 0;
}
p#footer_right a {
	color: #FFF;
	text-decoration: none;
}
p#footer_right a:hover {
	color: #FFF;
	text-decoration: underline;
}
.disclaimer_text {
	font-size: 11px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}