/*
Theme Name: UPMentors
Theme URI: http://www.pinkliquorice.com
Description: The company website template created in 2010 by <a href="http://www.mattseymour.co.uk">Matthew Seymour</a> of <a href="http://www.pinkliquorice.com">Pink Liquorice</a> on behalf of UPMentors
Version: 1.0
Author: Matthew Seymour
Author URI: http://pinkliquorice.com
Tags: UPM, Pink Liquorice, Matt Seymour
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";



	
* {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#434343; font-weight:lighter; text-align:justify;  }
ul {margin-left: 30px;}
ol {margin-left: 45px;}
body { background-image:url(images/menu-header-bg.gif); background-repeat:repeat-x; color:#FFF; }
a { text-decoration:none; color:#ef4036;}


.topwrap {width: 100%; margin-left:auto; margin-right: auto;}
.pagewrap {width: 960px; margin-left:auto; margin-right: auto;}

.menu-box { margin-top: 16px; width: 1000px; margin-left:auto; margin-right:auto;}
.menu  {width: 700px;}
.menu ul { }
.menu li { float:left; height: 23px; margin-left: 40px; list-style: none;}
.menu li a {  font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; }
.menu li.current_page_item a {  font-size:18px; color:#373737; font-family:Arial, Helvetica, sans-serif; }
.menu li a:hover {  }

.sidemenu { text-align:right; margin-right: 25px; margin-top: 10px; }
.sidemenu li { float:right; list-style:none; margin-left: 20px; }
.sidemenu li a { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#373737; font-weight:bold; }
.sidemenu li a:hover { }

.current_page_item {  
						-moz-border-radius-topleft: 10px ; 
						-moz-border-radius-topright: 10px ;
						-webkit-border-radius-topleft: 10px; 
						-webkit-border-radius-topright: 10px;
						border-radius-topleft: 10px; 
						border-radius-topright: 10px;
						padding-left: 10px;
						padding-right: 10px;
						padding-top: 5px;
						padding-bottom: 5px;
						margin-top:-5px;
						background-color:#FFF; 
						height: 28px; 
						width: auto;
						;
					  }
					  
#logo { margin-left: 75px; margin-top: 23px; margin-bottom: 7px; }

.spotlight { background:url(images/spotlight-bg.jpg) repeat-x; height: 264px; width:auto; margin-top: 20px; }
.bridgeimage { margin-left: 25px; width: 389px; height: 264px; float:left;}
.spotlight-text { float:right; margin-right: 25px; margin-top: 65px;}
#bridges {}
.click-here-btn {margin-left: 365px; margin-top: -15px;}

.spotmenu { background-color:#d93a30; height: auto; width:auto; margin-top: 20px; }
#tablestyle { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; margin-bottom: 5px; }
.tablestyle-text { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF;}
.what-style { padding: 5px; margin-left: 20px; }

.main-body { margin-left:25px; margin-top: 45px; height: auto; width: 500px; float:left; }
.who-body { width: 500px; margin-left: 25px; margin-top: 0px; float:left; }
.contact-body { width: 600px; margin-left: 25px; margin-top: 20px; margin-bottom: -20px; float:left; height: 672px;}
.career-body { width: 570px; margin-left: 25px; margin-top: 0px; float:left; text-align:justify; }
.case-body { width: 600px; margin-left: 25px; margin-top: 0px; float:left; text-align:justify; }
.what-body { width: 900px; margin-left: 35px; }
.asso-body { width: 900px; margin-left: 25px; margin-top: 0px; float:left; }
.coaching-body { width: 570px; margin-left: 25px; margin-top: 0px; float:left; text-align:left; }
.project-body { width: 580px; margin-left: 25px; margin-top: 0px; float:left; text-align:left; }
.consulting-body { width: 570px; margin-left: 25px; margin-top: 0px; float:left; text-align:left; }
.class-body { width: 900px; margin-left: 25px; margin-top: 0px; float:left; }
.work-body { width: 900px; margin-left: 25px; margin-top: 0px; float:left; }
.team-body { width: 900px; margin-left: 25px; margin-top: 0px; float:left; text-align:justify; }


.class-side { float:right; margin-right: 20px; width: 280px; height:auto; }
.case-side { float:right; margin-right: 25px; width: 270px; height:auto; }
.case-side ul { margin-left: 0px }
.bubble-case { float:left; margin-left: 25px; margin-top: 10px;}
.under-case-image { width: 265px; margin-top: 20px; }


.body-title { margin-top: 45px; margin-left: 25px; width:400px; }

.contact-form { margin-left: 35px; float:left; width: 600px; }
.contact-details { margin-right: 50px; height: auto; width: 240px; float:right; margin-top:25px; }
#contact-header { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#434343;}
#contact-names p { text-align:left;}
#contact-names pb { text-align:left;}


.class-bubbles { height: 150px; }
.class-bubble-img { margin-right: 23px; float: left; }
.bubble { margin-left: 24px; margin-right: 30px; margin-top: 25px; }
.bubble2 { margin-left: 24px; margin-right: 30px; margin-top: 25px; }
.bubble-education { margin-left: 20px; margin-right: 25px; margin-top: 25px; }
#scribble { position:absolute; z-index: 50; margin-left: 300px; margin-top: 50px; }

.error { width: 700px; height:auto; margin-left: 130px;}
.error-text { padding: 20px; }

/* Blog */
.blog-body { width: 625px; margin-left: 25px; margin-top: 10px; float:left; height:auto;}
.blog-body-only { width: 625px; margin-left: 25px; margin-top: 10px; float:left; min-height:820px;}
.blog-intro { width: 580px; margin-left: 25px; margin-top: 40px; float:left; }
blog-sidebar-only { margin-right: 25px; margin-top: 60px; height: auto; width: 200px; float:right; background-color:#e2e2e2;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
.blog-sidebar-only ul, .blog-sidebar-only li {list-style:none; text-align:left; margin-left: 0px;}
.blog-sidebar { margin-right: 25px; margin-top: 60px; height: auto; width: 200px; float:right; background-color:#e2e2e2;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
.blog-sidebar ul, .blog-sidebar li {list-style:none; text-align:left; margin-left: 0px;}

.blog-sidebar-single { margin-right: 25px; margin-top: 60px; height: auto; width: 200px; float:right; background-color:#e2e2e2;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
.blog-sidebar-single ul, .blog-sidebar-single li {list-style:none; text-align:left; margin-left: 0px; margin-bottom: 10px;}

.widgettitle { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color:#262626;  font-weight:lighter; }

/* end blog */

/* Class Room */

.info-boxes { margin-left: 0px;}
.info-full { width:900; height:auto; }
.info-1 { float:left; width: 290px; height:auto; border-color:#666; border-style: solid; border-width: 2px;}
.info-2 { float:right; width: 290px; height:auto; border-color:#666; border-style: solid; border-width: 2px;}
.info-3 { float:right; width: 290px; height:auto;  border-color:#666; border-style: solid; border-width: 2px; margin-right: 9px;}
.box-content { width: 850px; height:auto; margin-top: -10px; padding: 10px;}
.box-content ul { margin-left: 10px; }
.box-content-full { width: 900px; height:auto; margin-top: 20px;}
.box-title { text-align:left; padding: 10px;}

/* End Class */

.event-prp-sidebar  { float:right; width: 250px; height:auto; margin-right: 25px; margin-top: 45px;}
.event-prp-sidebar ul, .event-prp-sidebar li { list-style:none; text-align:left; margin-left: 0px;}

.event-sidebar { float:right; width: 250px; height:auto; margin-right: 25px; margin-top: 45px;}
.event-sidebar ul, .event-sidebar li { list-style:none; text-align:left; margin-bottom: 35px; margin-left: 0px;}

.execphpwidget ul, .execphpwidget li { text-align:left; padding-bottom: 0; }

.education-side { margin-right: 25px; float:right; width: 250px; height:auto; margin-top: -45px;}
.education-side ul, .education-sidebar li { list-style:none; margin-left: 0px; }

.sidebar { margin-right: 132px; margin-top: 45px; height: auto; width: 265px; float:right;}
.sidebar ul, .sidebar li {list-style:none; margin-left: 0px;}
.twitter-feed { margin-top: 20px; }
.clients-logo { margin-top: 27px; margin-left: -3px;}
#client-logo-img { }
.sidebar-home { margin-right: 58px; margin-top: 45px; height: auto; width: 340px; float:right;}
.sidebar-home ul, .sidebar-home li {list-style:none; margin-left: 0px; width: 340px; margin-bottom: 20px;}

#twitter				{ margin-left: 0px; }
#twitter_div			{ margin-left: 0px; width: 380px; }
#twitter_update_list	{ margin-left: 0px;}
#twitter_update_list li, #twitter_update_list ul	{ margin-bottom: 10px; list-style:none; text-align:left;}
#twitter_update_list li a	{text-decoration:none; color:#ef4036;}
.widget_Twidget			{margin-left: 0px; }
.widgettitle			{}

#text-3 { margin-top: 20px; }
#execphp-6 ul, #execphp-6 li{ margin: 0; }

.footer { background-image:url(images/footer-bg.gif); background-repeat:repeat-x; height: 45px; width:auto; }
#legal { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color:#FFF; padding-top: 14px; float:left;}
#created-by  { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color:#FFF; padding-top: 14px; float:right; }
#created-by a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color:#FFF; padding-top: 14px; text-decoration:underline; }

.tabletable { position:absolute; z-index: 30; margin-left: 719px; margin-top: 5px; }


h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; color:#262626;  font-weight:lighter;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; padding: 0px; }
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color:#262626;  font-weight:lighter;}
h3 a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color:#262626;  font-weight:lighter;}
h6 { font:Arial, Helvetica, sans-serif; font-size: 20px; color:#ef4036; font-weight:lighter; }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;}	
	
.clearbig {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 20px;}