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

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
}
h1 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	line-height:120%;
}
h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:120%;
	margin-bottom:15px;
}
.homepage h2 {
	font-size:16px;
	font-weight:bold;
}
h3 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:120%;
}
p {
	font-size:12px;
	line-height:150%;
	margin-bottom:1em;
}
a {
	color:#2C7A9B;
}
#pageHeader{
	height: 70px;
	background-color: #000;
}
#sentinelLogo {
	float: left;
	margin-right: 226px;
	margin-top:5px;
}
#topMenu {
	padding-top: 23px;
}
#topMenu ul li {
	float:left;
	margin-right: 26px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
#topMenu a {
	color:#999;
	text-decoration:none;
	display:block;
	padding-bottom: 6px;
	border-bottom: 5px solid #666;
	-webkit-transition:color 0.5s ease-in;  
  -moz-transition:color 0.5s ease-in;
	-o-transition:color 0.5s ease-in;  
  transition:color 0.5s ease-in;	
}
#topMenu a:hover, #topMenu a.selected:hover {
	color:#FFF;
	border-bottom: 5px solid #2D7B9C;
	-webkit-transition:color 0.1s ease-in;  
  -moz-transition:color 0.1s ease-in;
	-o-transition:color 0.1s ease-in;  
  transition:color 0.1s ease-in;	
}
#topMenu a.selected {
	color:#DEDEDE;
	border-bottom: 5px solid #2D7B9C;
}


/* 
=======
Feature
=======
*/
#feature{
	background-image:url(/images/publicSite/altFeatureBG.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	height:600px;
	position:relative;
}

#feature .headline {
	text-align:center;
}

#feature h1 {
	color:#FFF;
	font-size:26px;
	line-height:120%;
	text-shadow:1px 1px 3px rgba(0,0,0, 0.75);
	font-weight:normal;
}



/* 
=======
HOME
=======
*/

body.homepage {
	background-image:url(/images/publicSite/homeBG.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
body.homepage #feature{
	background-color:#000;
	background-image:url(/images/publicSite/homeFeatureBG.jpg);
	background-repeat:no-repeat;
	height:386px;
	position:relative;
}

body.homepage #feature .headline {
	padding:0;
	text-align:left;
	width:400px;
	position:absolute;
	top:60px;
	left:14px;
}
body.homepage #feature h1 {
	color:#FFF;
	font-size:26px;
	line-height:120%;
	text-shadow:#000 1px 1px;
	font-weight:normal;
}
body.homepage #feature h2 {
	margin-top:22px;
	color:#b7b7b7;
	font-size:18px;
	font-weight:normal;
	line-height:125%;
	text-shadow:#000 1px 1px;
}
body.homepage #feature h2 {
	margin-top:22px;
	color:#b7b7b7;
	font-size:18px;
	font-weight:normal;
	line-height:125%;
	text-shadow:#000 1px 1px;
}

body.homepage .spr_freeTrial, body.homepage .spr_tour, body.homepage #ssHome {
	position:absolute;
	top: 308px;
	left: 10px;
	cursor:pointer;
}
body.homepage .spr_tour {
	left: 248px;
}

.spr_tour, .spr_freeTrial {
	text-indent:-9999px;
	display:block;
	height:67px;
	background-image:url(/images/publicSite/spr_tour.png);
	width:160px;
}
.spr_freeTrial {
	background-image:url(/images/publicSite/spr_freeTrial.png);
	width:220px;
}
.spr_tour:hover, .spr_freeTrial:hover {
	background-position:0 -67px;
	
}

#footerTrialLink, #footerTourLink {
	text-indent:-9999px;
	display:block;
	height:67px;
	background-image:url(/images/publicSite/btnFooterFreeTrail.png);
	width:220px;
	margin-bottom:12px;
}
#footerTourLink {
	background-image:url(/images/publicSite/btnFooterTour.png);
	width:220px;
}
#footerTrialLink:hover, #footerTourLink:hover {
	background-position:0 -67px;
	
}

