/* CSS Document */

/******************** LAYOUT **************************/

body {
	font-family:	"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:			#343434;
	font-size:		81.3%;
	line-height:	1.462em;
	padding:		0;
	margin:			0;
	text-align:		left;
	background:		#f4f3f2 url(../images/background.gif) center repeat-y;
}

#header-wrapper {
	height:			149px;
	width:			100%;
	background:		url(../images/header-bg.jpg) repeat-x;
}

#header {
	width:			970px;
	height:			149px;
}

#logo {
	float:			left;
	margin:			23px 0 0 0;
}

@font-face {
	font-family: MyriadPro;
	src: url('/fonts/MyriadPro-Semibold.otf');
}

#tagline {
	color:#FFFFFF;
	font-size:10px;
}

#phone-number {
	font-family:	"Myriad Pro", MyriadPro, Arial, Helvetica, sans-serif;
	font-size:		1.308em;
	color:			#FFFFFF;
	float:			right;
	width:			304px;
	height:			106px;
	margin:			0;
	padding:		15px 0 0 0;
	line-height:	1.3em;
	text-align:		center;
}

#phone-number .big {
	font-size:		2.029em;
	line-height:	1em;
}

#navbar {
	float:			right;
	width:			689px;
	height:			28px;
	padding:		0;
	margin:			0;
}

#navbar a {
	font-size:		1.154em;
	letter-spacing:	-.04em;
	padding:		5px 0 0 0;
	height:			23px;
}

#nav-home {
	display:		block;
	width:			82px;
	background:		url(../images/nav-sprites.gif) 0 -28px;
	color:			#FFFFFF;
	text-decoration:none;
	padding:		5px 0 0 8px !important;
}

#nav-home:hover {
	background-position:0 -112px;
	text-decoration:none;
}

#nav-home-on {
	display:		block;
	width:			82px;
	background: 	url(../images/nav-sprites.gif) 0 0;
	color:			#13253f;
	text-decoration:none;
	padding:		5px 0 0 8px !important;
}

#nav-home-under-left {
	display:		block;
	width:			82px;
	background: 	url(../images/nav-sprites.gif) 0 -84px;
	color:			#FFFFFF;
	text-decoration:none;
	padding:		5px 0 0 8px !important;
}

#nav-home-under-left:hover {
	background-position:0 -168px;
	text-decoration:none;
}

#nav-home-under-right {
	display:		block;
	width:			82px;
	background: 	url(../images/nav-sprites.gif) 0 -56px;
	color:			#FFFFFF;
	text-decoration:none;
	padding:		5px 0 0 8px !important;
}

#nav-home-under-right:hover {
	background-position:0 -140px;
	text-decoration:none;
}

#nav-services {
	display:		block;
	width:			96px;
	background:		url(../images/nav-sprites.gif) -90px -28px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-services:hover {
	background-position:-90px -112px;
	text-decoration:none;
}

#nav-services-on {
	display:		block;
	width:			96px;
	background: 	url(../images/nav-sprites.gif) -90px 0;
	color:			#13253f;
	text-decoration:none;
}

#nav-services-under-left {
	display:		block;
	width:			96px;
	background: 	url(../images/nav-sprites.gif) -90px -84px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-services-under-left:hover {
	background-position:-90px -168px;
	text-decoration:none;
}

#nav-services-under-right {
	display:		block;
	width:			96px;
	background: 	url(../images/nav-sprites.gif) -90px -56px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-services-under-right:hover {
	background-position:-90px -140px;
	text-decoration:none;
}

#nav-portfolio {
	display:		block;
	width:			98px;
	background:		url(../images/nav-sprites.gif) -186px -28px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-portfolio:hover {
	background-position:-186px -112px;
	text-decoration:none;
}

#nav-portfolio-on {
	display:		block;
	width:			98px;
	background: 	url(../images/nav-sprites.gif) -186px 0;
	color:			#13253f;
	text-decoration:none;
}

#nav-portfolio-under-left {
	display:		block;
	width:			98px;
	background: 	url(../images/nav-sprites.gif) -186px -84px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-portfolio-under-left:hover {
	background-position:-186px -168px;
	text-decoration:none;
}

#nav-portfolio-under-right {
	display:		block;
	width:			98px;
	background: 	url(../images/nav-sprites.gif) -186px -56px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-portfolio-under-right:hover {
	background-position:-186px -140px;
	text-decoration:none;
}

