/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Titillium+Web:700|Telex|Quicksand|Roboto);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:700|Questrial);*/
@font-face {
font-family: "titillium";
src: url('../fonts/TitilliumWeb-Bold.eot');
src: local('☺'), url('../fonts/TitilliumWeb-Bold.woff') format('woff'),
url('../fonts/TitilliumWeb-Bold.ttf') format('truetype'),
url('../fonts/TitilliumWeb-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'questrial';
src: url('../fonts/Questrial-Regular.eot');
src: local('☺'),
url('../fonts/Questrial-Regular.woff') format('woff'),
url('../fonts/Questrial-Regular.ttf') format('truetype'),
url('../fonts/Questrial-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*reset css*/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul,
var{
background: transparent;
border: 0 none;
font-size: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: top;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
table, table td {
padding:0;
border:none;
border-collapse:collapse;
}
img {
vertical-align:top;
}
embed {
vertical-align:top;
}
html {
overflow-y:scroll;
}
body {
font:80%/1 Arial,"Trebuchet MS",Tahoma;
background:transparent;
color:#464646;
-webkit-font-smoothing: antialiased;
font-weight:normal;
min-width: 1200px;
}
h1,h2,h3,#contactForm input#submit,.start-button,.see-all-butt,#mainHeader #mainNav ul li a,#mainHeader a.start-top {
font-family:"titillium";
font-weight:normal;
}
.success-message h2,.success-message h3 {
font-family:Arial,"Trebuchet MS",Tahoma !important;
font-weight:normal;
}
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}
input,textarea,select,button {
font-size:1em;
}
/*global structure*/
#wrapper {
width:100%;
margin:0;
}
#container {
width:100%;
margin:0 auto;
box-shadow: 0px 0px 20px #adadad;
max-width:1280px;
}
.content {
max-width:1280px;
margin:0 auto;
padding:80px 0 0 0;
min-height:300px;
}
/*common styles*/
a{
text-decoration:none;
outline:none;
}
a:hover{
text-decoration: none;
}
p{
padding-bottom:10px;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*header*/
#mainHeader {
padding:0px 0 3px 0px;
position:relative;
}
#mainHeader .container {
padding:0px 0 0px 0px;
width:100%;
max-width:1280px;
margin:0 auto;
position:relative;
}
#mainHeader #logo {
width:133px;
height:45px;
margin:30px 0 0 0;
}
/*header navigation*/
#mainHeader #mainNav {
float:right;
margin-right:35px;
}
#mainHeader #mainNav ul {
margin:0px 0 0 0;
float:left;
}
#mainHeader #mainNav ul li{
float:left;
margin:0px 0px 0 1px;
font-size:100%;
}
#mainHeader #mainNav ul li a {
color:#808080;
display:block;
border-top:7px solid #fff;
text-decoration:none;
font-size:14px;
text-transform:uppercase;
padding:43px 25px 38px 25px;
letter-spacing: 0.05em;
line-height: 100%;
}
#mainHeader #mainNav ul li a:hover,
.page-overview #mainHeader #mainNav ul li.menu-overview a,
.page-features #mainHeader #mainNav ul li.menu-features a,
.page-about #mainHeader #mainNav ul li.menu-about a,
.page-reviews #mainHeader #mainNav ul li.menu-reviews a,
.page-contact #mainHeader #mainNav ul li.menu-contact a{
border-top:7px solid #f99b2d;
color:#f99b2d;
}
#mainHeader #mainNav ul li a:hover {
background-color:#efefef;
}
#mainHeader #mainNav ul li span{
}
#mainHeader #mainNav li.menu-overview,#mainHeader #mainNav li.menu-overview a:hover,#mainHeader #mainNav li.menu-overview.active a {
border-color:#f99b2d;
}
#mainHeader a.start-top {
background:url("../images/start_now_button.png") top left no-repeat;
display:block;
float: right;
width:126px;
height:22px;
color:#fff;
text-align:center;
padding-top:7px;
text-transform:uppercase;
font-size:1.3em;
margin-top:41px;
margin-left: 10px;
}
/*banner*/
#banner {
clear:both;
positioin:relative;
margin:0px auto 0 auto;
max-width:1280px;
height: 370px;
}
#banner .banner-container {
padding:80px 0 0 0;
}
#banner h1 {
color:#fff;
font-size:5em;
padding: 0 0 0 160px;
text-transform: uppercase;
display:inline-block;
vertical-align:middle;
width:100%;
}
#banner #bannerContContact h1 {
text-align:right;
color:#fff;
font-size:5em;
padding: 6px 0 0 0px;
text-transform: uppercase;
display:inline-block;
vertical-align:middle;
width:90%;
}
#banner #bannerContReviews h1 {
color:#fff;
font-size:5em;
padding: 40px 0 0 160px;
text-transform: uppercase;
display:inline-block;
vertical-align:middle;
width:100%;
}
#banner .holder {
background:transparent url("../images/sideshadowright.png") top right no-repeat;
}
#banner .container {
width:100%;
max-width:860px;
height:395px;
margin:0 auto;
padding:25px 0 0 0;
}
#bannerButtons {
margin:25px auto 0 auto;
width:340px;
}
#bannerButtons .start-button,#allReviewsBar .start-button,.start-now-bar .start-button {
width:165px;
background:url("../images/start-button.png") top left no-repeat;
display:block;
color:#fff;
font-size:1.8em;
text-align:center;
text-transform:uppercase;
padding:25px 0;
line-height:100%;
max-height:70px;
float:left;
}
#bannerButtons .video-button {
background:url("../images/watchvideo.jpg") top left no-repeat;
width:166px;
height:70px;
display:block;
text-indent:-5000em;
margin:0 0 0 8px;
float:left;
}
/*content replacement by page class*/
#bannerContOverview, #bannerContReviews, #bannerContContact, #bannerContAbout, #bannerContFeatures {
display:none;
}
.page-overview #banner {
background:#fff url("../images/overview/header1wphone.jpg") top center no-repeat;
height:450px;
}
.page-features #banner {
background:#fff url("../images/features/features_header.jpg") top center no-repeat;
max-height:370px;
}
.page-reviews #banner {
background:#fff url("../images/reviews/reviews_header.jpg") top center no-repeat;
}
.page-about #banner {
background:#fff url("../images/about/about_header.jpg") top center no-repeat;
}
.page-contact #banner {
background:#fff url("../images/contact/contact_header.jpg") top center no-repeat;
}
.page-contact #mainHeader .container,.page-overview #mainHeader .container {
max-width:1008px !important;
}
.page-contact #mainHeader #logo,.page-overview #mainHeader #logo {
margin-left:29px !important;
}
.page-contact a.start-top,.page-overview a.start-top {
display:none !important;
}
.page-contact #bannerButtons {
display:none;
}
.page-features #bannerButtons {
display:none;
margin-top:7px;
}
.page-reviews #bannerButtons {
display:none;
}
.page-about #bannerButtons {
display:none;
}
.page-overview #bannerContOverview.banner-container,.page-overview #bannerButtons {
display:block;
float:right;
max-width:698px;
min-width:698px;
margin:20px 0 0 0;
text-align:left;
}
.page-contact #bannerContContact.banner-container,.page-features #bannerContFeatures.banner-container {
display:block;
}
.page-about #bannerContAbout {
display:block;
}
.page-reviews #bannerContReviews.banner-container {
display:block;
}
.page-features #bannerContFeatures.banner-container h1,.page-reviews #bannerContReviews.banner-container h1 {
width:auto !important;
}
/*features*/
#featuresContent.content {
background-color:#fafafa;
}
.page-features #bannerContFeatures a.see-all-butt {
background:url("../images/features/play_btn_blank.png") top left no-repeat;
width:124px;
max-height:28px;
padding-top:5px;
margin:14px 0 0 164px;
}
#featuresContent.content {
padding-top: 27px;
}
.page-features #features {
overflow:hidden;
padding-bottom:15px;
}
.page-features #features ul,.page-features #features h2.main-head {
max-width:1000px;
margin:0 auto;
}
.page-features #features h2.main-head {
margin-bottom:10px;
width:950px;
}
.page-features #otherFeatures h2.main-head {
margin-bottom:20px;
width:950px;
}
.page-features #features ul li {
width:200px;
height:200px;
cursor:pointer;
float:left;
display:block;
text-align:center;
color:#000;
position:relative;
}
.page-features #features ul li div {
padding:25px;
width:150px;
height:150px;
}
.page-features #features ul li:hover div {
background-color:#fff;
box-shadow:0px 0px 10px #adadad;
}
.page-features #features ul li.active:hover div {
box-shadow:0 0 0 #fff !important;
background-color:transparent !important;
}
.page-features #features ul li img {
margin:0 0 8px 0;
}
.page-features #features ul li h4 {
font-size:1.8em;
margin:8px 0 9px 0;
font-weight:normal;
}
.page-features #features ul li a {
color:#464646;
font-weight:bold;
}
.page-features #features ul li a.more-link {
background:transparent url("../images/more_arrow.png") 100% 7px no-repeat;
display:inline-block;
padding-right:13px;
}
.page-features #features ul li:hover a.more-link {
background-position:100% -7px;
}
.page-features #features ul li.active:hover a.more-link {
background-position:100% 7px;
}
.page-features #features ul li.active {
min-height:220px;
}
.page-features #features ul li.active.arrow {
background-image:url("../images/features/dropdown_arrow.png");
background-position:center bottom;
background-repeat:no-repeat;
}
.page-features #features ul li:hover a {
color:#F99B2D;
}
.page-features #features ul li.active:hover a {
color:#464646;
}
.page-features #features ul li p {
text-align:left;
line-height:130%;
padding:0 !important;
}
.page-features #features ul li p.more-link {
text-align:right;
margin-top:-15px;
}
.page-features #features ul li.light {
opacity: 0.6;
-khtml-opacity: 0.6;
-moz-opacity:0.6;
filter: alpha(opacity=60);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.page-features #features ul li:hover {
opacity: 1;
-khtml-opacity: 1;
-moz-opacity:1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.page-features #features .icons-raw .drop-down-box {
width:100%;
overflow:hidden;
display:none;
clear:both;
float:none;
margin:-10px 0 0 0;
height:250px;
background:#ebebeb url("../images/features/dropdown_shadow_top.png") top left repeat-x;
}
.page-features #features .icons-raw .drop-down-box .drop-down-content {
width:100%;
display:block;
background:transparent url("../images/features/dropdown_shadow_bottom.png") left bottom repeat-x;
}
.page-features #features .icons-raw .drop-down-box .container {
max-width:615px;
margin:0 auto;
height:250px;
position: relative;
}
.inner-shadow {
-moz-box-shadow: inset 0 0 8px #999;
-webkit-box-shadow: inset 0 0 8px #999;
box-shadow: inset 0 0 8px #999;
}
.page-features #features .drop-down-content {
display:none;
}
#eventsDrop .container {
background:url("../images/features/events-screen.png") top left no-repeat;
}
#athleticsDrop .container {
background:url("../images/features/athletics-screen.png") top left no-repeat;
}
#directoryDrop .container {
background:url("../images/features/directory-screen.png") top left no-repeat;
}
#notifyDrop .container {
background:url("../images/features/notification-screen.png") top left no-repeat;
}
#coursesDrop .container {
background:url("../images/features/courses-screen.png") top left no-repeat;
}
#admissionsDrop .container {
background:url("../images/features/admissions-screen.png") top left no-repeat;
}
#libraryDrop .container {
background:url("../images/features/library-screen.png") top left no-repeat;
}
#fightsongDrop .container {
background:url("../images/features/fightsong-screen.png") top left no-repeat;
}
#radioDrop .container {
background:url("../images/features/radio-screen.png") top left no-repeat;
}
#weatherDrop .container {
background:url("../images/features/weather-screen.png") top left no-repeat;
}
#newsDrop .container {
background:url("../images/features/news-screen.png") top left no-repeat;
}
#mapDrop .container {
background:url("../images/features/map-screen.png") top left no-repeat;
}
#checklistDrop .container {
background:url("../images/features/checklist-screen.png") top left no-repeat;
}
#twitterDrop .container {
background:url("../images/features/twitter-screen.png") top left no-repeat;
}
#alumniDrop .container {
background:url("../images/features/alumni-screen.png") top left no-repeat;
}
#bulletinsDrop .container {
background:url("../images/features/bulletins-screen.png") top left no-repeat;
}
#pollsDrop .container {
background:url("../images/features/polls-screen.png") top left no-repeat;
}
#emergencyDrop .container {
background:url("../images/features/emergency-screen.png") top left no-repeat;
}
#multimediaDrop .container {
background:url("../images/features/multimedia-screen.png") top left no-repeat;
}
#tourDrop .container {
background:url("../images/features/tour-screen.png") top left no-repeat;
}
.drop-down-box .text-hold {
width:380px;
font-size:1.2em;
line-height:140%;
float:right;
padding:60px 0 0 0;
}
.drop-down-box #dropDelete {
width:30px;
height:30px;
background:url("../images/features/xbutton.png") top left no-repeat;
text-indent:-5000em;
display:block;
margin-top: 10px;
}
.page-features #supportedTech {
overflow:hidden;
padding-bottom:20px;
}
.page-features #supportedTech .container {
max-width:990px;
margin:-3px auto 0 auto;
}
.page-features #supportedTech .container .list-hold {
width:100%;
margin:0 auto;
}
.page-features #supportedTech h2.main-head {
margin-left:20px;
}
.page-features #supportedTech ul {
margin:20px 0 0 0 !important;
}
.page-features #supportedTech ul li {
list-style-type:none;
float:left;
width:165px;
height:142px;
margin:0 0px 0px 0;
background:transparent url("../images/features/vertical_divider.png") right 50% no-repeat;
text-align: center;
}
.page-features #supportedTech ul li div {
background:transparent url("../images/features/horizontal_divider.png") center bottom no-repeat;
}
.page-features #supportedTech ul li.last {
margin-right:0;
background:none !important;
}
.page-features #supportedTech ul li.last-raw {
margin-left:165px;
}
.no-bg {
background:none !important;
}
.page-features #supportedTech ul li.itunes {
background-position:0px 0px;
}
.page-features #supportedTech ul li.bapler {
background-position:-160px 0px;
}
.page-features #supportedTech ul li.ustream {
background-position:-328px 0px;
}
.page-features #supportedTech ul li.rss {
background-position:-488px 0px;
}
.page-features #supportedTech ul li.soundcloud {
background-position:0px -115px;
}
.page-features #supportedTech ul li.songkick {
background-position:-160px -115px;
}
.page-features #supportedTech ul li.vimeo {
background-position:-329px -115px;
}
.page-features #supportedTech ul li.youtube {
background-position:-491px -115px;
}
.page-features #otherFeatures .container {
max-width:910px;
margin:0px auto 0 auto;
overflow:hidden;
}
.page-features #otherFeatures .container .colomn-hold {
max-width:880px;
margin:0 auto;
}
.page-features #otherFeatures h4 {
font-size:2.6em;
margin:0 0 10px 0;
font-weight:normal;
}
.page-features #otherFeatures p {
font-size: 1.15em;
line-height: 130%;
}
#otherFeatures .text {
}
#otherFeatures .easy-setup {
max-width:724px;
margin:70px auto 0 auto;
}
#otherFeatures .easy-setup img {
float:left;
margin:0 50px 0 0;
}
#otherFeatures .easy-setup .text {
float:right;
max-width:442px;
margin-top: 35px;
}
#otherFeatures .full-controll {
max-width:860px;
margin:0px auto 0 auto;
}
#otherFeatures .full-controll img {
float:left;
margin:-20px 0px 0 0;
}
#otherFeatures .full-controll .text {
float:left;
max-width:485px;
margin: 45px 50px 0 0;
}
#otherFeatures .maintanance-free {
max-width:860px;
margin:0px auto 0 auto;
background:url("../images/features/maintenance_free.png") left 0px no-repeat;
height: 235px;
}
#otherFeatures .maintanance-free img {
float:left;
margin:0px 0px 0 0;
}
#otherFeatures .maintanance-free .pic-box {
height:200px;
width:315px;
float:left;
}
#otherFeatures .maintanance-free .text {
float:right;
max-width:443px;
margin: 50px 50px 0 0;
}
#otherFeatures .outstanding-support {
max-width:860px;
margin:0px auto 0 auto;
}
#otherFeatures .outstanding-support img {
float:left;
margin:-30px 0px 0 -20px;
}
#otherFeatures .outstanding-support .text {
float:left;
max-width:503px;
margin: 35px 50px 0 0;
}
.page-features #otherFeatures.wide-gradient-gray {
padding-bottom: 50px;
padding-top: 27px !important;
margin-top: 20px !important;
}
#otherFeatures .full-controll,#otherFeatures .easy-setup,#otherFeatures .outstanding-support,#otherFeatures .maintanance-free {
clear:both;
float:none;
}
/*headings*/
h2.main-head {
color:#464646;
font-size:3.4em;
text-transform:uppercase;
margin:0 0 16px 0px;
}
h3.section-head {
font-size:2.6em;
color:#f0971a;
font-weight:bold;
text-transform:uppercase;
}
h4.sub-head {
font-size:1.4em;
color:#f0971a;
font-weight:bold;
}
/*gray box*/
.gray-box .container {
margin:10px 0 0 0;
border:1px solid #bcbcbc;
background-color:#F2F2F2;
}
/*overview*/
.page-overview #bannerContOverview.banner-container {
margin-top:25px;
padding-top:80px !important;
}
.page-overview #bannerContOverview.banner-container h1 {
text-align:left;
line-height:90%;
padding: 0px !important;
}
#overviewContent.content {
padding: 20px 0 0;
}
.page-overview #schoolLogos {
max-width:1020px;
margin:10px 0 0 0px;
overflow:hidden;
padding-bottom:0px;
}
.page-overview #schoolLogos h4 {
margin-left:65px !important;
}
.page-overview #schoolLogos ul {
padding-top:10px;
margin-left: 44px;
}
.page-overview #schoolLogos ul li {
background:url("../images/overview/shoolLogos_divider.png") 100% 0% no-repeat;
text-align:center;
width:auto;
min-height:65px;
float:left;
padding:0 21px;
}
.page-overview #schoolLogos ul li.a img {
margin-top:19px;
}
.page-overview #schoolLogos ul li.b img {
margin-top:5px;
}
.page-overview #schoolLogos ul li.c img {
margin-top:3px;
}
.page-overview #schoolLogos ul li.d img {
margin-top:3px;
}
.page-overview #schoolLogos ul li.e img {
margin-top:13px;
}
.page-overview #schoolLogos ul li.f img {
margin-top:17px;
}
.page-overview #schoolLogos ul li.last {
background:none !important;
}
.page-overview #featuresText {
max-width:905px;
min-height:280px;
background:url("../images/overview/1stgraphic.jpg") top left no-repeat;
margin:30px auto 0 auto;
overflow:hidden;
}
.page-overview #featuresText .text-hold {
width:422px;
margin:18px 0 0 0;
float:right;
}
.page-overview #featuresText .text-hold h4 {
font-size:2.6em;
margin:0 0 10px 0;
}
.page-overview #featuresText .text-hold p {
font-size:1.2em;
line-height:140%;
}
.page-overview #featuresText .see-all-butt, .page-overview #middleBlock .see-all-butt,.page-features #bannerContFeatures .see-all-butt {
width:155px;
height:25px;
max-height:35px;
background:url("../images/overview/seeallreviews.png") top left no-repeat;
display:block;
color:#fff;
text-align:center;
text-transform:uppercase;
font-size:1.3em;
overflow:hidden;
padding:10px 0 0 0;
margin:5px 0 0 0;
}
.page-overview #featuresText .see-all-butt span, .page-overview #middleBlock .see-all-butt span,.page-features #bannerContFeatures .see-all-butt span {
font-family:Times New Roman,monotype !important;
font-style:italic;
text-transform: lowercase;
color:#000;
}
.page-overview #featuresText .text-hold h4,.page-overview #schoolLogos h4 {
font-size:2.6em;
margin:0 0 10px 0;
}
.page-overview #middleBlock .container p {
max-width:420px;
}
.page-overview #middleBlock.wide-gradient-gray {
margin:0;
height:290px;
max-height:290px;
padding:0 !important;
}
.page-overview #middleBlock .container {
max-width:855px;
overflow:hidden;
margin:0 auto;
height:222px;
background:url("../images/overview/2ndgraphic.jpg") 100% 0% no-repeat;
padding:47px 0 0 0;
min-height: 243px;
}
.page-overview #middleBlock .container .see-all-butt {
background:url("../images/overview/viewreviews.png") top left no-repeat;
width:121px !important;
}
.page-overview #middleBlock .container h4 {
font-size:2.6em;
margin:0 0 10px 0;
}
.page-overview #middleBlock .container p {
font-size:1.2em;
line-height:140%;
max-width:47%;
}
.page-overview #bottomBlock {
max-width:665px;
margin:15px auto 15px auto;
padding-left:240px;
height:95px;
max-height:95px;
background:url("../images/overview/boxes.png") 0% 50% no-repeat;
}
.page-overview #bottomBlock h4 {
font-size:2.6em;
display:inline-block;
margin:38px 0 0 0;
}
/*features*/
#featuresStartBar.start-now-bar .container {
max-width:385px;
margin:50px auto 0 auto;
}
/*about*/
#aboutContent.content {
width:100%;
overflow:hidden;
padding-top:30px !important;
}
#aboutContent .top-block {
max-width:960px;
margin:0 auto;
overflow:hidden;
}
#aboutContent .top-block .col1 {
width:395px;
float:left;
}
#aboutContent .top-block .col2 {
width:515px;
float:right;
}
#aboutContent .top-block dl {
overflow:hidden;
padding: 10px 0px 0px 0px;
}
#aboutContent .top-block dt {
background:url("../images/yellow_dot.png") 0 9px no-repeat;
padding:0 0 0 15px;
float:left;
width:145px;
line-height:160%;
margin: 0 0 0 30px;
}
#aboutContent .top-block dd {
background:url("../images/yellow_dot.png") 175px 9px no-repeat;
padding:0 0 0 180px;
line-height:160%;
}
#aboutContent .top-block p,#aboutContent .top-block ul li,#aboutContent .top-block dl {
font-size:1.2em;
line-height:140%;
}
#aboutContent .top-block ul li {
background:url("../images/yellow_dot.png") 0 9px no-repeat;
padding:0 0 0 15px;
}
#aboutContent #trustedBy,#aboutContent #contactInfo,.wide-gradient-gray {
clear:both;
overflow:hidden;
background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 6%, #f5f5f5 94%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(6%,#f5f5f5), color-stop(94%,#f5f5f5), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e8e8e8 0%,#f5f5f5 6%,#f5f5f5 94%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e8e8e8 0%,#f5f5f5 6%,#f5f5f5 94%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e8e8e8 0%,#f5f5f5 6%,#f5f5f5 94%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #e8e8e8 0%,#f5f5f5 6%,#f5f5f5 94%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
padding:35px 0 15px 0;
margin:35px 0 30px 0;
}
#aboutContent #contactInfo,.page-video .wide-gradient-gray {
margin-bottom:0px !important;
}
#aboutContent #trustedBy h2.main-head {
text-align:center;
}
#aboutContent #trustedBy ul.clients {
max-width:895px;
margin:35px auto 0 auto;
}
#aboutContent #trustedBy ul.clients li {
list-style-type: none;
width:90px;
height:120px;
background:url("../images/about/shadow.png") bottom center no-repeat;
float:left;
margin:0 65px 40px 0;
overflow:hidden;
position:relative;
}
#aboutContent #trustedBy ul.clients li.las-col {
margin-right:0 !important;
}
#aboutContent #trustedBy ul.clients img {
width:90px;
height:90px;
}
.page-about #aboutContent #trustedBy {
margin-bottom: 0 !important
}
.tooltip-gallery {
position:absolute;
z-index:123456789;
}
.tooltip-gallery span{
border:1px solid #d9d9d9;
color:#6e6e6e;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background:#fff;
padding:6px 10px 4px 10px;
font-size:0.9em;
min-width:80px;
margin:0px auto;
display:inline-block;
position:relative;
z-index:1;
text-align:center;
}
.tooltip-gallery .arrow {
position:relative;
background:url("../images/about/gallery_tootip_arrow.png") center 0 no-repeat;
height:12px;
margin:0 auto -1px auto;
z-index:2;
width:21px;
}
#aboutContent #awardRec {
margin: 22px auto 5px;
overflow: hidden;
padding:0px 0 20px 0;
}
#aboutContent #awardRec .container {
margin: 0 auto;
max-width: 1025px;
width: 100%;
}
#aboutContent #awardRec h2.main-head {
text-align: center;
}
#aboutContent #awardRec ul.list {
padding: 25px 0 0;
}
#aboutContent #awardRec ul.list li {
display: inline-block;
margin-right:70px;
}
#aboutContent #awardRec ul.list li.last {
margin-right: 0;
}
#aboutContent #awardRec ul.list li img,#aboutContent #awardRec ul.list li {
vertical-align:middle;
}
#aboutContent #contactInfo {
overflow:hidden;
padding:40px 0 50px 0;
}
#aboutContent #contactInfo .container {
margin:0 auto;
max-width:820px;
}
#aboutContent #contactInfo .address {
border:5px solid #d9d9d9;
float:left;
background-color:#fff;
padding:20px;
width:340px;
min-height: 180px;
margin:0 38px 0 0;
}
#aboutContent #contactInfo .address h3 {
font-size: 2.2em;
display: inline-block;
margin-bottom:5px;
}
#aboutContent #contactInfo .address h3,#aboutContent #contactInfo .address a {
color:#F0971A;
}
#aboutContent #contactInfo .address h4 {
font-size:1.2em;
font-weight:bold;
margin:17px 0 0 0;
}
#aboutContent #contactInfo .address ul {
margin:10px 0 0 0;
line-height:150%;
font-size:1.2em;
}
#aboutContent #contactInfo .map {
border:5px solid #d9d9d9;
width:380px;
height: 220px;
position:relative;
float:right;
}
.mapPopin {
display:none;
position:absolute;
top:-35px;
right:20px;
width:180px;
height:38px;
padding:8px 0 0 0;
text-align:center;
background:url("../images/about/map_tooltip.png") 0 0 no-repeat;
}
.mapPopin a {
color:#fff;
font-size:1.1em;
}
/*reviews*/
#reviewContent.content {
padding-top: 30px !important;
}
#reviewsList {
max-width:870px;
margin:0 auto;
}
#reviewsList ul {
margin:20px 0 0 0;
}
#reviewsList ul li {
padding:23px 35px 20px 35px;
min-height:100px;
overflow:hidden;
}
#reviewsList ul li.even {
background:#f0f0f0;
}
#reviewsList ul li img {
float:left;
margin:20px 0 20px 0;
}
#reviewsList ul li div.text-block {
float:left;
max-width:545px;
margin:0 0 0 35px;
}
#reviewsList ul li h4 {
font-weight:bold;
font-size:1.5em;
margin:0 0 12px 0;
line-height:100%;
}
#reviewsList ul li div.rating h5 {
font-weight:bold;
font-size:1.5em;
margin:0 0 13px 0;
font-style:italic;
line-height:100%;
}
#reviewsList ul li div.rating img {
float:none;
margin:0 0 0 10px;
}
#reviewsList ul li p {
margin:0 0 0px 0;
padding:0 0 8px 0;
font-size:1.2em;
font-weight: normal;
line-height:140%;
}
#reviewsList ul li p.by {
font-style:italic;
}
#allReviewsBar,.start-now-bar {
display:inline-block;
width:100%;
height:160px;
background: #d4d4d4; /* Old browsers */
background: -moz-linear-gradient(top, #d4d4d4 0%, #f0f0f0 17%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(17%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d4d4d4 0%,#f0f0f0 17%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d4d4d4 0%,#f0f0f0 17%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d4d4d4 0%,#f0f0f0 17%); /* IE10+ */
background: linear-gradient(to bottom, #d4d4d4 0%,#f0f0f0 17%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
#allReviewsBar .container {
width:476px;
margin:50px auto 0 auto;
}
#allReviewsBar h4,#allReviewsBar .start-button,.start-now-bar .start-button, .start-now-bar h4 {
display:inline-block !important;
vertical-align:middle !important;
float:none !important;
}
#allReviewsBar h4,.start-now-bar h4 {
font-style:italic;
margin:0 10px 0 0;
font-size:1.8em;
font-family:Time New Roman;
letter-spacing: 0.02em;
}
/*video*/
.page-video #banner {
display:none;
}
.page-video #videoContent {
clear:both;
margin:0px auto 50px auto;
padding:40px 0 0 0;
max-width:740px;
width:100%;
}
/*contact us*/
#contactContent {
width:100%;
max-width:900px;
margin:0 auto;
clear:both;
}
#contactContent.content {
padding:30px 0 0 0;
}
#contactContent h2 {
margin-left:0;
margin-bottom:10px;
}
#contactForm {
min-width:250px;
min-height:520px;
width:56.5%;
float:left;
}
#contactForm .container{
width:100%;
max-width:500px;
margin:26px 0 0 0;
overflow:hidden;
}
#contactForm .container fieldset label {
font-size:1.4em;
color:#808080;
line-height:150%;
letter-spacing:0.02em;
}
#contactForm input[type="text"],#contactForm textarea {
width:95.5%;
font-size: 1.3em;
max-width:498px;
padding:6px 2%;
margin-bottom:25px;
border:1px solid #bcbcbc;
display:block;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #ffffff 51%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#ffffff 51%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#ffffff 51%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#ffffff 51%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#ffffff 51%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#contactForm input[type="text"].placeholder,#contactForm textarea.placeholder {
color:#999999;
}
#contactForm textarea {
height:178px;
}
legend {
display:none;
}
#contactForm .submit-raw {
text-align:right;
padding:0px 0 0 0;
}
#contactForm input#submit {
border:0;
width:80px;
height:32px;
margin:0 0 50px 0;
cursor:pointer;
text-align:center;
display:inline-block;
background:url("../images/contact/sendbutton.png") 0 0 no-repeat transparent;
color:#fff;
font-size:1.5em;
text-transform:uppercase;
}
#contactForm input#submit:hover,#contactForm input#submit:active {
}
#contactContent .side-bar {
float:right;
width:300px;
margin:3px 0 0 0;
}
#contactContent .side-bar .gray-box {
width:300px;
margin:0 0 24px 0;
}
#contactContent .side-bar .gray-box .container {
padding:10px 0px 10px 10px;
}
#contactContent .gray-box.address-block {
margin-top:40px;
}
#contactContent .side-bar h4 {
font-size:1.08em;
font-style:italic;
margin:4px 0 0 0;
}
#contactContent .side-bar .gray-box ul {
margin:5px 0 0 0;
}
#contactContent .side-bar .gray-box li {
margin:0 0 28px 0;
line-height:140%;
font-size:1.25em;
}
#contactContent .side-bar .gray-box li, #contactContent .side-bar .gray-box li span,#contactContent .side-bar .gray-box li a {
font-weight:bold;
}
#contactContent .side-bar .gray-box li,#contactContent .side-bar .gray-box li img,#contactContent .side-bar .gray-box li a {
display:inline-block;
vertical-align:middle;
}
#contactContent .side-bar .gray-box li img {
margin:0 10px 0 0;
width:34px;
height:34px;
}
#contactContent .side-bar .gray-box li span {
display:inline-block;
vertical-align:top;
}
#contactContent .side-bar .gray-box,#contactContent .side-bar .gray-box a {
color:#464646;
}
#contactContent .side-bar .gray-box.resource-block {
display:block;
}
#contactContent .side-bar .gray-box.resource-block ul {
margin:5px 0 0 0;
}
#contactContent .side-bar .gray-box.resource-block ul li {
margin-bottom:10px;
}
/*messages*/
.success-message {
margin:90px 0 0 0;
max-width:376px;
min-height:420px;
}
.success-message h2 {
margin-bottom: 10px;
color:#F99B2D;
font-size: 2.4em;
}
.success-message h3 {
font-size:1.4em;
line-height:120%;
}
h6.message {
clear:both;
width:100%;
font-size:1.3em;
line-height:140%;
}
/*footer*/
#footer .bottom {
border-top:1px solid #c7c7c7;
clear:both;
overflow:hidden;
margin:0 auto;
padding:0 0 10px 0px;
background-color: #363636;
position:relative;
z-index:0;
max-width:1280px;
}
#footer .bottom a,#footer .bottom li {
color:#cccccc;
}
#footerMenu {
width:100%;
max-width:960px;
margin:20px auto 0 auto;
}
#footerMenu li {
margin:0 0 0px 0;
}
#footerMenu li.menu {
border-bottom:1px solid #A6A6A6;
padding:0 0 10px 0;
margin:0 15px 0 0;
width:823px;
float:left;
}
#footerMenu li.menu ul li {
margin:0;
width:auto !important;
min-width:auto !important;
border-right:1px solid #929596;
padding:0 10px !important;
display:block !important;
line-height:100%;
float:left;
}
#footerMenu li.menu ul li a {
padding:0 !important;
display:inline-block;
font-size:1em;
color:#cccccc;
letter-spacing:0.05em;
}
#footerMenu li.menu ul li.first {
padding-left:0 !important;
}
#footerMenu li.menu ul li.last {
border:0;
}
#footerMenu li.copyright {
font-size:1em;
clear:both;
margin:-15px 0 0 0 !important;
display:block;
letter-spacing:0.05em;
}
#footerMenu li.call {
display:block;
width:121px;
float:left;
font-size:1.4em;
font-family:arial;
font-weight:bold;
margin-bottom:12px;
}
#footerMenu li.call span {
display:block;
background:url("../images/overview/viewreviews.png") top left no-repeat;
width:121px;
text-align:center;
color:#fff;
padding:8px 0 8px 0;
font-weight:bold;
}