/* CSS Document */

/* Basic Stuff */

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

/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;}*/
/* End hide from IE-mac */

* {
    margin: 0;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}


html, body {
	font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	color: #333;
	line-height: 17px;
	margin: 0;
	padding: 10px;
	height: 100%;
	}
	
	
	
body A:link    	{ color: #03a6e4; font-weight: normal; text-decoration: underline; }
body A:active  	{ color: #03a6e4; font-weight: normal; text-decoration: underline; }
body A:visited 	{ color: #03a6e4; font-weight: normal; text-decoration: underline; }
body A:hover  	{ color: #000; font-weight: normal; text-decoration: underline; }
	
	
	
p {
	font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	color: #333;
	line-height: 17px;
	margin-bottom: 7px;
	padding: 0;
	}
	
h1 {
	font: 15px DIN, "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #03a6e4; 
	padding: 0;
	margin-top: 0px;
	margin-bottom: 10px;
}
	
h2 {
	font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #333;
	margin-top: 0px;
	line-height: 16px;
	}
	
h2 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h2 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h2 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h2 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }
	
h3 {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #333;
	margin-bottom: 0px;
	font-weight: normal;
	line-height: 16px;
	}

h3 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h3 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h3 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h3 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }
	
h4 {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #333;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
	}

h4 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h4 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h4 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h4 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }

h5 {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #333;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
	}
	
h5 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h5 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h5 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h5 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }

h6 {
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #a4c00d;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
	}
	
h6 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h6 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h6 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h6 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }

	
#main {
	width: 100%;
	background: #fff;
	}
	
/* Top Section */
	
#head {
	width: 950px;
	height: 198px;
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	}
	
	
#top {
	height: 198px;
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	background:url("images/layout/ozefax.jpg") no-repeat left top;
	overflow: hidden;
	}
	
#smallnav {
float: right;
height: 20px;
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 5px;
	line-height: 20px;
	}
	
#smallnav A:link    	{ color: #fff; font-weight: normal; text-decoration: none; }
#smallnav A:active  	{ color: #fff; font-weight: normal; text-decoration: none; }
#smallnav A:visited 	{ color: #fff; font-weight: normal; text-decoration: none; }
#smallnav A:hover 	 	{ color: #fff; font-weight: normal; text-decoration: underline; }

/* Navigation */

#nav {margin:0;}

#nav {
	float:left;
	width:100%;
	position: relative;
	font: 14px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-weight: normal;
	}
	  
#nav ul {
	margin:0;
	padding:145px 0px 0 0px;
	list-style:none;
	}
	  
#nav li {
	float:left;
	background:url("images/layout/right_both.gif") no-repeat right top;
	margin:0 0 0 0px;
	padding:0;
	height: 28px;
	line-height: 28px;
	}
	
#nav a {
	float:left;
	display:block;
	left:-14px;
	margin-right:10px;
	background:url("images/layout/left_both.gif") no-repeat left top;
	padding:0px 0px 0px 10px;
	text-decoration:none;
	color:#000;
	}
	  
#nav > ul a {width:auto;}
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav a:hover {
	color:#000;
	}
	  
#home #nav-home, 
#faxtoemail #nav-faxtoemail,
#emaitofax #nav-emaitofax, 
#bulkemails #nav-bulkemails,
#emailtosms #nav-emailtosms,
#remotebackups #nav-remotebackups,
#phonesolutions #nav-phonesolutions,
#faq #nav-faq,
#domainnames #nav-domainnames {
	background-position:100% -150px;
	}
	  
#home #nav-home a, 
#faxtoemail #nav-faxtoemail a,
#emaitofax #nav-emaitofax a, 
#bulkemails #nav-bulkemails a,
#emailtosms #nav-emailtosms a,
#phonesolutions #nav-phonesolutions a,
#remotebackups #nav-remotebackups a,
#faq #nav-faq a,
#domainnames #nav-domainnames a {
	background-position:0 -150px;
	padding-bottom:0px;
	color:#000;
	border-bottom:0;
	}
	  
/* not for IE5.x or IE6 */
#nav li:hover, 
#nav li:hover a {
	background-position:100% -150px;
	color:#000;
	}

#nav li:hover a {
	background-position:0 -150px;
	}
	
/* Homepage Content */

#contentholder {
	background: #fff;
}
#content2 {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#breadcrumb {
	width: 940px;
	padding-left: 10px;
	margin-top: 19px;
	margin-bottom: 15px;
	height: 29px;
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	line-height: 29px;
	background: url('images/layout/breadcrumb-background.gif');
}

