/* CSS File			*/
/* Version: 	01		*/
/* Created at: 	HBfx Studio	*/
/* Author: 	Eros Nicolau	*/

/*
Tag redefines
*/
html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; }
body { behavior: url("css/csshover.htc"); font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #585858; background-image: url(../img/body_back.gif); background-repeat: repeat-x; background-position: 0px 0px; }
body * { behavior: url("css/border-radius.htc"); position: relative; }
div { margin: auto; height: auto; }
form { margin: 0px; padding: 0px; }
a img { border: none 0px; }
form h2 { margin: 0px; padding: 0px; }

/*
Link styles
*/
a { color: #a80000; text-decoration: none; }
a:hover { color: #585858; }

/*
Holder styles
*/
.holder2 { width: 100%; }
.holder1 { text-align: center; margin-left: auto; margin-right: auto; width: 990px; }
.holder { text-align: left; margin: 0px; padding: 0px; border: none; *width:990;
}

/*
Header styles
*/
.header .holder { position: relative; padding-bottom: 18px; }
.header .languages { }
.header .logo { }
.header .logo img { background-image: url(../img/logo_pagepeeker.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 74px; width: 255px; }
.slogan { background-image: url(../img/header_slogan.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 74px; width: 315px; position: absolute; top: 0px; right: 0px; }

/*
Main area styles
*/
.area.holder2 { background-image: url(../img/area_back.gif); background-repeat: repeat-x; background-position: 0px bottom; padding-bottom: 30px; min-height: 270px; height: 270px; height: auto !important; }
.area .holder { }
.l-col, .m-col, .r-col { }
.l-col { }
.m-col { }
.r-col { }

/*
Footer styles
*/
.footer .holder { padding-top: 5px; font-size: 11px; color: #414141; }
.footer .credits { float: right; }
.footer a.hbfx img { height: 16px; width: 43px; }
.footer a.hbfx { background-image: url(../img/logo_hbfx.gif); background-repeat: no-repeat; background-position: 0px 0px; vertical-align: middle; }
.footer a.hbfx:hover { background-position: 0px -16px; }

/*
Main Menu styles
*/
.menu { font-size: 15px; position: relative; }
.menu ul, .menu li { padding: 0px; margin: 0px; list-style-image: none; list-style-type: none; }
.menu li { float: left; margin-right: 8px; }
.menu li, .menu li a { background-image: url(../img/menu_item_back.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.menu li:hover { background-position: 0px -32px; }
.menu li a:hover { background-position: right -32px; color: #585858; }
.menu li a { text-decoration: none; height: 32px; display: block; line-height: 32px; padding: 0px 10px; background-position: right 0px; color: #a80000; }
.menu .contact { float: right; display: block; font-size: 12px; font-weight: bold; color: #a1a1a1; text-decoration: none; padding: 15px 10px 0px 0px; }
.menu .contact:hover { color: #a80000; }
.menu .my_peeker_link { text-align: center; display: block; width: 75px; height: 17px; line-height: 17px; color: #FFF; position: absolute; top: -10px; right: 10px; font-size: 11px; background-image: url(../img/my_peeker_back.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.menu .my_peeker_link:hover { color: #FF9B9B; }

/*
Login styles
*/
form.login { vertical-align: middle; }
form.login input { background-color: transparent; border: none 0px; vertical-align: middle; }
form.login input[type=text] { }
form.login input[type=password] { }
form.login input[type=submit] { }
.loginResponse { vertical-align: middle; }

/*
Search styles
*/
.search { float: right; }
form.search { vertical-align: middle; }
form.search input { background-color: transparent; border: none 0px; vertical-align: middle; }
form.search input[type=text] { }
form.search input[type=submit] { }

/* 
Misc. styles
*/
.screen { position: relative; background-image: url(../img/home_screen_back.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 300px; }
.screen .text_big { position: absolute; left: 30px; top: 30px; font-size: 24px; color: #FFF; line-height: 40px; }
.screen .buttons { position: absolute; left: 30px; bottom: 28px; }
.screen .buttons a { text-decoration: none; float: left; margin-right: 9px; display: block; width: 135px; height: 27px; line-height: 27px; padding: 4px 0px 5px 0px; text-align: center; font-size: 24px; color: #093d8c; background-image: url(../img/screen_button_back.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.screen .buttons a:hover { background-position: 0px -36px; }
.screen .try { position: absolute; bottom: 30px; right: 30px; background-image: url(../img/try_back.png); background-repeat: no-repeat; background-position: 0px 0px; height: 26px; width: 397px; }
.screen .try input[name=url] { width: 165px; background-color: transparent; border: none 0px; vertical-align: middle; }
.screen .try select[name=size] { width: 149px; height: 20px; padding-top: 2px; background-color: transparent; border: none 0px; vertical-align: middle; }
.screen .try input[type=button] { width: 72px; height: 20px; background-color: transparent; border: none 0px; vertical-align: middle; }
.l-col, .m-col, .r-col { float: left; width: 310px; }
.l-col, .m-col { margin-right: 30px; }
.l-col h3, .m-col h3, .r-col h3 { font-size: 13px; margin: 0px; padding: 5px 0px; border-bottom: 1px dotted #9e9e9e; }
ul.features { margin: 0px 0px 0px 30px; padding: 0px; line-height: 24px; }
ul.features li { margin: 0px; padding: 0px; list-style-type: circle; list-style-image: none; }
ul.features li.action { list-style-type: none; }

.green { color: #090; }
.custom_services .red { color: #F60; }
.red { color:#AA0000 }
.blue { color:#0000AA }
.custom_services { margin: auto; }
.custom_services th { border-bottom: dashed 1px #999; padding: 5px; text-align: center; }
.custom_services td { border-bottom: dashed 1px #999; padding: 5px; text-align: center; }
.feature { font-weight: bold; color: #666; text-align: left !important; white-space: nowrap; }
.feature strong { color: #000; }
#thumb { float: right; }
table.contact input[type=text], table.contact textarea { width: 400px; }

.colorful { margin: 0px auto 20px auto; padding: 30px 50px; border: 1px dotted #CCC; background-color: #DCFFB9; width: 500px; }
.colorful h2 { margin: 0px; padding: 0px; }
.button_try, .button_buy { background-position: center center; background-repeat: no-repeat; line-height: 30px; height: 30px; padding: 8px 12px; color: #FFF; }
.button_try {  background-image: url(../img/button_try.gif); }
.button_buy {  background-image: url(../img/button_buy.gif); }
.call { white-space: nowrap; }

.note { color: #666; margin: 20px auto; background-color: #f5f5f5; border: dashed 1px #666; padding: 10px 30px 10px 120px; width: 500px; background-image: url(../img/info.gif); background-position: 20px center; background-repeat: no-repeat; }
.note ul { padding: 0px; margin: 0px; }
.note li { margin: 0px; padding: 10px 0px 10px 0px; }

.no-border { border: none 0px !important; }

.thumbs_api h3 { padding: 0px; margin: 0px; }
.thumbs_api img { border: solid 1px #ccc; }

.home_features { background-image: url(../img/pagepeeker_features_back.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 128px; padding: 20px 0px; position: relative; }
.home_features ul { position: absolute; top: 33px; margin: 0px; padding: 0px 0px 0px 36px; background-image: url(../img/features_ul_back.gif); background-repeat: repeat-y; background-position: 0px 0px; }
.home_features li { margin: 0px; padding: 0px 0px 0px 36px; background-repeat: no-repeat; background-position: 0px 0px; line-height: 26px; font-weight: bold; font-size: 15px; list-style-image: none; list-style-type: none; }
.list_1 { left: 310px; }
.list_2 { left: 640px; }
.feature_1 { background-image: url(../img/feature_1_back.gif); }
.feature_2 { background-image: url(../img/feature_2_back.gif); }
.feature_3 { background-image: url(../img/feature_3_back.gif); }
.feature_4 { background-image: url(../img/feature_4_back.gif); }
.feature_5 { background-image: url(../img/feature_5_back.gif); }
.feature_6 { background-image: url(../img/feature_6_back.gif); }
.feature_7 { background-image: url(../img/feature_7_back.gif); }
.feature_8 { position: absolute; left: 712px; bottom: 40px; font-size: 10px !important; color: #999 !important; }

.ppage { font-weight: bold !important; color: #585858 !important; }
.ppeeker { font-weight: bold !important; color: #a80000 !important; }
.blue { color: blue; }

/* IE 6 and below hacks		*/
*html a { }
/* IE 7 only hacks		*/
*:first-child+html a { }
/* Opera 9 and below hacks	*/
html:first-child a { }
/* Chrome, Safari and Opera hacks	*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 a {
}
}

/* HR Styling hacks		*/
/* IE				*/
hr { height: 1px; color: #d5d8d8; border: none; }
/* Gecko-based browsers		*/
html>body hr { height: 1px; background-color: #d5d8d8; border: none; }
/* Opera & Gecko-based browsers	*/
html>body hr { height: 1px; background-color: #d5d8d8; border: 0px solid #d5d8d8; }

/* clearfix			*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
* html .clearfix { height: 1%; }
/* End hide from IE Mac */

.transparent { -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70); }