@charset "utf-8";
/* CSS Document */

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

/* GLOBALS */

#page {
	width: 925px;
	height: auto;
	margin: 20px 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: 43px 0 0 84px;
}

#calltoaction-container {
	float: right;
	background: url(images/callus-background.gif) no-repeat top left;
	width: 238px;
	height: 76px;
	padding: 10px 19px;
}

/* 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 21px;
}	

#nav-container ul li a:hover, #land {
	color: #ffe73a;
	background-color: #304275;
	padding: 9px 21px;
}

/* 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;
	text-transform: capitalize;
}

h3 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #3f5182;
	font-size: 13px;
	margin: 0;
	font-style: italic;
	text-transform: capitalize;	
}

/* call to action text */

.needsupport {
	color: #e7e8b6;
	font-weight: normal;
	font-size: 14px;
	font-family: "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-weight: normal;
	font-size: 28px;
	font-family: "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;
}

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

.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: 15px;
}

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

	

/* 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: 280px;
}

#contactform {
	float: left;
	width: 50%;
	background-color:#ddd;
	padding: 2%;
	border: 1px solid #354778;	
	height: 280px;	
}