@charset "UTF-8";

/* ------------- CSS Utilities -------------- */

.center {
    text-align:center;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
.clear {
    clear:both
}
/* clearing float ninjutsu */

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

	.clearfix {display:inline-block;}

	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */


/* SEO friendly hide */

.hidden {
	background:none;
	font-size:1px;
	display:none;
	height:0;
	left:-9999px;
	overflow:hidden;
	position:absolute;
	top:-9999px;
	width:0;
	z-index:0;
	line-height:0px;
}
/* ------------- Website General Styles -------------- */

body {
    background-color: #f5e7d9;
    background-image: url(/images/bg-page.png);
    background-repeat: repeat-x;
    margin: 0;
    padding:0;
    text-align:center;
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    color: #333;	
}

h1 {
    font-family: Palatino;
    font-size: 36px;
    color: #382615;
    margin-top:0px;
    margin-bottom:5px;
    padding:0px;
}

h2 {
    font-size: 22px;
    color:#000;
    margin-bottom: 6px;
    margin-top:0px;
    padding-right:6px;
    clear:both;	
}
h3 {
    font-size: 18px;
    color:#000;
    margin:0 0 6px 0;
}
a {
    color: #6d9f00;
	outline:none;
}

a:hover {
    color:#382615;
}

a.alternate {
    color: #382615;	
}

a:hover.alternate {
    color:#FFF;
}
.emailUs {
    font-size: 12px;
}

li {
    clear: both;
}

/*  ------------------- Wrapper -------------------  */
.funbg {
    background:transparent url(/images/content_bg.png) no-repeat scroll right top;
}

#wrapper {
    width:1045px;
    margin-top: 0px;
    margin-right:auto;
    margin-bottom:31px;
    margin-left:auto;
    text-align:left;
    min-height:500px;
    clear:both;
}

/*  ------------------- Masthead -------------------  */
#masthead {
    width:1045px;
    height:81px;
    margin-top: 0px;
    margin-right:auto;
    margin-bottom:31px;
    margin-left:auto;
	position:relative;
}

#branding {
    float:left;
    padding-top: 10px;    
}

.rt { /* retweet button, no longer used  */
	float:left;
	margin: 29px 0px 10px 10px;
}

#nav {
    float:right;
    list-style-type: none;
    padding-top: 25px;
	margin-right:85px;
}

#nav li {
    font-size: 12px;
    color:#FFF;
    display: inline;
	margin-left:12px;
}

#nav a {
    color:#FFF;
    text-decoration:none;
}

#nav a:hover {
    color: #61d1d5;
}
#print #feature{
	position:absolute;
	top:60px;
	right:62px;
}
/* -------------------  Content * ------------------- */

#content {
    clear:both;
    margin-top: 3px;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #999;
	width:912px;
}
/* ------------------- PageHead -------------------  */

#pagehead {
    clear: both;
    padding-top: 30px;
    padding-right:30px;
    padding-left:30px;    
}

#pagehead h1 {
    font-family: Palatino;
    font-size: 36px;
    font-weight: bold;
    color: #382615;
    margin: 0px;
}


/*  ------------------- Footer -------------------  */
#footer {
    font-size: 12px;
    color: #876545;
    text-align: center;
    display: block;
    margin-top: 12px;
    margin-bottom: 10px;
	width:100%;
}
#print #footer {
	position:absolute;
	bottom:0px;

}
#footer a {
    color: #876545;
}
/*  ------------------- Page: index -------------------  */
/* ------ Main Form -------- */

#url_form {
    background: url(/images/form_bg.png) no-repeat scroll 0 0;
    height:66px;
    width:746px;
    margin-bottom:130px;
}
#url_form input.url {
    border:0 none;
    color:#6A6A6A;
    font-size:1.3em;
    height:33px;
    margin:10px;
    padding:12px 14px 1px;
    width:527px;
}

#url_form input.submit {
    background:transparent url(/images/form_button.png) no-repeat scroll 0 0;
    border:0 none;
    height:45px;
    margin-top:10px;
    vertical-align:top;
    width:158px;
	cursor:pointer;
}

#url_form input.submit:hover {
    background:transparent url(/images/form_button.png) no-repeat scroll 0 -90px;
    border:0 none;
    height:45px;
    margin-top:10px;
    vertical-align:top;
    width:158px;
}

