/* SONRU CSS by Birdie - http://www.bird.ie */

body#homebody{
}

body#inner{
}

body#plain{
}


a:link{
color: #104b7d;
outline: none;
font-weight: bold;
}

a:hover{
color: #8dc63f;
outline: none; 
}

a:visited{
color: #44637e;
font-weight: bold;
outline: none;}

a.current{
color: #8dc63f; }

a.button{
height: 30px;
line-height: 30px;
padding: 0 10px;
background: url(../img/btnbg.gif) top left repeat-x;
color: #fff;
margin-top: -6px;
display: block;
text-decoration: none;
-moz-box-shadow:0 0 10px #666; 
-webkit-box-shadow:0 0 10px #666; 
box-shadow:0 0 10px #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

a.button:hover{
background-position: bottom left;}

a.button:visited{
color: #fff;}


h3{
color: #104b7d;
}

/* header styles */
h1#sonruLogo a{
width: 165px;
height: 30px;
background: #fff url('../img/sonrulogo.gif') bottom left no-repeat;
display: block;
text-indent: -2999em;
}

div.span-1 p, div.span-2 p, div.span-3 p, div.span-4 p {padding-right: 10px;}

#navigation{
position: relative;

}

ul#mainNavigation{
list-style-type: none;
padding: 0;
margin: 0;
margin-left: 170px;
height: 30px;
}

/*CHANGE*/

ul#mainNavigation li{
float: left;
display: block;
text-align: left;
margin: 0;
padding: 0;

padding-right: 15px;
margin-top: 16px;
}

ul#mainNavigation li.loginBtn{
float: right;
text-align: center;
padding-right: 0;
}

/*END CHANGE*/

ul#mainNavigation li a{
text-decoration: none;
}

#productsDrop{
position: relative;
padding: 10px;
display: block;
height: 30px;
padding-left: 20px;

}

#productsDrop ul { position:absolute; left:-20px; top:0px; margin-top:0px; width:150px; line-height:16px;
    background-color:#104b7d; color:#fff; /* for IE */ display:none; }
ul#mainNavigation li:hover ul { display:block;}
#productsDrop ul li{ display:block; margin:0px; padding: 5px 0px;  border-top: dotted 1px #fff;
    list-style-type:none; float: none;}
#productsDrop ul li:first-child { border-top: none; }
#productsDrop ul li a { display:block; color:#fff; }
#productsDrop ul li a:hover { color:#7FCDFE; }
/* main submenu */
ul#mainNavigation #productsNav { 
left:-23px; 
top:22px; 
padding:8px; 
padding-top: 0px; 
background-color:#104b7d; 
color:#fff;
z-index:5000; 

-moz-box-shadow:0 0 10px #000; 
-webkit-box-shadow:0 0 10px #000; 
box-shadow:0 0 10px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

} 


#homebody p#signUpbtn{
position: absolute;
top: 278px;
left: 480px;
z-index: 20;
background-color: #9fb7cd;
}
#inner p#signUpbtn{
position: absolute;
top: 70px;
left: 480px;

z-index: inherit;
}


p#signUpbtn a{
height: 39px;
display: block;
background: url(../img/signupbtnbg.gif) top left repeat-x;
line-height: 39px;
color: white;
font-size: 140%;
width: 210px;
text-align: center;
text-decoration: none;
-moz-box-shadow:0 0 10px #000; 
-webkit-box-shadow:0 0 10px #000; 
box-shadow:0 0 10px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
p#signUpbtn a:hover{
background-position: bottom left;
}

#inner p#signUpbtn.productsSignup{
position: inherit;
float: right;

z-index: inherit;
}



p#signUpbtn.productsSignup a{
float: right;
height: 39px;
display: block;
background: url(../img/signupbtnbg.gif) top left repeat-x;
line-height: 39px;
color: white;
font-size: 140%;
width: auto;
padding: 0 15px;
text-align: center;
text-decoration: none;
-moz-box-shadow:0 0 10px #000; 
-webkit-box-shadow:0 0 10px #000; 
box-shadow:0 0 10px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
p#signUpbtn a:hover{
background-position: bottom left;
}


/* Home page styles */