body.homepage #ssHome {
	position:absolute;
	left:436px;
	top:61px;
}

body.homepage #s1 {
	margin-top:24px;
}
body.homepage #s1 .headline {
	margin-top:30px;
}
body.homepage #s1 .headline h1 {
	margin-bottom:18px;
}



#introVideo {
	width:400px;
	height:224px;
	background-color:#CCC;
}

body.homepage #s1 .contentArea {
	padding-left:30px;
}


.contentBlock {
	margin-bottom:30px;
}
.contentBlock img {
	float:right;
	margin-left:25px;
}
.contentBlock h3 {
	margin-bottom:10px;
}
.contentBlock p {
	font-size:14px;
	color:#778387;
}



div.freeTrialTourBG{
	background-image:url(/images/publicSite/freeTrialTourBG.jpg); 
	background-position:center; 
	background-repeat:no-repeat;
}

a.freeTrialTourBTN{
	display:block;
	width:268px;
	height:67px;
	margin:0 auto;
	background-image:url(/images/publicSite/btnFreeTrialTour.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;	
}
a:hover.freeTrialTourBTN{
	background-position:0 -67px;	
}


/* 
=======
Pricing
=======
*/
body.pricing {
	background-image:url(/images/publicSite/altBG.jpg);
	background-position:top;
	background-repeat:repeat-x;	
}

#feature .headline {
	padding:24px 0 26px;
}

#planContainer{
	position:relative;
}
#basePlan {
	position:absolute;
	background-color:#FAFAFA;
	border:5px solid #2B84AB;
	width:450px;
	height:500px;
	left:45px;
	z-index:10;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
		-moz-box-shadow:2px 2px 16px rgba(0,0,0, 0.7);
	-webkit-box-shadow:2px 2px 16px rgba(0,0,0, 0.7);
	box-shadow:2px 2px 16px rgba(0,0,0, 0.7);

	
}
#basePlan h1 {
	color:#333;
	text-shadow:none;
	font-weight:bold;
	font-size:30px;
	letter-spacing:-1px;
	text-align:center;
	margin: 30px 0 37px;
}
#basePlan ul {
	margin-left: 200px;
}
#basePlan li {
	font-size:18px;
	font-weight:bold;
	padding: 8px 0 7px;
	color:#666;
	border-bottom: 1px solid #C6DCE6;
	letter-spacing:-0.025em;
}
#basePlan li:last-child {
	border-bottom:none;
}
#basePlan li em {
	color:#FA6E00;
	font-style:normal;
}

#basePlan #btnContainer {
	text-align:center;
	padding-top:35px;
}
#btnContainer img {
	cursor:pointer;
}
#gst {
	position:absolute;
	left:525px;
	top:480px;
	font-size:11px;
	padding-top:10px;
}
.price {
	float:left;
	margin-left:25px;
}
.price img {
	margin-top:20px;
}
#addOnContainer{
	position:absolute;
	background-color:#C0C4C7;
	width:400px;
	height:450px;
	left:505px;
	top:20px;
	z-index:8;
	background-image:url(/images/publicSite/handOptional.png);
	background-position:0 210px;
	background-repeat:no-repeat;
	border:1px solid #666;

}

#addOnHeader {
	background-image:url(/images/publicSite/addonTopBG.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:84px;
}
#addOnContainer #leftShadow{
	height:450px;
	background-image:url(/images/publicSite/addonLeftShadow.png);
	background-position:left;
	background-repeat:repeat-y;
	width:20px;
	position:absolute;
	display:none;
	
}
#addOnContainer h1 {
	text-align:center;
	color:#fff;
	text-shadow:none;
	font-weight:normal;
	padding-top:25px;
}