#url_form input.submit:active {
    background:transparent url(/images/form_button.png) no-repeat scroll 0 -45px;
}


/* Boxes */

.title_image {
    display:block;
    font-size:6px;
    text-indent:-2000em;
    z-index:99999;
}


/* Box 1 */

.box1 {
    background: url(/images/box1_bg2.png) no-repeat top right;
    width:303px;
    height:250px;
    margin-right:4px;
    float:left;
}
.box1 h2 {
    height:55px;
    width:288px;
    background:transparent url(/images/box1_header.png) no-repeat scroll 0 7px;
}
.box1 p {
    width:270px;
    margin-left:30px;
    margin-right:30px;
    margin-top:13px;
    margin-bottom:13px;
}

.box1 a.get-bookmarklet {
    background:url(/images/get-bookmarklet.png) no-repeat 0px 0px;
    display:block;
    height:39px;
    width:160px;
    text-indent:-9999px;

}

.box1 .get-bookmarklet a:hover {
    background:url(/images/get-bookmarklet.png) no-repeat 0px -39px;
}


/* Box 2 */

.box2 {
    background: url(/images/box2_bg.png) no-repeat top right;
    width:291px;
    height:250px;
    margin-right:4px;
    float:left;
}

.box2 h2 {
    height:125px;
    width:288px;
}

.box2 .get-button a {
    background:url(/images/get-button.png) no-repeat 0px 0px;
    display:block;
    height:52px;
    width:260px;
    text-indent:-9999px;
}

.box2 .get-button a:hover {
    background:url(/images/get-button.png) no-repeat 0px -53px;
}

/* Box 3 */

.box3 {
    width:291px;
    height:250px;
    margin-right:4px;
    float:left;
}

.box3 h2 {
    height:65px;
    width:288px;
    background:transparent url(/images/box3_header.png) no-repeat scroll 0 7px;
}

.box3 .how-it-works a {
    background:url(/images/how-it-works-video.png) no-repeat scroll 0 0px;
    display:block;
    height:161px;
    width:277px;
    text-indent:-9999px;
}

.box3 .how-it-works a:hover {
    background:url(/images/how-it-works-video.png) 0px -162px;
}

.boxes {
    display:block;
}

/* News */
#news {
	clear:both;
	margin-top:2.5em;
}
#news .header{
	float:left;
	margin:1em .5em;
}
#news .feature{
	float:left;
	width:700px;
	padding:1em 1.5em 1.5em 1.5em;
	margin:0 1em;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	font-size:13px;
}
#news .feature h3 {
	margin-bottom:3px;
	font-size:15px;
}
#news .feature img{
	float:right;
	margin-left:1em;
}
/*  ------------------- Page: Browser Tool -------------------  */
.browser_tool h2 {
	font-family: Palatino;
    font-size: 28px;
    color: #382615;
	margin:1em 0;
    padding:0px;
	border-bottom:1px dotted #907864;
}
#instructions_ie {
	float:left;
	width:48%;
	margin-right:2em;
}
#instructions_browsers {
	float:left;
	width:400px;
	margin-right:2em;
}
#instructions_browsers a{
	cursor:move;
}
a.browser_button {
	width:160px;
	height:40px;
	display:block;
	background-color:#ACACAC;
	border:1px solid #8F8F8F;
	color:#000;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	line-height:40px;
	text-decoration:none;
}
.ie, .ff, .chrome, .safari {
	font-weight:normal;
	height:50px;
	display:inline-block;
	margin-right:1em;
	vertical-align:top;
	margin:0;
}
h3.ie {
	background: url(/images/browser-tool/internet-explorer-icon.png) no-repeat;
	padding-left: 60px;
}
h3.ff {
	background: url(/images/browser-tool/firefox-icon.png) no-repeat;
	padding-left: 60px;
}
h3.chrome {
	background: url(/images/browser-tool/chrome-icon.png) no-repeat;
	padding-left: 55px;
}
h3.safari {
	background: url(/images/browser-tool/safari-icon.png) no-repeat;
	padding-left: 50px;
}
h3 strong {
	display:block;
}
.browser_tool ol {
	width:360px;
	margin:.5em 0;
	padding:1px .25em .25em 2.25em;
	background-color: #ECF6F5;
}