#tour{
background: #104b7d;
height: 198px;
}

.tourText{
padding: 10px 10px 10px 0;
width: 440px;
height: 180px;
position: relative;
}

.tourText h2{
color: white;
font-weight: bold;
padding-top: 10px;
padding-bottom: 6px;
margin-bottom: 5px;
}

.tourText p{
color: #fff;
padding-top: 0;}

h2#sonruIntro{
background: url(../img/sonruintro.gif) top left no-repeat;
text-indent: -2999em;
height: 115px;
}


h2#tourCreate{
background: url(../img/tour01.gif) top left no-repeat;
text-indent: -2999em;
}

h2#tourAdd{
background: url(../img/tour02.gif) top left no-repeat;
text-indent: -2999em;
}

h2#tourQuestions{
background: url(../img/tour03.gif) top left no-repeat;
text-indent: -2999em;
}

h2#tourVideos{
background: url(../img/tour04.gif) top left no-repeat;
text-indent: -2999em;
}

h3{
font-weight: bold;}


#homeAreas{
padding-top: 20px;
}

/*CHANGE*/

/*#homeCasestudy h3,
#homeDemovideo h3,
#homeTestimonials h3,
#homeLatestnews h3{
height: 20px;
width: 150px;
text-indent: -2999em;
}
#homeCasestudy h3{
background: url(../img/head_casestudy.gif) bottom left no-repeat;
}

#homeDemovideo h3{
background: url(../img/head_demovideo.gif) bottom left no-repeat;
}

#homeTestimonials h3{
background: url(../img/head_testimonials.gif) bottom left no-repeat;
}

#homeLatestnews h3{
background: url(../img/head_latestnews.gif) bottom left no-repeat;
}*/


#homeMorefeatures h4{
color: green;
text-transform: uppercase;
font-weight: bold;
font-size: 90%;
}

h4.green{
color: green;
font-weight: bold;
text-transform: uppercase;
}

/*END CHANGE*/

#homeCasestudy p,
#homeDemovideo p{
padding-left: 65px;
min-height: 80px;
}

#homeCasestudy p{
background: url(/img/icon_casestudy.gif) top left no-repeat;
}
#homeDemovideo p{
background: url(/img/icon_demovideo.gif) top left no-repeat;
}

#homeCasestudy p.moreLink,
#homeDemovideo p.moreLink{
background: none;
min-height: 30px;
}

p.videoTutorial {
background: url(/img/icon_demovideo.gif) top left no-repeat;
padding: 20px 0 0 70px;
min-height:50px;
font-size:120%;
margin:0;
}


ul.linkList{
list-style-type: none;
padding: 0;
margin: 0;}

ul.testimonialList{
list-style-type: none;
padding: 0;
margin: 0;
}

ul.testimonialList li p{
color: #104b7d;
font-weight: bold;
margin-bottom: 0;
}

ul.testimonialList li p.quoteSource{
color: black;
font-style: italic;
font-weight: normal;
padding: 5px 0 10px 0;
margin-top: 0;

}

/*CHANGE*/

#homeAreas{
/*background: #e8f1f8;*/
}

/*END CHANGE*/

#homeAreas a.button{
width: 120px;
text-align: center;
display: block;

}

/* Footer styles */

.footBg{
background: #e8f1f8;
}

#footer{
background: #104b7d;
margin-top: 30px;
height: 30px;
margin-left: -20px;
width: 980px;
}



#footer p{

display: inline;
line-height: 30px;
font-size: 90%;
padding-left: 20px;
color: #fff;
float: left;
}

ul#footerNav{
float: right;
margin-top: 5px;
}

ul#footerNav li{
float: left;
display: inline;
}

ul#footerNav li a{
padding: 0px 0px 0px 10px;
color: #fff;
font-size: 90%;
}


/* Inner Page Styles */

#sectionOverview{
padding: 10px 0px;
padding-top: 10px;
}

body#inner h2{
color: #104b7d;

font-size: 220%;

display: block;
}

body#inner #sectionOverview h2{
font-size: 240%;
border-bottom: 4px solid #ccc;
margin-bottom: 10px;
}


h2#headOverview{
background: url(../img/head_overview.gif) 0 50% no-repeat;
text-indent: -2999em;}

