/* PropDox CSS by Tenacity Works - www.tenacityworks.com */

/* The file below is read by all browsers. Hacks for IE56 and IE7 for Windows are in the separate css files. */

@import "ie6win.css";
@import "ie7win.css";

/* ~~~~~~~~~~~~~~~~~~~
 * Site wide elements
 * ~~~~~~~~~~~~~~~~~~~ 
 */ 

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 0.8em;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
}
 
/* ~~~~~~~~~~~~~~~~~~~
 * Structural elements
 * ~~~~~~~~~~~~~~~~~~~ 
 */ 
 
 #siteFrameFront {
	background-image:url(img/pd01_bg01.png);
	background-repeat: repeat-x;
	text-align: center;
	width: 100%;
	height: 100%;
	
}
#topFrameFront {
	background-image:url(img/pd01_bg_iconfr.png);
	background-repeat: no-repeat;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#mastFront {
	width: 929px;
	height: 385px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
#loginBar {
	width: 914px;
	height: 21px;
	text-align: right;
	padding: 8px 15px 0 0;
}
.login {
	font-size: 95%;
	font-weight: bold;
	width: 84px;
	float: right;
	background-image: url(img/pd01_loginbullet.png);
	background-repeat: no-repeat;
	padding-top: 2px;
	margin-left: 10px;
}
.contact {
	font-size: 95%;
	font-weight: bold;
	width: 81px;
	float: right;
	background-image: url(img/pd01_loginbullet.png);
	background-repeat: no-repeat;
	padding-top: 2px;
	margin-left: 10px;
}
.country {
	font-size: 95%;
	font-weight: bold;
	width: 92px;
	float: right;
	background-image: url(img/sa.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	margin-left: 10px;
}
#loginBar a{
	color: #00789A;
	text-decoration: none;
}
#loginBar a:hover{
	color: #23292B;
	text-decoration: underline;
}
#mastLeftFront {
	width: 209px;
	height: 216px;
	background-image: url(img/pd01_logofr.png);
	background-repeat: no-repeat;
	float: left;
	padding: 90px 15px 0 15px;
	text-align: left;
}
.tagline {
	font-style: italic;
	font-size: 110%;
	font-weight: bold;
	color: #00789A;
}
#mastLeftFront ul{
	color: #273032;
	font-size: 110%;
	font-weight: bold;
	padding: 5px 0 0 8px;
}
#mastLeftFront li{
	margin-bottom: 15px;
}
#mastRightFront {
	width: 675px;
	height: 356px;
	margin: 0 auto;
	padding-left: 15px;
	float: left;
}
#navBoxFront {
	width: 675px;
	height: 42px;
	text-align: center;
}
#darkBar {
	background-color: #23292B;
	width: 100%;
	height: 20px;
	border-top: #718186 solid 1px;
}
#bottomHolder {
	background-color: #FFFFFF;
	vertical-align: top;
	
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#bottomFront {
	width: 929px;
	padding-top: 14px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
#bottomFront .left{
	width: 239px;
	height: 216px;
	float: left;
	text-align: left;
	padding-top: 4px;
}
#bottomFront .left ul{
	font-weight: bold;
	font-size: 106%;
	line-height: 15px;
}
#bottomFront .left li{
	padding-bottom: 10px;
	padding-right: 15px;
}
#bottomFront .left ul a{
	color: #00789A;
	text-decoration: none;
}
#bottomFront .left ul a:hover{
	color: #333333;
	text-decoration: underline;
}
#bottomFront .rght{
	width: 667px;
	height: 356px;
	margin: 0 auto;
	padding-left: 23px;
	text-align: left;
	float: left;
	font-size: 110%;
}
h1{
	font-size: 170%;
	font-weight: normal;
	color: #00789A;
	margin-top: 6px;
	margin-bottom: 6px;
}
h2{
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	margin-top: 8px;
	margin-bottom: 3px;
}
h3{
	font-size: 110%;
	font-weight: bold;
	color: #00789A;
	margin-top: 6px;
	margin-bottom: 3px;
}
#footer {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 20px;
	border-top: 1px #333333 dotted;
	font-size: 80%;
}
#footer a{
	color: #00789A;
	text-decoration: none;
}
#footer a:hover{
	color: #333333;
	text-decoration: underline;
}
 
 #siteFrameInside {
	background-image:url(img/pd01_bg02.png);
	background-repeat: repeat-x;
	text-align: center;
	width: 100%;
	height: 100%;
	
}
#topFrameInside {
	background-image: url(img/pd01_screenins.png);
	background-repeat: no-repeat;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#mastInside {
	background-image: url(img/pd01_logofr.png);
	background-repeat: no-repeat;
	width: 929px;
	height: 92px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
#darkBarIns {
	background-color: #23292B;
	width: 100%;
	height: 20px;
}

/* ~~~~~~~~~~~~~~~~~~~
 * NavFront
 * ~~~~~~~~~~~~~~~~~~~ 
 */ 
#navBoxFr {
	width: 675px;
	padding: 1px 0 0 8px;
	margin: 0 auto;
	float: left;
	vertical-align: bottom;
}
#nav {
	width: 675px;
	font-size: 118%;
	
}
#nav ul {
	padding:0;
	margin:0;
}
#nav ul li {
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}
#nav .seperator {
	width: 10px;
}
#nav ul li a {
 	background:url("img/pd_buts_r1_c1.png") no-repeat left top;
 	float:left;
 	padding: 0 0 0 12px;
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;	
 } 