#nav-testimonials {
	display:		block;
	width:			129px;
	background:		url(../images/nav-sprites.gif) -284px -28px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-testimonials:hover {
	background-position:-284px -112px;
	text-decoration:none;
}

#nav-testimonials-on {
	display:		block;
	width:			129px;
	background: 	url(../images/nav-sprites.gif) -284px 0;
	color:			#13253f;
	text-decoration:none;
}

#nav-testimonials-under-left {
	display:		block;
	width:			129px;
	background: 	url(../images/nav-sprites.gif) -284px -84px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-testimonials-under-left:hover {
	background-position:-284px -168px;
	text-decoration:none;
}

#nav-testimonials-under-right {
	display:		block;
	width:			129px;
	background: 	url(../images/nav-sprites.gif) -284px -56px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-testimonials-under-right:hover {
	background-position:-284px -140px;
	text-decoration:none;
}

#nav-blog {
	display:		block;
	width:			69px;
	background:		url(../images/nav-sprites.gif) -413px -28px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-blog:hover {
	background-position:-413px -112px;
	text-decoration:none;
}

#nav-blog-on {
	display:		block;
	width:			69px;
	background: 	url(../images/nav-sprites.gif) -413px 0;
	color:			#13253f;
	text-decoration:none;
}

#nav-blog-under-left {
	display:		block;
	width:			69px;
	background: 	url(../images/nav-sprites.gif) -413px -84px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-blog-under-left:hover {
	background-position:-413px -168px;
	text-decoration:none;
}

#nav-blog-under-right {
	display:		block;
	width:			69px;
	background: 	url(../images/nav-sprites.gif) -413px -56px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-blog-under-right:hover {
	background-position:-413px -140px;
	text-decoration:none;
}

#nav-about {
	display:		block;
	width:			104px;
	background:		url(../images/nav-sprites.gif) -482px -28px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-about:hover {
	background-position:-482px -112px;
	text-decoration:none;
}

#nav-about-on {
	display:		block;
	width:			104px;
	background: 	url(../images/nav-sprites.gif) -482px 0;
	color:			#13253f;
	text-decoration:none;
}

#nav-about-under-left {
	display:		block;
	width:			104px;
	background: 	url(../images/nav-sprites.gif) -482px -84px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-about-under-left:hover {
	background-position:-482px -168px;
	text-decoration:none;
}

#nav-about-under-right {
	display:		block;
	width:			104px;
	background: 	url(../images/nav-sprites.gif) -482px -56px;
	color:			#FFFFFF;
	text-decoration:none;
}

#nav-about-under-right:hover {
	background-position:-482px -140px;
	text-decoration:none;
}

#nav-contact {
	display:		block;
	width:			95px;
	background:		url(../images/nav-sprites.gif) -586px -28px;
	color:			#FFFFFF;
	text-decoration:none;
	padding:		5px 8px 0 0 !important;
}

#nav-contact:hover {
	background-position:-586px -112px;
	text-decoration:none;
}

#nav-contact-on {
	display:		block;
	width:			95px;
	background: 	url(../images/nav-sprites.gif) -586px 0;
	color:			#13253f;
	text-decoration:none;
	padding:		5px 8px 0 0 !important;
}

#nav-contact-under-left {
	display:		block;
	width:			95px;
	background: 	url(../images/nav-sprites.gif) -586px -84px;
	color:			#FFFFFF;
	text-decoration:none;
	padding:		5px 8px 0 0 !important;
}

#nav-contact-under-left:hover {
	background-position:-586px -168px;
	text-decoration:none;
}

#nav-contact-under-right {
	display:		block;
	width:			95px;
	background: 	url(../images/nav-sprites.gif) -586px -56px;
	color:			#FFFFFF;
	text-decoration:none;
	padding:		5px 8px 0 0 !important;
}

#nav-contact-under-right:hover {
	background-position:-586px -140px;
	text-decoration:none;
}

#main-wrapper {
	width:			910px;
	background:		#FFFFFF;
	border-right:	solid 1px #d6d6d5;
	border-left:	solid 1px #d6d6d5;
	padding:		24px 30px 30px 30px;
}