h2#headPricing{
background: url(../img/head_pricing.gif) 0 50% no-repeat;
text-indent: -2999em;}

h2#headLogin{
background: url(../img/head_login.gif) 0 50% no-repeat;
text-indent: -2999em;}

h2#headSignup{
background: url(../img/head_signup.gif) 0 50% no-repeat;
text-indent: -2999em;}

h2#headBlog{
background: url(../img/head_blog.gif) 0 50% no-repeat;
text-indent: -2999em;}

h2#headNews{
background: url(../img/head_news.gif) 0 50% no-repeat;
text-indent: -2999em;}



#pageContent h3{
font-size: 180%;
}

#pageContent{
/*background: url(../img/sidebar_shadow.gif) top right no-repeat;*/
border-right: 1px solid #ccc;
min-height: 285px;
padding-top: 10px;
margin-bottom: 20px;
}

#sideBar{width: 229px;}




body#inner.plain #pageContent{
background: none;
}



#pageContent h4{
font-size: 160%;
font-weight: normal;
padding-bottom: 0px;
margin-bottom: .5em;
color: #104b7d;
}

#pageContent h4 a{
font-weight: normal;}

#pageContent p{
padding-bottom: 10px;
}

ul#subNavigation{
list-style-type: none;
margin: 0;
padding: 0;
padding-left: 10px;
}

ul#subNavigation li{
line-height: 250%;}

ul#subNavigation li a.current{
height: 30px;
line-height: 30px;
padding: 0 10px;
background: url(../img/btnbg.gif) top left repeat-x;
color: #fff;
margin-left: -10px;
margin-right: 20px;
display: block;
text-decoration: none;
-moz-box-shadow:0 0 10px #666; 
-webkit-box-shadow:0 0 10px #666; 
box-shadow:0 0 10px #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

table{
border-bottom: 1px solid #104b7d;}


table.blank{
border-bottom: none;}


.blank tr td{
border-bottom: 1px dotted #ebebeb;}

.blank tr.even td{
background-color: #ebebeb;}

table tr{
background-color: #fff;
}

table tr.tHead{
background-color: #104b7d;
color: #fff;
}

tr.tHead td{
font-weight: bold;
}

tr.rowEven{
background-color: #d4e0ea;
}

td.tdSave{
font-weight: bold;
color: #8dc63f;
}


/* Form Styles */

form.loginForm{
margin-bottom: 20px;
border-top: 1px solid #104b7d;
border-bottom: 1px solid #104b7d;
padding: 10px 0px;
background: #fff;
}

dl.loginForm{
margin-bottom: 0;}

dl.loginForm dt{
float: left;
width: 130px;
text-align: right;
padding-right: 10px;
line-height: 23px;
}

dl.loginForm dd{
height: 30px;
}

dl.loginForm dd input{
margin-right: 10px;
}

dl.loginForm dd.rowEven{
background-color: #f2f8fc;
}

form input.loginButton{
margin-left: 140px;}

form.signupForm{
margin-bottom: 20px;
border-top: 1px solid #104b7d;
border-bottom: 1px solid #104b7d;
padding: 10px 0px;
background: #fff;
margin-right: 30px;
}

dl.signupForm{
margin-bottom: 0;
}

dl.signupForm dt{
float: left;
width: 130px;
text-align: right;
padding-right: 10px;
line-height: 40px;
}

dl.signupForm dd{
min-height: 30px;
border-bottom: 1px solid #ccc;
padding-top: 10px;
margin-right: 15px;
}

dl.signupForm dd input{
margin-right: 10px;
}

dd.signupAddress{
margin-left: 20px;

}
dd.signupAddress div{
padding-left: 120px;
}

dd.signupAddress div.formNote{
padding-left: 378px;
margin-top: -108px;
height: 108px;
}

dd.signupAddress div input{
margin-bottom: 5px;
}

form input.signupButton{
margin-left: 140px;
margin-top: 10px;}

div.formNote{
padding-left: 380px;
margin-top: -21px;
padding-bottom: 10px;
color: #666;
}


form.commentForm{
margin-bottom: 20px;
border-top: 1px solid #104b7d;
border-bottom: 1px solid #104b7d;
padding: 10px 0px;
background: #fff;
}

dl.commentForm{
margin-bottom: 14px;}

dl.commentForm dt{
float: left;
width: 130px;
text-align: right;
padding-right: 10px;
line-height: 23px;
}

dl.commentForm dd{
height: 30px;
}

dl.commentForm dd input{
margin-right: 10px;
}

dl.commentForm dd.rowEven{
background-color: #f2f8fc;
}

dl.commentForm dd textarea{
margin-top: 5px;
display: block;
width: 200px;
height: 100px;
}

dl.commentForm dd input{
width: 160px;}

dl.commentForm dt.commentformComment{

}

dl.commentForm dd div.formNote{
padding-left: 300px;
margin-top: -21px;
padding-bottom: 10px;
color: #666;
}

dl.commentForm dd.commentformComment{
height: 120px;
}




form input#commentButton{
margin-left: 140px;}


/* Blog Styles */



p.blogInfo{
color: #666;
font-size: 90%;
margin-top: -20px;
}


#sideBarblog h4{
color: #104b7d;
font-size: 140%;
width: 200px;
height: 20px;
display: block;
margin-bottom: 10px;
text-indent: -2999em;
}

h4#headBlogcategories{
background: url(../img/head_blogcats.gif) 0 50% no-repeat;}