#breadcrumb A:link    	{ color: #333; font-weight: normal; text-decoration: none; }
#breadcrumb A:active  	{ color: #333; font-weight: normal; text-decoration: none; }
#breadcrumb A:visited 	{ color: #333; font-weight: normal; text-decoration: none; }
#breadcrumb A:hover  	{ color: #333; font-weight: normal; text-decoration: underline; }

#home-left {
	float: left;
	width: 335px;
	margin-right: 29px;
	}
	
	#generic-left {
	float: left;
	width: 461px;
	margin-right: 29px;
	}
	
	#casestudy-logo {
	position:relative;
	float: left;
	width: 180px;
	margin-right: 20px;
	}
	
	#casestudy-text {
	float: left;
	width: 260px;
	margin-right: 0px;
	}
	
#home-right {
	float: left;
	width: 586px;
	margin-right: 0px;
}

#generic-right {
	float: left;
	width: 460px;
	margin-right: 0px;
	margin-bottom:20px;
}

/* Homepage Feature Boxes */


#feature {
	float: left;
	width: 230px;
	margin-right: 10px;
	margin-top: 17px;
	}
	
	#feature ul {
	list-style-position: inside;
	padding-left: 0px;
	margin-left: 0px;
	}
	
	#feature li {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	list-style-image: url(images/layout/tick.gif);
	list-style-position: inside;
	padding-left: 0px;
	margin-left: 0px;
	margin-top:5px;
	}
	
#featurebox {
	height: 7px;
	margin: 0px;
	padding: 0px;
	line-height:7px;
	}
	
#featuremiddle {
	border: 1px;
	border-left-color:#d3d4d8;
	border-left-style:solid;
	border-left-width: 1px;
	border-right-color:#d3d4d8;
	border-right-style:solid;
	border-right-width: 1px;
	padding-left: 15px;
	_padding-left:  15px; /* this did the trick. Only IE6 should process this line */
	padding-right:15px;
	_padding-right:  0px; /* this did the trick. Only IE6 should process this line */
	
	}

#featureright {
	float: left;
	width: 230px;
	margin-right: 0px;
	margin-top: 17px;
	}
	
	#featureright ul {
	list-style-position: inside;
	padding-left: 0px;
	margin-left: 0px;
	}
	
	#featureright li {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	list-style-image: url(images/layout/tick.gif);
	margin-top:5px;
	}
	
#order-button {
	width: 96px;
	margin-right: 10px;
	margin-top: 10px;
	position:relative;
	}
	
#more-button {
position:relative;
	width: 92px;
	margin-right: 0px;
	margin-top: 10px;
	}


/* Footer */

#wrapper {
	width: 950px;
	position: left;
	margin: 0 auto;
	padding-top: 0px;
	}

#footer-bg {
	float:left;
	position:relative;
	width:100%;
	margin-top: 30px;
	margin-bottom: 0px;
	border-top: 1px solid #e8e8e8;
	padding-top: 0px;
	background-color: #fff;
	
}

#newsletter {
	margin-top:20px;
	width:400px;
	float:left;
	position:relative;
}

#most-viewed {
	width:150px;
	float:right;
	position:relative;
	margin: 20px 0px 0px 20px;
	padding-left:10px;
	border-left: 1px solid #dedede;
}
#most-viewed ul {	
	margin:0;
	padding:0;
	list-style:none;
}

#most-viewed li {
	margin:0;
	padding:0;
}	


#foot {
	float:left;
	width:950px;
	position: relative;
	font-size: 8pt;
	color: #000;
	padding-top: 10px;
	}
	  
#foot ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
	}
	  
#foot li {
	float:left;
	margin:0 0 0 0px;
	padding:0;
	}
	
#foot a {
	float:left;
	margin-right:0px;
	text-decoration:none;
	font-size: 8pt;
	color:#000;
	padding-right:5px;
	padding-left: 5px;
	}
	
#foot a:hover {
	color:#0076ab;
	text-decoration: underline;
	}
	
#famouslink {
	float:left;
	position:relative;
	margin-top: 10px;
	padding-bottom: 20px;
	color:#b3b3b3;
}

#famouslink a {
	float:left;
	margin-right:0px;
	text-decoration:none;
	font-size: 8pt;
	color:#b3b3b3;
	}
	
#famouslink a:hover {
	color:#b81616;
	text-decoration: none;
	}
	
#services {
	float:left;
	position:relative;
	margin-top: 10px;
	color:#b3b3b3;
}

#services a {
	float:left;
	margin-right:0px;
	text-decoration:none;
	font-size: 8pt;
	color:#b3b3b3;
	}
	