.accordionBar {
	background-color:#CCC;
	background-image:url(/images/publicSite/accordionBarBG.jpg);
	background-position:top;
	background-repeat: repeat-x;
	height:41px;
	border-bottom:1px solid #B4B4B4;
	padding-left:20px;
	cursor:pointer;
} 
#accordion h3 {
	padding: 10px 0 0 28px;
	background-image:url(/images/publicSite/accordionPlus.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#A0A0A0;
}
#accordion h3 .sub {
	font-size:12px;
	float:right;
	display:block;
	margin-right:20px;
	font-weight:normal;
}
#accordion h3 a {
	color:#A0A0A0;
	text-decoration:none;
	font-weight:bold;
}
#accordion .ui-state-active h3 {
	color:#666;
}
#accordion .ui-state-active h3 a{
	color:#666;
}
#accordion h3 a:hover {
	color:#757575;
}
.accordionPanel {
	height:240px;
	background-image:url(/images/publicSite/accordionPanelBG.jpg);
	background-position:top;
	background-repeat: repeat-x;

}
.accordionPanel .inner {
	padding:30px 25px 0 20px;
}
.accordionPanel .price {
	margin-left:0;
}
.accordionPanel p {
	margin-left: 170px;
	color:#666;
	line-height:130%;
}
.accordionPanel h4 {
	margin-left: 170px;
	font-size:24px;
	font-weight:normal;
	color:#666;
	margin-bottom:20px;
	line-height:120%;
	letter-spacing:-0.025em;
}

body.pricing #s1 {
	margin-top:22px;
	background-image:url(/images/publicSite/gradBG.jpg);
	background-position:top;
	background-repeat:repeat-x;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-top:10px;
}
body.pricing #s1 .gradBGTop {
		background-image:url(/images/publicSite/gradBGTop.jpg);
	background-position:top;
	background-repeat:none;
		height:8px;
}

body.pricing #s1 .inner {
	padding: 10px;
}
body.pricing #s1 .inner li {
	margin-top:30px;
}
body.pricing #s1 .inner li:first-child {
margin-top:2px;
}
body.pricing #s1 .inner h1 {
	margin-bottom:8px;
	font-size:18px;
}
body.pricing #s1 .inner p {
	color:#444A4C;
	font-size:13px;
	line-height:130%;
}





/* 
=======
Signup Form
=======
*/
body.signup {
	background-image:url(/images/publicSite/altBG.jpg);
	background-position:top;
	background-repeat:repeat-x;	
}
#signupForm {
	background-color:#FBF7EC;
	border:5px solid #9CC657;
	padding:25px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow:2px 2px 16px rgba(0,0,0, 0.7);
	-webkit-box-shadow:2px 2px 16px rgba(0,0,0, 0.7);
	box-shadow:2px 2px 16px rgba(0,0,0, 0.7);
}

#signupForm h1 {
	color:#789F32;
	text-shadow:none;
	font-weight:bold;
	font-size:24px;
}

#signupForm .text_field {
	margin-top:20px;
	font-size:14px;
	color:#333;
	font-weight:bold;
	
}
#signupForm #user label {
color:#333;
font-weight:normal;
font-weight:bold;
}
#signupForm .text_field input {
	border:1px solid #C3DF94;
	font-family:Arial,sans-serif;
	font-size:1.4em;
	margin:3px 0 0;
	padding:8px;
	width:448px;
}

#signupForm #site_address_field label {
color:#333;
display:inline;
font-weight:bold;
}
#signupForm #site_address_field input {
	width:200px;
}
#siteGroup h1 {
	margin-top:30px;
	margin-bottom:20px;
}
#siteGroup p {
	font-size:14px;
}
#siteGroup span{
display:inline;
line-height:1.4;
}

.signup_button {
	float:right;
	margin-left: 20px;
}

#signupFormFooter {
	padding: 20px 0;
	margin-bottom: 20px;
}

#signupFormFooter .checkbox_field {
	padding-top:12px;
}