h4#headBlogsearch{
background: url(../img/head_blogsearch.gif) 0 50% no-repeat;
margin-top: 20px;}

h4#headBlogfeed{
background: url(/img/head_blogfeed.gif) 0 50% no-repeat;
margin-top: 20px;
}

#blogFeed a{
background: url(../img/rssicon.gif) bottom left no-repeat;
padding-left: 22px;
margin-left: 1px;}

.blogPaginate{
list-style: none;
padding: 0;
margin: 0;
margin-top: 20px;
margin-left: -3px;
}


.blogPaginate a{
padding: 6px;
border: 1px solid #104b7d;
margin: 0px;
background: #f2f8fc;
}

.blogPaginate strong{
padding: 6px;
border: 1px solid #104b7d;
margin: 0px;
background: #ccc;
}

.blogPaginate a:hover{
background: #104b7d;
color: #fff;}



p.blogIntro{
font-size: 140%;
}

.blogArticle p.blogInfo{
border-top: 1px solid #ccc;
margin-top: 0;
padding-top: 5px;
}

#commentDetails{
}

.comment{
border-bottom: 1px solid #ccc;}
.comment p{
margin-bottom: 0;}
.commentTime{
color: #666;
font-size: 90%;
}

.commentForm p{
margin-bottom: 0;
}

.commentForm p label{
font-weight: bold;
width: 70px;
display: block;
float: left;}

.commentForm textarea{
width: 345px;
margin-top: 0px;
}

.commentOptions{
margin-left: 70px;}

p.commentInfo{
color: #666;
font-size: 90%;
margin-top: -20px;
margin-bottom: 5px;
}

.commentEntry{
margin-bottom: 10px;}

.commentSingle{
border-bottom: 1px dotted #ccc;
padding-top: 10px;
}

#blogCats,
#blogSearch{
margin-bottom: 15px;
}

#blogCats h4,
#blogSearch h4,
#blogFeed h4{
font-size: 140%;
font-weight: normal;
padding-bottom: 0px;
margin-bottom: .5em;
color: #104b7d;
}

.socialBookmarksholder{
border-top: 1px solid #ccc;
padding-top: 5px;
}

.socialBookmarks{
list-style: none;
margin: 0;
padding: 0;
height: 30px;
}

.socialBookmarks li{
float: left;
margin-right: 3px;}



#ShadowBox table{
background: none;
border: none;
}

#ShadowBox table tr{
background: none;
}

.tourScreen{
position: relative;
} 

.tourScreen p.zoomBtn{
position: absolute;
top: 0;
left: 0;
}

#sectionNav{
border-bottom: 1px solid #104b7d;
padding-bottom: 20px;
list-style-type: none;
margin: 0;
margin-bottom: 20px;
}

#sectionNav li{
padding: 5px 0px;}