#main-col {
	width:			650px;
	float:			left;
	margin-right:	-230px;
	padding-right:	30px;
	text-align:		left;
	padding-bottom:	30px;
}

#single-col {
	text-align:		left;
	padding-bottom:	30px;
}

#home-video {
	width:			323px;
	margin:			0 0 15px 20px;
	float:			right;
}

#right-col {
	float:			right;
	width:			230px;
	text-align:		left;
	padding-bottom:	30px;
}

#get-started {
	width:			200px;
	height:			417px;
	background:		#c9e0ac url(../images/get-started-bg.gif) no-repeat;
	padding:		15px 15px 0 15px;
	margin-bottom:	25px;
}

#get-started h2 {
	font-family:	"Myriad Pro", MyriadPro, Arial, Helvetica, sans-serif;
	color:			#1f3915;
	margin-bottom:	.5em;
}

#get-started p {
	font-size:		0.923em;
	color:			#4b5844;
	line-height:	1.333em;
}

#get-started label {
	font-weight:bold;
	margin-bottom:0;
	line-height:1.2em;
}

#get-started .sidebar-element {
	margin-bottom:8px;
	width:194px;
	border:1px solid #c1d2ab;
	padding:2px;
}

#button-request {
	background:transparent url(../images/button-request-info.gif) no-repeat scroll center center;
	border:0 none !important;
	cursor:pointer;
	display:block;
	font-size:0;
	height:22px;
	line-height:0;
	overflow:hidden;
	padding:0;
	text-indent:-999px;
	width:166px;
}

#recently-launched {
	width:297px;
	background:url(../images/portfolio-bg.gif) repeat-y;
}

#rl-pad {
	padding:11px 11px 0 11px;
}

#rl-title {
	background:#2d2d2d url(../images/rl-title.gif) repeat-x;
	padding:10px;
	color:#adacac;
}

#rl-title a {
	color:#FFFFFF;
	font-size:1.154em;
	font-weight:bold;
	text-decoration:none;
}

#latest-news {
	margin:0;
	padding:0;
	list-style-type:none;
}

#latest-news li {
	margin-bottom:18px;
	font-weight:bold;
	padding-left:20px;
}

#footer {
	clear:			both;
	background:		#112239;
	padding:0;
	color:#FFFFFF;
	text-align:left;
}

#footer a {
	color:#FFFFFF;
}

#testimonial {
	background:#fbf3c0;
	color:#444444;
	padding:10px;
}

#testimonial h2 {
	font-size:1.462em;
	color:#112239;
}

#testimonial .quote {
	font-family:Helvetica, Arial, sans-serif;
	color:#112239;
	font-size:2.846em;
	font-weight:normal;
	padding-top:10px;
}

.testimonial-quote {
	padding:3px;
	font-size: 	0.846em;
	line-height:1.35em;
}

#footer-pad {
	padding:8px;
	background:url(../images/spire-team-top.gif) bottom left no-repeat;
}

#footer-pad h2 {
	color:#ffdc00;
	font-size:1.462em;
	margin-bottom:8px;
}

#footer-contact {
	background:#d9d9d9;
	color:#343434;
	font-size:0.875em;
	line-height:1.4em;
	height:101px;
}

#spire-team {
	position:absolute;
	top:-99px;
	left:10px;
	z-index:10;
}

#copyright {
	background:#bab9b9;
	color:#343434;
	padding:5px 15px;
	font-size:0.875em;
	line-height:1.4em;
}

#copyright a, #footer-contact a {
	color:#343434;
}

.nav-link {
	display:block;
	margin-bottom:3px;
	z-index:20;
}


/******************** STYLES **************************/

table {

}

a {
	color:			#1c4c8e;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	margin: 		0 0 1.462em 0;
}

.nav_link {
	display:		block;
	padding:		5px 3px 3px 12px;
	color:			#303030;
	font-size:		1em;
	text-decoration:none;
	text-align:		left;
}

.nav_link:hover {
	background:		#303030;
	padding:		5px 3px 3px 12px;
	color:			#e8dac1;
	text-decoration:none;
}

.utility {
	font-size:		1.2em;
	text-transform:	uppercase;
	font-family:	"Myriad Pro", MyriadPro, Arial, Helvetica, sans-serif;
	font-weight:	bold;
}

.subtitle {
	color:			#888888;
}