#signupFormFooter #acceptTerms {
	margin-right: 10px;
	margin-bottom:20px;
	float:left;
}
#signupFormFooter label {
color:#333;
display:inline;
font-weight:normal;
line-height:1.4em;
font-weight:bold;
font-size:12px;
}

.formError, .formSuccess {
	display:none;
	padding:20px;
	font-size:16px;
	border: 2px solid #891C0E;
	background-color:#FFF;
	margin-bottom:30px;
	text-align:center;
}
.formError em, .formSuccess em {
	color:#891C0E;
	font-weight:bold;
	font-style:normal;
	margin-bottom: 10px;
	display:block;
}
.formError p, .formSuccess p {
	text-align:left;
	margin-bottom:0;
	padding:0;
}

.formSuccess {
	background-color:#E2FFD3;
	border: none;
	border-top:2px solid #D2ECC5;
	border-bottom:2px solid #D2ECC5;
	color:#4A874C;
}
.formSuccess em {
	color:#4A874C;
	
}




/* 
=======
CONTACT Form
=======
*/
body.contact {
	background-image:url(/images/publicSite/altBG.jpg);
	background-position:top;
	background-repeat:repeat-x;	
}
#contactForm {
	background-color:#FAFAFA;
	border:5px solid #2B84AB;
	padding:25px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow:2px 2px 16px rgba(0,0,0, 0.7);
	-webkit-box-shadow:2px 2px 16px rgba(0,0,0, 0.7);
	box-shadow:2px 2px 16px rgba(0,0,0, 0.7);
}

#contactForm h1 {
	color:#333;
	text-shadow:none;
	font-weight:bold;
	font-size:24px;
}

#contactForm .text_field {
	margin-top:20px;
	font-size:14px;
	color:#333;
	font-weight:bold;
	
}
#contactForm #user label {
color:#333;
font-weight:normal;
font-weight:bold;
}
#contactForm .text_field input, #contactForm .text_field textarea {
	border:1px solid #B7C7CE;
	font-family:Arial,sans-serif;
	font-size:1.4em;
	margin:3px 0 0;
	padding:8px;
	width:448px;
}

.send_button {
	float:right;
	margin-left: 20px;
}

#contactFormFooter {
	padding: 20px 0;
	margin-bottom: 20px;
}

#contactFormFooter .checkbox_field {
	padding-top:12px;
}

#contactFormFooter #acceptTerms {
	margin-right: 10px;
	margin-bottom:20px;
	float:left;
}
#contactFormFooter label {
color:#333;
display:inline;
font-weight:normal;
line-height:1.4em;
font-weight:bold;
font-size:12px;
}










#feature .sidebar .inner ul {
	margin-top:200px;
}
#feature .sidebar .inner li {
	margin-top:30px;
}

#feature .sidebar .inner h1 {
	margin-bottom:8px;
	font-size:18px;
	text-shadow:none;
	font-weight:bold;
	color:#333;
}
#feature .sidebar1 .inner p {
	color:#444A4C;
	font-size:13px;
	line-height:130%;
}



/* 
=======
Tour 
=======
*/
body.tour {
	background-image:url(/images/publicSite/altBG.jpg);
	background-position:top;
	background-repeat:repeat-x;	
}
#tourContainer {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	background-color:#fff;

}

#itemsContainer {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	/*
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	*/
	background-color:#dcdbdb;
	text-align:left;
}
#itemsContainer .tabs li a {
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:60px;
	height:60px;
	padding-left:28px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	background-image:url(/images/publicSite/itemsContainerBG.png);
	background-position:right;
	background-repeat:repeat-y;
	text-decoration:none;
	color:#333;
	text-shadow:#eee 1px 1px;
	-webkit-transition:background-color 0.5s linear;  
  -moz-transition:background-color 0.5s linear;
	-o-transition:background-color 0.5s linear;  
  transition:background-color 0.5s linear;
}