#sectionNav.casestudies li a{
background: url(../img/icon_casestudylink.gif) 0% 50% no-repeat;
padding-left: 25px;
height: 21px;
line-height: 21px;
display: block;
}

.casestudyLogo{
margin: 5px 10px 5px 0px;
padding: 10px;
background: #fff;
border: 1px solid #d1dfea;
}


/*CHANGE*/
table#sidebyside{


}

table#sidebyside td{
text-align: center;
}

table#sidebyside tr td{
border-top: 1px solid #f4f7f0;
border-collapse: separate;
}
table#sidebyside td.sideQuestion{
text-align: right;
font-weight: bold;
}

td.tableSonru{

}

ul.featuresList{
padding: 0;
margin: 0;
list-style: none;
margin-bottom: 10px;
}

ul.featuresList li{background: url(../img/featuretick.gif) 0px 2px no-repeat;
padding-left: 20px;
padding-bottom: 5px;
}



/*END CHANGE*/

img.headshot{
float: left;
margin: 0px 20px 0px 0px;
border: 1px solid #104b7d;
}

 /* TOUR STYLES */
 
 
 
 body#tour{
 
 background: #e8f1f8 url(../img/bodybg_tour.gif) top left repeat-x;
 
 }
 
 
 
 #tourhead{
 
 height: 100px;
 
 }
 
 
 
 #tourhead h2{
 
 color: #fff;
 
 }
 
 
 
 div.tourItems{
 
 margin-left: 20px;
 
 margin-top: 10px;
 
 }
 
 
 
 div.tourItems p{
 
 font-size: 120%;
 
 width: 600px;
 
 margin-bottom: 10px;
 
 }
 
 
 
 div.tourBlock{
 
 margin-bottom: 40px;
 
 }
 
 
ul.ticklist{
  list-style-type: none;
  margin-left: 0;
}
  
.tick{
  background: url(/img/tabletick.gif) 0px 0px no-repeat;
  padding-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
}
  
.ex{
  background: url(/img/tableex.gif) 0px 0px no-repeat;
  padding-left: 35px;
  line-height: 30px;
} 

#footer{
background: #104b7d;
margin-top: 30px;
height: 30px;
margin-left: -20px;
width: 980px;

border: 1px solid #d4e4f1;
}

#newsSignup{
background: #e8f1f8;
border: 1px solid #d4e4f1;
margin-left: -19px;
width: 978px;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: -40px;
}


#newsSignup h4{
color: green;
text-transform: uppercase;
font-weight: bold;
font-size: 90%;
}

.padder{
padding: 20px;}

.marker { background-color: #ff0; }  

#article_image img{
margin-top: 50px;}

.blogEntry{
border-bottom: 1px solid #ebebeb;
margin-bottom: 15px;
width: 690px;
}

.blogEntry div.blogImage{
width: 200px;}

.blogEntry h3 a{
font-size: 1.3em;
line-height: 1.2em;}

img.blogImg{
-moz-box-shadow:0 0 10px #666; 
-webkit-box-shadow:0 0 10px #666; 
box-shadow:0 0 10px #666;
margin-bottom: 20px;
}

.blogMeta{
font-size: 1.2em;
}

.clear{
clear: both;
}

img.profileImage{
padding-right: 10px;
padding-bottom: 10px;}

.socialNetwork{
width: 140px;
float: left;
height: 50px;
display: block;
}
.socialIcon{
margin-bottom: 5px;}
.socialLink{}


    
    body {
    background: url("../img/bodybg_home_v3.gif") repeat-x left top #FFFFFF;
    margin: 0;
    padding: 0;
}
    
    .container{
    margin-top: 0;
    padding: 0;}
    
    #mainHeader{
    height: 93px;}
    
    
    #header{
    height: 93px;}
    
    #navigation{
    
    }
    
    h1#sonruLogo a {
    background: url("../img/sonru-logo-tagline2.gif") no-repeat scroll left bottom #FFFFFF;
    display: block;
    height: 93px;
    text-indent: -2999em;
    width: 180px;
}