#services a:hover {
	color:#b81616;
	text-decoration: none;
	}


#side-nav {
	float: left;
	width: 192px;
	margin-right: 0px;
	background-color:#efefef;
	list-style:none;
	margin-left:0px;
	padding-left: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
	}
	
#side-nav ul {
	list-style:none;
	
	margin: 0;
	padding: 0;
	}
	
	
#side-nav li a {
  	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-left:12px;
	margin-top:0px;
	display: inline-block;
	}	
	
#side-nav li a:link, #side-nav li a:visited {
	color: #000;
	
	background:  url(images/layout/sidenav.gif);
	padding-top: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-left:12px;
	margin-top:5px;
	}
	
#side-nav li a:hover {
	color: #03a6e4;
	text-decoration: none;
	background:  url(images/layout/sidenav.gif);
	padding-top: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-left:12px;
	}
	
.sidenavhigh {
	color: #03a6e4;
}
	
#sub-intro {
	font: 14px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	line-height: 18px;
	float: left;
	width: 540px;;
	margin-right: 20px;
	margin-bottom: 15px;
	color:#000000;
}

#sub-intro2 {
	font: 14px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	line-height: 18px;
	float: left;
	width: 560px;;
	margin-right: 20px;
	margin-bottom: 15px;
	color:#000000;
}

#sub-icon {
	float: right;
	width: 164px;
	margin-right: 0px;
}

#sub-icon2 {
	float: right;
	width: 150px;
	margin-right: 0px;
}

#holder {
	float: left;
	width: 742px;
	margin: 0px;
}


#sub-content {
	float: left;
	width: 742px;
	position: relative;
}

#sub-intro ul {
	list-style-position: inside;
	padding-left: 0px;
	margin-left: 0px;
	}
	
	#sub-intro li {
	list-style-image: url(images/layout/tick.gif);
	margin-top:5px;
	color: #38394e;
	font
	}

#sub-content-follow {
	float: left;
	width: 742px;
	margin-top: 15px;
}


#sub-content-follow ul {
	list-style-position: inside;
	padding-left: 0px;
	margin-left: 0px;
	}
	
	#sub-content-follow li {
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	list-style-image: url(images/layout/tick.gif);
	margin-top:5px;
	color: #38394e;
	font-weight: bold;
	}

#plan {
	float: left;
	width: 181px;
	margin-right: 6px;
	display:inline;
	}
	
#plan-right {
	float: left;
	width: 181px;
	margin-right: 0px;
	display:inline;
	}
	
#plan2 {
	float: left;
	width: 181px;
	margin-right: 6px;
	margin-top: 6px;
	display:inline;
	}
	
#plan-right2 {
	float: left;
	width: 181px;
	margin-right: 0px;
	margin-top: 6px;
	display:inline;
	}
	
#full-page {
	font: 14px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	line-height: 18px;
	float: left;
	width: 742px;
	margin-right: 0px;
	margin-bottom: 15px;
	color:#000000;
}

#full-page ul {
	list-style-position: inside;
	padding-left: 0px;
	margin-left: 0px;
	}
	
	#full-page li {
	list-style-image: url(images/layout/tick.gif);
	margin-top:5px;
	color: #38394e;
	font
	}

.Red {
	color: #FF0000;
}

.OrderFormTitle {
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	line-height: 32px;
	padding-left: 15px;
	color:#000;
}

.OrderForm {
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	
	padding-right: 15px;
	color:#38394e;
}

.OrderForm2 {
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	line-height: 30px;
	padding-left: 15px;
	color:#38394e;
}

#video {
	float: left;
	width: 192px;
	list-style:none;
	margin-left:0px;
	padding-left: 0px;
	margin-top:20px;
	}
	
#leftside {
	float: left;
	width: 192px;
	margin-right: 16px;
	display: inline;
	}
	
	#help {
	float: right;
	width: 350px;
	height: 101px;
	background-image:url(images/layout/help-background.gif);
	padding: 10px 15px 15px 15px;
	display:inline;
	}
	
	#help2 {
	float: left;
	width: 340px;
	height: 101px;
	background-image:url(images/layout/help-background2.gif);
	padding: 10px 15px 15px 10px;
	display:inline;
	}
	
	#help3 {
	float: right;
	width: 340px;
	height: 101px;
	background-image:url(images/layout/help-background2.gif);
	padding: 10px 15px 15px 10px;
	display:inline;
	margin-top: 5px;
	}
	
	.poptext {
	color: #03a6e4;
	font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	}