@charset "utf-8";

body {
	padding-top: 0;
	margin-top: 0;
	background-image: url(/images/background.png);
	background-repeat: repeat-x;
	background-position: left top;
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background-color: #fff; 
	color: #333;
}

p { margin-bottom: 18px; }
h1 { font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { margin-top: 0px; font-size: 16px; color: #666666; text-align: center; border: 0px solid green; padding-bottom: 10px;}
.more { text-align: right;}

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: .2em; }
ul.square { list-style: square outside;}
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }
ul.circle li {padding-bottom: 10px;}
ol.circle li {padding-bottom: 10px;}

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { white-space: nowrap; padding-right: 10px; background: url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; }
a.external { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 49%; zoom: 1; }
a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 49%; zoom: 1; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

.content a.wrap,
.content a.wrap em { font-style: normal; text-decoration: none; }
.content a em.more { font-style: normal; text-decoration: none; color: #08c; white-space: nowrap; padding-right: 10px; background: url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; cursor: pointer; }
.content a.wrap:hover em,
.content a:hover em.more { text-decoration: underline; }

h1 {
	border: 0px solid orange;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-bottom: 5px;
        text-align: center;

}

h1 span {
	display: none;
}

h1.home {
	background-image: url(/images/heading-promise.png);
	height: 30px;
	width: 778px;
}


#hero {
	float: left;
	width: 370px;
}

#quote {
	float: left;
	width: 420px;
        border: 0px solid red;
}



#container {
	width: 791px;
	margin-left: auto;
	margin-right: auto;
}

#top {
	height: 222px;
	border: 0px solid red;
}

#logo {
	width: 244px;
	height: 143px;
	margin-top: 20px;
	float: left;
}

#logo a {
	background: url(/images/logo.png); no-repeat;
	display: block;
	width: 244px;
	height: 143px;

}

#logo a span {
	display: none;
}

#action {
	color: #FFFFFF;
	font-weight: bold;
	float: right;
	margin-top: 50px;

	width: 445px;
	border: 0px solid red;
}

#phone {
	height: 115px;
	width: 453px;
	margin-top: 0px;
	float: right;
}
#phone a {
	background: url(/images/call-us2.png); no-repeat;
	display: block;
	width: 453px;
	height: 115px;

}
#phone a span {
	display: none;
}


#navigation {
	width: 790px;
	height: 28px;
    margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	border: 0px solid red;
}
#navigation  ul  {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline;
}
#navigation   li   {
	float: left;
	text-align: center;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	display: inline;
	font-size: 16px;
	padding-top: 8px;
	color: #000000;
	margin-left: 0;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #999999;
}

#navigation li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
	

#navigation a:link, #navigation a:visited {
	color: #000000;
	text-decoration: none;
}


#main {
	clear: both;
	border-bottom: 5px solid #cbd2d8;
}

#main #left {
	background-image: url(/images/photo.png);
	background-repeat: no-repeat;
	float: left;
	height: 414px;
	width: 383px;
}

#main #right {
	background-image: url(/images/form.png);
	float: left;
	height: 414px; 
	width: 408px;
}

#main #right #blurb {
	padding-top: 25px;
	height: 35px;
	margin-left: 30px;
	color: #FFFFFF;
	font-weight: bold;
	
}

#main #right form div label {
	width: 140px;
	display: block;
	float: left;
	color: #000066;
	font-size: 80%;
}

#main #right form div {
	margin-left: 30px;
	padding-bottom: 5px;
	clear: both;	
}

#main #button {
	padding-top: 0px;
	text-align: center;
}

#heading {
	text-align: center;
	border: 0px solid green;
}


#featurettes { padding: 0; width: 790px; zoom: 1; }
#featurettes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#featurettes li { float:left; width: 263px; }
#featurettes li a { background: url(/imac/images/index_featurette_gradient_20091020.png) no-repeat 0 100%; display:block; position:relative; padding:5px 20px 180px; height:167px; border-left:1px solid #e5e5e5; text-decoration:none; color:#252525; }
#featurettes li a.roundedleft { border-left: none; }
#featurettes li h3 { font-size: 16px; line-height: 18px; color: #000; font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-weight: 600; }
#featurettes li p { margin:0; }
#featurettes li img { display:block; position: absolute; bottom: 0; left: 0;}
#featurettes li a:hover { background: url(/imac/images/index_featurette_hover_20091020.png) repeat-x; }

#bottom {
	clear: both;
	height: 100px;
	text-align: center;
	color: #888;
	padding-top: 30px;
}

form div {
	padding-bottom: 5px;
	clear: both;
}

form label {
    font-size: 12px;
    line-height: 20px;
}


/*Access Analytics Button*/
.ga-container-home-access{
  float: left;
  width: 420px;
}
.ga-access{
  display: block;
  float: right;
  text-align: left;
  width:414px;
}

.ga-access .ga-access-border{
  border: #c3d9ff 1px solid;
  background-color: #fff;
  padding: 4px;
  padding: 4px;
  margin-bottom: 5px;
}

.ga-access-innerbox{
  text-align: left;
  padding-top: 2px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #e8eefa; 
}

.ga-access-innerbox label {
	width: 140px;
	text-align: right;
	font-weight: bold;
	display: block;
	float: left;
	padding-right: 5px;
}

div.ga-access-flexbluebtn{
  line-height: 1.2;
  padding: 15px;
}

div.ga-access-flexbluebtn div {
  border-bottom: 1px solid #e8eefa;
  background: url("http://www.google.com/analytics/images/btn-flexbluebtn1.gif");
  background-repeat:no-repeat;
  background-position:0% 0%;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}

div.ga-access-flexbluebtn div span a {
  display: block;
  color: #fff;
  background: url("http://www.google.com/analytics/images/btn-flexbluebtn2.gif");
  background-repeat:no-repeat;
  background-position:right bottom;
  padding: 10px 15px 10px 10px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}

div.ga-access-flexbluebtn div p {
  background: none;
  background: url("http://www.google.com/analytics/images/btn-flexbluebtn1.gif");
  background-repeat:no-repeat;
  right: -400px ;
  margin: 0;
  padding: 0;
  text-align: center;
}

div.ga-access-flexbluebtn div p span {
  display: block;
  background: url("http://www.google.com/analytics/images/btn-flexbluebtn1.gif");
  background-repeat:no-repeat;
  background-position: left bottom;
  margin: 0;
  padding: 0;
}

p.ga-access-description {
  text-align: center;
  margin: 10px 0px 0px 0px;
  padding: 0;
}
 
a:hover.access_analytics{
  text-decoration: none;
  color: #fff;
}
/*END Access  Button*/