.contactHeader{
background: #6e9b1c url("../img/contactheader-bg.png") no-repeat left bottom;

color: #fff;
text-align: left;
padding: 5px 10px 5px 10px;
position: absolute;
top: 0;
right: 0;
font-size: 1.3em;
text-shadow: 0px 1px 1px #000;
z-index: 100;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
width: 540px;
}

.contactheaderMain{
padding-bottom: 5px;
}

.contactheaderAll{
font-size: 0.9em;
border-top: 1px solid #8baf49;
padding-bottom: 5px;
width: 100%;
display: none;
}

.contactheaderAll p{
margin-bottom: 0;
padding-top: 5px;
}


.contactHeader a{
color: #fff;
}

a.intlphoneTrigger{
padding: 3px;
padding-right: 12px;
background: #67911a url(/img/intl-shadow.png) top right no-repeat;
font-size: 0.7em;
font-weight: bold;
text-decoration: none;
cursor: pointer;
-moz-border-radius: 3px;
border-radius: 3px;
}

a.intlphoneTrigger:hover{
background-color: #5b8117;}

a.intlphoneTrigger.active{
background: #5b8117 url(/img/intl-shadow-active.png) top right no-repeat;}


ul#mainNavigation{

margin: 40px 0 0 149px;
right: 0;
}



#caseStudies{
background:#fff url(../img/casestudiesslider-bg.gif) 8px 0px no-repeat;
position: relative;
height: 111px;
padding: 15px 20px;
margin-bottom: 20px
}


#casestudiesBrowse{
position: absolute;
top: 6px;
right: 53px;}

#caseStudies h4 a{
 color: green;
}
#caseStudies h4 a:hover{
 color: #a8c22d;
 }

#homeAreas h4{
 color: green;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
}




#homeblogarticles{
border-bottom: 1px solid #e1e1e1;
margin-left: 10px;
width: 460px;
}

.homeArticle{
border-top: 1px solid #e1e1e1;
padding-top: 10px;
}

.homeArticle p{
font-size: 1.6em;
}

.homeArticle p.blogInfo{
font-size: 0.9em;}

#homeTestimonials{
background: url(../img/testimonial_tile.gif) top left repeat-y;
min-height: 680px;
text-align: center;
}

#testimonialHeading{
background: url(../img/testimonialheader-bg.gif) bottom left no-repeat;
width: 468px;
height: 83px;
text-align: left;

}

.testimonialQuote{
background: url(../img/quotebg.gif) top left no-repeat;
padding-left: 20px;
padding-right: 20px;
width: 381px;
margin-left: 18px;
margin-bottom: 10px;}

.testimonialQuote blockquote{
padding: 0;
margin: 0;
color: #363636;
font-size: 1.3em;
font-family: Georgia;}

.testimonialQuote blockquote p{
margin-bottom: 10px;
padding: 0;}

.testimonialSource{
background: url(../img/quote-end-dots.gif) bottom center no-repeat;
padding-bottom: 15px;
font-weight: bold;
}

.testsourceName{
color: #006699;
}

.testsourceCountry{
font-weight: normal;
}

.testLoadmore{
padding-bottom: 20px;

}

.testLoadmore a{
font-weight: normal;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 910px;
	height:286px;

	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable .items div.slide {
	float:left;
	width:860px;
	height: 264px;
	padding: 20px;
	padding-top: 0;
}



/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* END MAIN SLIDER */

/* SMALL SLIDER */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.smallscrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 903px;
	height:82px;
	margin-left: 45px;

	/* custom decorations */

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.smallscrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.smallscrollable div.items div {
	float:left;
	width:910px;
	height: 82px;

}

/* single scrollable item */
.smallscrollable img {
	float:left;
	margin:0px 73px 0px 0px;
	background-color:#fff;
	width:150px;
	height:85px;
}

/* active item */
.smallscrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}



/* END SMALL SLIDER */

/* position and dimensions of the navigator */
.navi {
	width:100px;
	height:20px;
margin-left:828px;
padding-top: 10px;
}


