/* @override http://www.technologyrevealed.com/techrev.css */



@charset "utf-8";

/* CSS Document */



/* Technology Revealed 2010 - CSS written by Rob Rasmussen on behalf of Payson, LLC */



/* GLOBALS */



body {

	margin: 0; padding: 0;

}



#referral-customers {

	width: 100%;

	height: 76px;

	background: url(images/referral-customer-bg.gif) repeat-x top left;

	margin-bottom: 12px;

	overflow: hidden;

}





#referral-content {

	width: 925px;

	margin: 0px auto;

	padding: 0;

}



#page {

	width: 925px;

	height: auto;

	margin: 10px auto;

}



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



hr {

	color: #c5c5c5;

	margin: 10px 0;

}



/* define font face */



@font-face {

	font-family: 'Myriad Pro';

	src: url('font/MyriadPro-Regular.eot'); /* IE */

	src: local('Myriad Pro'), local('MyriadPro-Regular'), url('font/MyriadPro-Regular.woff') format('woff'), url('font/MyriadPro-Regular.ttf') format('truetype'); /* NON IE */

}



/* top row - includes logo, apple service provider and call to action containers */



#toprow {

	width: 100%;

	height: 111px;

}



#logocontainer {

	float: left;

	width:225px;

	height:82px;

	margin: 10px 0 0 7px;

}



#providercontainer {

	float: left;

	width: 239px;

	height: 21px;

	margin: 7px 0 0 54px;
	
	text-align:center;
	
}
#providercontainer h2{font-family: 'Myriad Pro'; font-size:16px; font-style:italic; float: left; width: 239px; height: 21px; text-align:center; margin: 5px 0 0 0;}



#calltoaction-container {

	float: left;

	background: url(images/callus-background.gif) no-repeat top left;

	width: 238px;

	height: 76px;
	
	margin-left:50px;

	padding: 10px 19px 10px 19px;
	

}

#icon {
	
	width:30px;
	
	float: right;

	padding:9px 0px 0px 5px;
	
	line-height:10px;
	
	margin-right:15px;
	

}

#icon img{ border:#999 1px solid; padding:1px;}




/* NAVIGATION */



#nav-container {

	background: url(images/nav-background.gif) top left no-repeat;

	width: 925px;

	height: 39px;

	overflow: hidden;

}



/* NAV TYPOGRAPHY */



#nav-container ul {

   clear:left;

   float:left;

   list-style:none;

   margin:0;

   padding:0;

   position:relative;

   left:50%;

   text-align:center;

}



#nav-container ul li {

   display:block;

   float:left;

   list-style:none;

   margin:0;

   position:relative;

   right:50%;

   padding: 9px 0px;	 

}



#nav-container ul li a:link, #nav-container ul li a:visited, nav-container ul li a:active {

	color: #fff;

	font-weight: normal;

	font-size: 14px;

	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;

	font-weight: normal;

	text-decoration: none;

	padding: 9px 13px;

}	



#nav-container ul li a:hover, #land {

	color: #ffe73a;

	background-color: #304275;

	padding: 9px 13px;
	
	height:39px;

}



/* MAIN BODY */



#mainbody {

	width: 100%;

	height: auto;

	padding: 15px 0 0 0;

}



/* TRIFECTA - used for both trifecta images and trifecta text with bulleted list */



#trifecta-container {

	width: 100%;

	height: auto;

}



#trifecta-one, #trifecta-two {

	width: 285px;

	height: auto;

	margin: 0 35px 0 0;

	float: left;

}



#trifecta-three {

	width: 285px;

	height: auto;

	float: right;

}



/* trifecta unordered list */



#trifecta-container ul {

	list-style-image: url(images/ul-dot.gif);

	font-family: Arial, Helvetica, sans-serif;

	color: #737373;

	font-size: 11px;

	line-height: 25px;

	font-weight: normal;

	padding-left: 25px;

	list-style-position: outside;

	list-style-type: none;

}



