/* 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: 0;
	background:url("images/layout/top-background.jpg") repeat-x left top;
	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-new.jpg") no-repeat left top;
	overflow: hidden;
	}
	
#smallnav {
text-align: 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;
	}
	
#chat {
width: 136px;
height: 57px;
margin-bottom: 0px;
margin-top: 38px;
float: right;
	}

	
#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:50px 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;
	}
	
	#full {
	float: left;
	width: 700px;
	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;
}

#home-right2 {
	float: left;
	width: 586px;
	margin-right: 0px;
	margin-bottom: 5px;
}

#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 */
	
	}
	
	#logos {
	float: left;
	}

#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;
}
.RedIndent {
	color: #FF0000;
	padding-left: 20px;
}

.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;
}

.OrderForm3 {
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	line-height: 30px;
	padding-left: 100px;
	color:#fff;
}

#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;
	margin-bottom: 100px;
	}
	
	#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: 142px;
	background-image:url(images/layout/help-background2.gif);
	padding: 10px 15px 15px 10px;
	display:inline;
	}
	
	#help3 {
	float: right;
	width: 340px;
	height: 142px;
	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;
	}
	
	
	.videopop {
	color: #03a6e4;
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	line-height: 12px;
	}
	
	.padding-left {
   font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
    padding-left: 50px;
	color: #03a6e4;
}

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
	float: left;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
	
	.simply-scroll-btn {
		position: absolute;
		background-image: url(buttons.png);
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}
	
	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover {
		background-position: 0 -88px;
	}
	
	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: 84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: 84px 0 !important;
	}
	.simply-scroll-btn-right:hover {
		background-position: 84px -88px;
	}
	
	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover {
		background-position: -126px -88px;
	}
	
	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover {
		background-position: -42px -88px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 950px;
	height: 100px;
	margin-bottom: 0px;
}

	.simply-scroll .simply-scroll-clip {
		width: 950px;
		height: 100px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 150px;
			height: 100px;
		}
		.simply-scroll .simply-scroll-list li img {}
	
	.simply-scroll .simply-scroll-btn {}
	
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}