/* items inside navigator */
.navi a {
	width:12px;
	height:12px;
	float:left;
	margin:3px;
	background:url(../img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -12px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -24px;     
}

/* this makes it possible to add next button beside scrollable */
.smallscrollable {
	}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


.slideGraphic{
width: 455px;
float: left;
}

.slideText{
margin-left: 475px;
padding-top: 15px;
}

.slide h1{color: #fff;
font-weight: bold;
font-size: 1.6em;
line-height: 1.3em;
}

.slide h3{color: #fff;
font-weight: normal;
font-size: 1.1em;
line-height: 1.3em;

}

#switcher{
position: relative;
width: 458px;
margin-top: 3px;
}

#cornerTagline{
position: absolute;
top: -3px;
right: 0;
z-index: 100;}


.ctaArea{
height: 64px;
text-align: center;
color: #fff;
line-height: 64px;
font-size: 1.1em;
position: relative;
width: 950px;
background-color: #104b7d;
}

.ctaArea label{
text-transform: uppercase;
line-height: 18px;
width: 110px;
display: block;
text-align: right;
position: absolute;
top: 14px;
left: -20px;

}

.ctaArea input.text{
height: 26px;
color: #898989;
font-weight: normal;
font-size: 1em;
margin-left: 5px;
padding-left: 5px;
line-height: 26px;
position: absolute;
top: 6px;
left: 100px;
}

.requestButton{
position: absolute;
left: 417px;
top: 13px;}

.ctaDemorequest{
position: absolute;
top: 0px;
left: 35px;}

.ctaSignupbutton{
position: absolute;
top: 7px;
left: 635px;}

.ctaOr{
padding-left: 10px;
padding-right: 10px;
position: absolute;
top: -1px;
left: 558px;
}


.ctabuttonwrapper{
width: 200px;
background: #ccc;
}

a.ctabutton:link, a.ctabutton:visited, a.ctabutton:active {
    color: #FFFFFF;
}

a.ctabutton {
    background: url("/img/ctabtnleft.png") no-repeat scroll left top transparent;
    display: block;
    float: right;
    font-size: 1.1em;
    height: 50px;
    line-height: 32px;
    margin-right: 10px;
    padding-left: 15px;
    text-decoration: none;
    text-shadow: 0 1px 1px #000000;
}

a.ctabutton span {
    background: url("/img/ctabtnright.png") no-repeat right top transparent;
    display: block;
    padding: 8px 20px 8px 0;
}

a.ctabutton:hover{
background-position: 0 -50px;
}

a.ctabutton:hover span{
background-position: right -50px;
}

a.ctabutton:active{
background-position: 0 -100px;
}

a.ctabutton:active span{
background-position: right -100px;
}




#footerWrapper{
width: 100%;

background-color: #e8f1f8;}

#footerContainer{
background-color: #e8f1f8;
}

.socialNetwork{
width: 50px;}

form#subscribe input{margin-bottom: 5px;}

#footerContainer h4 {
    color: green;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
}

#footerContainer h4 a{
color: green;
}

#footerAwards{
border-bottom: 1px solid #e1e1e1;
padding-top: 20px;}

#footerAwards h4{
margin-bottom: 5px;}

.awardsQuote{
text-align: center;
margin-bottom: 10px;
}

.awardsQuote blockquote{
margin: 0;
padding: 0;
font-size: 2em;
font-family: Georgia;
color: #555;}



#footerAwardlist{
list-style: none;
margin: 0;
padding: 0;
height: 80px;

}

#footerAwardlist li.award{
background: url(../img/awardicon.gif) 0 5px no-repeat;
padding-left: 25px;
padding-right: 10px;
float: left;
width: 201px;
}

#footerAwardlist li{
color: #104b7d;
}

#footerAwardlist li h5
{
margin-bottom: 5px;
color: #104b7d;
}

#newsSignup{
border: none;
-moz-box-shadow: none;
-moz-border-radius: 0 0 0 0;
margin-bottom: 0;

}
.padder{
padding-bottom: 0;}
.ctawidthWrapper{
background-color: #104b7d;}

.footBg{
background-color: #104b7d;
height:50px;

}

#footer{
margin-top: 0;
border: none;}

#footer p{
margin-bottom: 0;
}

ul#footerNav{
height: 30px;
margin-bottom: 0;
margin-top: 0;
}

ul#footerNav li{
line-height: 30px;}

#footerContact{
list-style: none;
margin: 0;
padding: 0;
}