#trifecta-container ul a {

	font-family: Arial, Helvetica, sans-serif;

	color: #737373;

	font-size: 11px;

	line-height: 25px;

	font-weight: normal;

	text-decoration: none;	

}



#trifecta-container ul a:hover {

	color: #586eaa;

	text-decoration: underline;

}



/* TYPOGRAPHY */



h1 {

	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;

	font-weight: normal;

	color: #3f5182;

	font-size: 21px;

	margin: 0;

	/*text-transform: capitalize;*/

}



h2 {

	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;

	font-weight: normal;

	color: #3f5182;

	font-size: 18px;

	margin: 0;

}



h3 {

	font-family: Arial, sans-serif;

	font-weight: normal;

	color: #3f5182;

	font-size: 13px;

	margin: 0;

	font-style: italic;

}



/* call to action text */



.needsupport {

	color: #e7e8b6;

	font: normal 14px/20px "Myriad Pro", Helvetica, Arial, sans-serif;

}



.callustoday {

	color: #eef145;

	font-weight: normal;

	font-size: 21px;

	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;	

}



.phonenumber {

	color: #fff;

	font: normal 18px/30px "Myriad Pro", Helvetica, Arial, sans-serif;

}



/* main text */



.maintext {

	font-family: Arial, Helvetica, sans-serif;

	color: #737373;

	font-size: 12px;

	line-height: 22px;

	font-weight: normal;

}

.bottomText {

	font-family: Arial, Helvetica, sans-serif;

	color: #737373;

	font-size: 12px;

	line-height: 22px;

	font-weight: normal;
	text-align:center;

}


a.maintext:active, a.maintext:visited, a.maintext:link {

	text-decoration: underline;	

}



a.maintext:hover {

	text-decoration: none;	

	color: #586eaa;	

}



.whatmakesdifferent {

	margin-bottom: 20px;

}



.highlight {

	font-weight: normal;

	font-size: 14px;

	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;

	color: #586eaa;

}



.subtitle {

	font-weight: bold;

	font-size: 14px;

	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;

	color: #586eaa;

}

.copyright-text {

	color: #586eaa;

	font-weight: bold;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;	

}



/* footer */



#footer-container {

	width: 100%;

	height: 45px;

	margin: 15px 0 0 0;

}



#copyright-left {

	width: 38%;

	float: left;

}



#footer-right {

	width: 62%;

	float: right;

	text-align: right;

}



#footer-right ul {

	margin: 0;

	list-style: none;

	display: inline;

}



#footer-right ul li {

	padding: 0 4px;

	border-left: 1px solid #bebdbd;

	display: inline;

}



#footer-right ul li.first {

	margin-left: 0;

	border-left: none;

	list-style: none;

	display: inline;

}



.footer-text, a.footer-text:link, a.footer-text:visited, a.footer-text:active {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 11px;

	color: #787878;

	line-height: 18px;

}



a.footer-text:hover {

	color: #586eaa;

	text-decoration: none;

}



/* back to top button */



.backtotop, a.backtotop:active, a.backtotop:link, a.backtotop:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 10px;

	color:#b6b6b6;

	line-height: 15px;

	text-decoration: none;

}



a.backtotop:hover {

	color: #586eaa;

}



.imgfloatleft {

	float:left;

	padding: 0 20px 10px 0;

}



a.deployment:active, a.deployment:link, a.deployment:hover, a.deployment:visited {

	font-weight: bold;

	color: #586eaa;

	text-decoration:none;

}

	

/* contact call out */



#contactcallout {

	background-color: #d1d8ee;

	padding: 2%;

	border: 1px solid #354778;

	width: 96%;

}



#contactaddress {

	float: right;

	width: 40%;

	background-color: #eaedf8;

	padding: 2%;

	border: 1px solid #354778;	

	height: 360px;

}



#contactform {

	float: left;

	width: 50%;

	background-color:#ddd;

	padding: 2%;

	border: 1px solid #354778;	

	height: 360px;	

}



#ipadtextcontainer {

	width: 618px;

	height: auto;

	float: right;

}