/*
Theme Name: Slider2010
Theme URI: http://www.sliderstudio.co.uk
Description: This theme was developed by SliderStudio
Version: 1.0
Author: SliderStudio
Author URI: http://www.sliderstudio.co.uk
Tags: slider studio, collaboration

	This theme was designed and built by SliderStudio
	: http://www.sliderstudio.co.uk
*/

/* HEADINGS ---------------------------------*/
h1{font-size:17px;font-weight:bold;color:#666666;margin:0}
h2{font-size:15px;font-weight:bold;color:#666666;margin:0}
h3{font-size:13px;font-weight:bold;color:#666666}

.statement{font-size:33px;font-weight:bold;line-height:45px;color:#6B6C6E;padding:10px}

p{font-size:13px;white-space:pre-wrap;word-wrap:break-word}
a {outline:none;text-decoration:none;color:#F5822B}

/* GLOBAL -----------------------------------*/
body{font-family:Verdana;color:#868686;margin:0;font-size:13px}
html{overflow-y:scroll}
/*body{overflow-y:scroll}*/
/**:first-child+html{overflow-y:hidden}*/
/**html{overflow-y:scroll}*/
.pagewidth{width:900px;padding:0 15px;margin:auto}
img {border:0}
.clear{clear:both}
#page{background:url("img/page_shadow.jpg") repeat-y scroll 50% 0 #FFFFFF}
#page .pagewidth{width:870px;border:1px solid #6B6C6E;min-height:630px}
.pagecontent{padding:15px}
.ajax{font-size:12px;color:#F5822B;cursor:pointer}
.page h1{margin-bottom:15px}
.totop{font-size:12px;float:right;padding-left:10px;background:url(img/totop.png) no-repeat}
#content div div .totop{display:none;height:10px;margin-bottom:-10px}
#content div div:hover .totop{display:inline-block}
.notsee{display:none}

/* HEADER -----------------------------------*/
#topmenu{float:right;position:relative;top:-70px}
#topmenu a, #topmenu span{float:left;padding:0 15px;border-right:1px solid #868686;color:#868686;font-size:10px}
#topmenu a:last-child, #topmenu span:last-child{border:0}
#topmenu span{cursor:pointer}

#header{width:100%;background:url('img/header_border.png') repeat-x}
.menu ul, #submenu {list-style-type:none;margin:0;padding:0;margin-left:-1px}
.menu ul li{float:left;margin-right:5px}
.menu li a{color:#6B6C6E}
#submenu{margin-bottom:30px}
#submenu li{float:left}
#submenu li:last-child{border:0}
#submenu li a{color:#F5822B}

.menu .page_item{background-color:#DCDCDC;border-color:#6B6C6E #6B6C6E #6B6C6E;border-style:solid solid none;border-width:1px 1px 0;cursor:pointer;font-size:13px;position:relative}
.menu .page_item{-moz-border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;padding:2px 0}
.menu .page_item a{padding:5px 15px;line-height:24px}
.menu .current_page_item, .menu .current_page_parent, .menu .current_page_ancestor{background:none repeat scroll 0 0 #FFFFFF;top:1px}

#submenu .page_item{font-size:13px;padding:0 5px;border-right:1px solid #6B6C6E}
#submenu .current_page_item a{color:#6B6C6E}

/* SHADOW -----------------------------------*/
.shadow-inner{padding-right:5px;background-color:#CCCCCC} 

/* HOMEPAGE ---------------------------------*/
.riba{background:url(img/riba.png) no-repeat;width:92px;height:50px;float:right;position:relative;top:-50px;margin-left:-92px}
.home h1{font-size:30px;font-weight:bold;color:#6B6C6E;margin-top:20px}
#headlines{background:none repeat scroll 0 0 #FFFFFF;top:584px;margin-left:15px;padding:0 15px;position:absolute;width:520px;opacity:0.9;z-index:10}
.headline{margin-top:15px}
.headline .date{float:right;padding:0}
.headline h3{padding:0}
#tweetcontainer{position:absolute;width:274px;margin-left:580px;top:134px;height:524px;z-index:10}
#tweets{position:absolute;bottom:0px;border:10px solid #F5822B;-moz-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background:#FFFFFF}
#shortcuts{width:40px;position:absolute;top:140px;margin-left:-68px}
.shortcut{float:left;background-color:#F5822B;border:1px solid #F5822B;-moz-border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;-o-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px;padding:15px;word-wrap:break-word;width:20px;margin-bottom:15px;display:inline-block;color:#FFFFFF;z-index:10}
.shortcut a{}

/* TEAM -------------------------------------*/
.teammember{margin-bottom:35px}
.teamphoto{float:left;max-width:150px;max-height:150px}
.teaminfo{margin-left:165px}
.email a{font-size:12px;}

/* SLIDER 360 -------------------------------*/
.pano{width:427px;display:inline-block;margin-bottom:15px}
.pano:nth-child(odd){margin-right:15px}
.panotitle{}

/* PROJECTS ---------------------------------*/
.project{min-height:150px;margin-bottom:20px}
.projectimage{float:left;min-height:1px;width:150px;max-width:150px;max-height:150px}
.projectinfo{display:inline-block;padding-left:15px;max-width:700px;margin-bottom:15px}
.projectinfo h2{float:left}
.projectinfo p{margin-top:10px;margin-bottom:16px}
.stickyworld{width:28px;height:28px;background:url('img/to-stickyworld.png') no-repeat;margin-left:15px;position:relative;display:inline-block}

.more{display:none}

/* RESEARCH ---------------------------------*/
.research{min-height:150px;margin-bottom:20px}
.researchimage{float:left;width:150px;min-height:1px;max-width:150px;max-height:150px}
.researchinfo{display:inline-block;padding-left:15px;max-width:700px;margin-bottom:15px}
.researchinfo h2{margin-bottom:15px}

/* CAREERS ----------------------------------*/
.careers{min-height:150px;margin-bottom:20px}
.careersimage{float:left;max-width:150px;max-height:150px}
.careersinfo{display:inline-block;padding-left:15px;max-width:700px;margin-bottom:15px}
.careersinfo h2{margin-bottom:15px}

/* NEWS -------------------------------------*/
.news{min-height:150px;margin-bottom:20px}
.news .date{font-size:12px;margin-bottom:15px}
.newsimage{float:left;min-height:1px;width:150px;max-width:150px;max-height:150px}
.newsinfo{display:inline-block;padding-left:15px;max-width:700px;margin-bottom:15px}
.newsinfo h2{}

/* CONTACT ----------------------------------*/
.address{position:relative;top:94px}
.contactimage{position:relative;top:94px}
.info{margin-bottom:15px}
#map{float:right;border:1px solid #6B6C6E;width:640px;height:480px}
.location{width:100%;margin-top:30px;width:215px}

/* SHARE ------------------------------------*/
.sharediv{float:right;position:relative;left:0}
#share_btn{cursor:pointer;padding:3px 2px 0;width:94px}
#share_btn span{font-size:13px;position:relative;top:-4px;margin-left:2px}
#share_btn img{}
.share_pane{width:100px}
.share_icons{border:1px solid #868686;position:absolute;background:#FFFFFF;width:96px;top:24px}
.share_site{padding:2px}
.share_site a{font-size:13px}

/* FOOTER -----------------------------------*/
#footer{height:40px;width:100%}
#footermenu{font-size:10px;margin:10px 0}
#footermenu a{color:#868686}
#footermenu ul{list-style-type:none;margin:5px 0 0 0;padding-left:0}
#footermenu li{border-right:1px solid #6B6C6E;padding:0 5px;margin-top:5px;display:inline}
#footermenu li span{cursor:pointer}
#footermenu li:first-child{padding-left:0}
#footermenu li:first-child a{color:#666666;font-weight:bold}
#footermenu li:last-child{border:0}
#footermenu a:first-child{padding-left:0}
#footermenu a:last-child{border:0}
.notfirst a {font-weight:normal !important;color:#868686 !important}

.footer-logo {background:url(img/Logo-24x24.png) no-repeat left 50%;width:24px;height:26px;float:right;margin-left:25px}

#legal{font-size:10px;margin-bottom:15px}
#legal span{margin-right:15px}
#legal a{color:#868686}

#social{position:absolute;top:74px;margin-left:760px;width:140px}

/* SINGLE -----------------------------------*/
.single .share_icons{position:relative;top:0}

/* SITEMAP ----------------------------------*/
#sitemap{margin-left:15px}

/* SHADOWBOX --------------------------------*/
#overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:98;background:#000;-moz-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;text-align:center;display:none}
#shadowbox{z-index:100;display:inline-block;text-align:center}

#centered{background:none repeat scroll 0 0 #FFFFFF;height:420px;left:224px;padding:15px;position:relative;top:100px;width:435px;z-index:99;margin:-50px 0 -380px 0}
#feedback *div{border:3px solid #CCCCCC}
#feedback *div div{border:0}
.close-button {background:url("img/close.png") no-repeat;cursor:pointer;position:absolute;right:15px;height:20px;width:20px}
#feedback form{margin-top:15px;width:100%}
#feedback h1{margin-top:0}
#feedback input{width:99%}
#feedback textarea{width:99%;height:195px}
#feedback #send{-moz-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding:5px;border:1px solid #6B6C6E;color:#6B6C6E;background-color:#DCDCDC;cursor:pointer}
#feedback #send:hover{background-color:#FFFFFF;cursor:pointer}
#feedbackresult{display:none}

/* PANORAMA INDEX PAGE ---------------------------------*/
#backLinks{width:930px;margin:0 auto;margin-bottom:15px;padding:0 15px}
#staticLinks {margin: 0 0 15px;}
#flashPano {width: 960px; height: 480px; margin:0 auto;}