#footerContact li{
padding-left: 40px;
line-height: 35px;
margin-bottom: 5px;
font-size: 1.4em;}

#footerContactlink{
background: url(../img/icon_contactlink.gif) 0 0 no-repeat;
}
#footerContactphone{
background: url(../img/icon_telephone.gif) 2px 3px no-repeat;
color: #104b7d;
font-weight: bold;
}
#footerContactemail{
background: url(../img/icon_email.gif) 2px 0px no-repeat;
}

#footerAddress{
margin-top: 25px;
padding-right: 0;
}

#footerAddress div.padder{
padding-right: 0;
}


#footerAddress p{
color: #104b7d;
padding-right: 0;
font-size: 90%;
}

.contactDetails div.padder{
padding-right: 0;
}

a.brBtn {
    -moz-border-radius: 3px 3px 3px 3px;
    background: url("../img/btnbg.gif") repeat-x scroll left bottom #85C23F;
    border: 1px solid #67AE3C;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    padding: 5px 10px;
 
    color: #fff;
    text-shadow: 0px 1px 1px #000;
    }

a.nextBtn{
background: url(../img/tour_nextbtn.gif) top right no-repeat;
padding: 0px 30px 0px 10px;
line-height: 29px;
height: 29px;
color: white;
text-decoration: none;
width: 100px;
display: block;
-moz-box-shadow:0 0 5px #ccc; 
-webkit-box-shadow:0 0 5px #ccc; 
box-shadow:0 0 5px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;


}
a.nextBtn:visited,
a.prevBtn:visited{
color:#fff;
}
a.nextBtn:hover{
background-position: bottom right;
color: #104b7d;
}

a.prevBtn{
background: url(../img/tour_prevbtn.gif) top left no-repeat;
padding: 0px 10px 0px 30px;
line-height: 29px;
height: 29px;
color: white;
text-decoration: none;
margin-right: 5px;
display: block;
position: absolute;
-moz-box-shadow:0 0 10px #000; 
-webkit-box-shadow:0 0 10px #000; 
box-shadow:0 0 10px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

}
a.prevBtn:hover{
background-position: bottom left;
color: #104b7d;
}

a.nextBtn.firstBtn{
margin-left: 0;}

.moreLinks{
padding-left: 10px;
padding-top: 15px;}

.small{ font-size: 10px;
line-height: 10px;
margin-bottom: 0;
color: green;
}

#footerContactphone p{
line-height: 20px;
margin-bottom: 5px;}


.experienceSlide{
background: url(/images/uploads/experienc_rightaligned.jpg) bottom right no-repeat;
height: 270px;
}


.overlay {
	padding:40px;	
	width:512px;  
	display:none;
	background-image:url(/img/white.png);	
}

.close {
	background:url(/img/close2.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	display:block;
	width:35px;
	height:35px;
	cursor:pointer;
}

.overlay a,
.overlay a:visited,
.overlay a:link,
.overlay a:hover,
object,
embed{
outline: 0;
}

#slider{
margin-top: 10px;
background: url(../img/sliderv4-bg.png) top left no-repeat;
height: 365px;
padding: 19px;
}


div.videoOverview{
text-align: center;
width: 912px;
height: 40px;
padding-top: 10px;
display: block;
position: relative;
}
.videoOverview h3{
font-size: 1.3em;
position: absolute;
top: 8px;
left: 110px;
}

#videoOverlaybutton{
position: absolute;
top:-4px;
right: 110px;
}

a#videoOverlaybutton {
    background: url("/img/videooverlaybtn.gif") no-repeat scroll left top transparent;
    display: block;
    float: right;
    font-size: 1.1em;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding-left: 25px;
    width: 100px;
    text-decoration: none;
    text-shadow: 0 1px 1px #000000;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}


a#videoOverlaybutton:hover{
background-position: 0 -40px;color: #104b7d;
text-shadow: 0 1px 1px #ffffff;
}


a#videoOverlaybutton:active{
background-position: 0 -80px;
text-shadow: 0 1px 1px #ffffff;
}




#player {
	height:300px;
	display:block;
}

.sonruPlayer{
border: 1px solid #ccc;
}