.alttext1 {
	font-size:		1.308em;
	font-weight:	bold;
}

.alttext2 {
	font-size:		1.154em;
	font-weight:	bold;
}

.header1 {
	font-family:	"Myriad Pro", MyriadPro, Arial, Helvetica, sans-serif;
	color:			#172e50;
	font-size:		1.769em;
	font-weight:	normal;
	line-height:	1.217em;
}

.header2 {
	font-family:	"Myriad Pro", MyriadPro, Arial, Helvetica, sans-serif;
	color:			#303132;
	font-size:		1.769em;
	font-weight:	normal;
	line-height:	1.217em;
	margin-bottom:	18px;
}

.header3 {
	font-family:	"Myriad Pro", MyriadPro, Arial, Helvetica, sans-serif;
	color:			#303132;
	font-size:		1.385em;
	font-weight:	bold;
	line-height:	1.217em;
	margin-bottom:	18px;
}

h1 {
	font-family:	"Myriad Pro", MyriadPro, Arial, Helvetica, sans-serif;
	color:			#172e50;
	font-size:		1.769em;
	font-weight:	normal;
	margin:			0 0 0.826em 0;
	line-height:	1.217em;
}

h2 {
	font-family:	"Myriad Pro", MyriadPro, Arial, Helvetica, sans-serif;
	color:			#303132;
	font-size:		1.769em;
	font-weight:	normal;
	margin:			0 0 0.826em 0;
	line-height:	1.217em;
}

h3 {
	font-family:	"Myriad Pro", MyriadPro, Arial, Helvetica, sans-serif;
	color:			#303132;
	font-size:		1.385em;
	font-weight:	bold;
	margin:			0 0 1em 0;
	line-height:	1.217em;
}

.header1 a, .header2 a, .header3 a, h1 a, h2 a, h3 a {
	color:			#303132;
	text-decoration:none;
}

.header1 a:hover, .header2 a:hover, .header3 a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration:underline;
}

.image_on_right {
	float:			right;
	margin-left:	10px;
	margin-bottom:	10px;
}

.image_on_left {
	float:			left;
	margin-right:	10px;
	margin-bottom:	10px;
}

.keywords {
	background-color:#EEEEEE;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:5px;
}

/* Comments */

.commentContent {
	border-top:1px dotted #999999;
	padding-top:10px;
}

.commentInfo {
	padding-top:4px;
	padding-bottom:10px;
}

/* Calendar */

.cal_header {
	font-weight: bold;
	text-align: left;
	font-size: 14px;
}

.calendar {
	width:100%;
	border: 1px solid #DDDDDD;
	border-collapse: collapse;
}

.calendar td {
	border: 1px solid #DDDDDD;
	vertical-align: top; 
}

.calendar td.today {
	background-color:#FFFFCC;
}

.calendar td.other_day {
	background-color:#FFFFFF;
}

.dayofweek {
	background-color: #333333;
	color:#FFFFFF;
	font-size:13px;
	font-weight:normal;
	padding:2px;
}

.empty_day {
	background-color:#DDDDDD;
}

.highlight {
	background-color: #FFE7D0;
}

.day {
	background-color:#EEEEEE;
	font-size:11px;
	color:#4F4F45;	
	padding:2px;
}

.day_today {
	background-color:#DDDDDD;
	font-size:11px;
	color:#4F4F45;	
	padding:2px;
}

.day a, .day_today a {
	color:#4F4F45;
	text-decoration:none;
}

.calendar hr {
	border: none 0;
	height: 1px;
	border-top: 1px dotted #B9B9A2;
}

.gray {
	color:#CCCCCC;
}

.author {
	font-weight:normal;
}

.author a {
	color:#000000;
	text-decoration:none;
}

.author a:hover {
	text-decoration:underline;
}

.form {
	font-size:11px;
}

.form select, textarea {
	font-family:"Lucida Grande",LucidaGrande,Arial,sans-serif;
	font-size:11px;
	border:1px solid #CCCCCC;
}

.form_element {
	font-family:"Lucida Grande",LucidaGrande,Arial,sans-serif;
	font-size:11px;
	border:1px solid #CCCCCC;
}

.copyright {

}

.copyright a {

}

.error {
	text-align:left;
	padding:6px;
	background-color:#FFFFCC;
	border:solid #FFCC33 2px;
}