#itemsContainer li a:hover {
	background-color:#e9e9e9;
	-webkit-transition:background-color 0.1s linear;  
  -moz-transition:background-color 0.1s linear;
	-o-transition:background-color 0.1s linear;  
  transition:background-color 0.1s linear;
}
#itemsContainer li a.current {
	background:none;	
	background-color:#FFF;
	color:#000;
	outline:none;
	text-shadow:none;
}
#itemsContainer li a span, #itemsContainer li a.current span {
	display:block;
	background-image:url(/images/publicSite/tourIconOff.png);
	background-position:0px 21px;
	background-repeat:no-repeat;
	padding-left:26px;
}

#itemsContainer li a.current span {
	background-image:url(/images/publicSite/tourIconOn.png);
}

#itemsContainer li a.active {
	outline:none;
}
#itemsContainer li:first-child a, #itemsContainer li:first-child a.current, #itemsContainer li:first-child a:hover {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top:none;
}
/*
#itemsContainer li:last-child a, #itemsContainer li:last-child a.current, #itemsContainer li:last-child a:hover {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
*/




#tourContentContainer {
	height:515px;
}
.panes div.pane {
	display:none;
}

.pane {
	padding-top:40px;
}
#feature .pane h1 {
	color:#333;
	text-shadow:none;
	text-align:center;
	margin-bottom:35px;
	letter-spacing:normal;
	font-weight: bolder;
}

.pane p {
	font-size:13px;
	line-height:140%;
	text-align:left;
	margin-bottom:20px;
}

span.imageWrapper {
	text-decoration:none;
	cursor:pointer;
}
.imageWrapper {
	float:left;
	position:relative;
}
.imageWrapper img {
	background-color:#FFF;
	cursor:pointer;
}
.imageWrapper em {
	background: transparent url(/images/publicSite/tour/plus.png) no-repeat bottom right;
	position:absolute;
	height:29px;
	right:-8px;
	width:29px;
	bottom:30px;
	cursor:pointer;
}

.overlay {
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0, 0.75);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0, 0.75);
	box-shadow:0px 0px 20px rgba(0,0,0, 0.85);
}
.overlay .imageWrapper em {
	top: -22px;
	height:32px;
	width:32px;
	right:-20px;
	background: transparent url(/images/publicSite/tour/close.png) no-repeat bottom right;
	z-index:200;
}



.overlay {
	display:none;
	z-index:10000;
	background-color:#000;
	padding:10px;
	 -moz-border-radius:8px; 
	 -webkit-border-radius:8px;
	 color:#CCC;
}
.caption{
	clear:both;
	text-align:center;
}
.caption p {
	padding:12px 0 6px 0;
	margin-bottom:0;
}



/* 
=======
Main Footer
=======
*/
.mainFooter {
	margin-top:40px;
	padding-top:30px;
	padding-bottom: 40px;
	background-color:#C6CCD1;
	background-image:url(../../images/publicSite/footerBG.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	min-height:200px;
}
body.homepage .mainFooter .contentArea {
	padding-left:30px;
}
body.tour .mainFooter {
	margin-top:100px;
}
.mainFooter h4 {
	color:#787E82;
	font-weight:bold;
	font-size:12px;
	margin-bottom:16px;
}
.mainFooter p {
	color:#444A4C;
	font-size:11px;
}


#latestPost h3 {
	margin-bottom:10px;
}
#latestPost p {
	color:#444A4C;
}

#socialStrip li {
	float:left;
	margin-right:20px;
}
#socialStrip img {
	vertical-align: middle;
	margin-right:4px;
}

#sitemap li {
	margin-bottom:12px;
	color:#444A4C;
}
#sitemap li a {
	color:#444A4C;
	font-weight:bold;
}

#sitemap{
	margin-bottom: 24px;
}





.shadowLR {
	background-image:url(/images/publicSite/homeS1Shadow.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}