#nav ul li a span {
 	float:left;
 	cursor: pointer;
	display:block;
	background:url("img/pd_buts_r1_c2.png") no-repeat right top;
	padding: 18px 20px 10px 9px;
 }
 #nav ul li a:hover {
	color: #FFF885;
	text-decoration: underline;
 }

/* ~~~~~~~~~~~~~~~~~~~
 * NavInside
 * ~~~~~~~~~~~~~~~~~~~ 
 */ 
  
 #navBoxIns {
	width: 100%;
	height: 42px;
	padding-top: 10px;
}
#navIns {
	width: 675px;
	font-size: 118%;
	float: right;
	
}
#navIns ul {
	padding:0;	
	margin:0;
}
#navIns ul li {
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}
#navIns .seperator {
	width: 10px;
}
#navIns ul li a {
 	background:url("img/pd_buts_ins_r1_c1.png") no-repeat left top;
 	float:left;
 	padding: 0 0 0 12px;
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;	
 } 
#navIns ul li a span {
 	float:left;
 	cursor: pointer;
	display:block;
	background:url("img/pd_buts_ins_r1_c2.png") no-repeat right top;
	padding: 17px 20px 10px 9px;
 }
#navIns ul li a:hover {
	color: #FFF885;
	text-decoration: underline;
 }  
#navIns ul li.navSelected a {
 	background:url("img/pd_buts_sel_r1_c1.png") no-repeat left top;
 	float:left;
 	padding: 0 0 0 12px;
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;	
 } 
#navIns ul li.navSelected a span {
 	float:left;
 	cursor: pointer;
	display:block;
	background:url("img/pd_buts_sel_r1_c2.png") no-repeat right top;
	padding: 17px 20px 10px 9px;
 }
 #logoLink {
 	width: 200px;
	height: 50px;
	margin-top: -23px;
	margin-left: 10px;
 
 }
 
 /* ~~~~~~~~~~~~~~~~~~~~~
 * Alt Browser Hacks
 * ~~~~~~~~~~~~~~~~~~~~~~
 */ 
 
.win.gecko #navBoxIns {
	padding-top: 6px;
}
.win.gecko .login {
	background-image: url(img/pd01_loginbullet_ie.png);
	background-repeat: no-repeat;
}
.win.gecko .country {
	background-image: url(img/sa_ie.gif);
	background-repeat: no-repeat;
}
.mac.webkit #navBoxIns {
	padding-top: 7px;
}
.win.webkit #navBoxIns {
	padding-top: 7px;
}
.win.webkit #featTable .features{
	background: url("img/feattab_tl.jpg") no-repeat;
	height: 36px;
}
.win.webkit #featTable .benefits{
	height: 36px;	
}
.mac.webkit #featTable .features{
	height: 36px;
}
.mac.webkit #featTable .benefits{
	height: 36px;	
}
.win.gecko #subscribe {
	background-image: url(img/pd01_loginbullet_ie.png);
	background-repeat: no-repeat;
}
 /* ~~~~~~~~~~~~~~~~~~~~~
 * General text styles
 * ~~~~~~~~~~~~~~~~~~~~~~
 */ 

#bottomFront .rght a {
	color: #00789A;
	text-decoration: none;
}
#bottomFront .rght a:hover{
	color: #333333;
	text-decoration: underline;
}
#skype {
	width: 140px;
}
#skype img{
	margin-top: -6px;
	float: right;
}
.comment {
	color: #CC0000;
}
.quote {
	font-style: italic;
	font-weight: normal;
}
.docVersion {
	float: right;
	font-size: 80%;
}
#subscribe {
	font-size: 95%;
	font-weight: bold;
	width: 169px;
	background-image: url(img/pd01_loginbullet.png);
	background-repeat: no-repeat;
	padding: 2px 0 6px 18px;
	margin-left: 20px;
}
#subscribe a {
	color: #00789A;
	text-decoration: none;
}
#subscribe a:hover {
	color: #333333;
	text-decoration: underline;
}
#subscribe a:visited {
	color: #333333;
	text-decoration: underline;
}
 /* ~~~~~~~~~~~~~~~~~~~~~
 * General image styles
 * ~~~~~~~~~~~~~~~~~~~~~~
 */ 
 
.rght .screens {
	border: #999999 solid 1px;
}

 /* ~~~~~~~~~~~~~~~~~~~~~
 * Features table
 * ~~~~~~~~~~~~~~~~~~~~~~
 */ 

#featTable, td
{
    border-color: #999;
    border-style: solid;
}

#featTable
{
    width: 100%;
	border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	font-size: 95%;
}

#featTable td
{
    margin: 0;
    border-width: 1px 1px 0 0;
    background-color: #ECF8FB;
	vertical-align: top;
}
#featTable .features{
	background: url("img/feattab_tl.jpg") no-repeat;
	height: 38px;
}
#featTable .benefits{
	background: url("img/feattab_tr.jpg") no-repeat;
	height: 38px;	
}
#featTable .mainBenefits{
	background: url("img/feattab_mb.jpg") repeat-x;
	height: 38px;
	text-align: center;
}
#featTable h1{
	font-size: 125%;
	font-weight: bolder;
	color: #00789A;
	margin: 11px 0 0 50px;
}
#featTable div{
	padding: 10px;
}