/*
Theme Name: Phoenix Medical Publishing
Description: CSS style sheety for the Phoenix Medical web site.
Version: 1.0
Author: Cameron Senior
Author URI: http://www.cameronsenior.com/
 
*/


/*
=============================================
=         		Base						=		
=============================================
*/
li {list-style-type:disc;}
 

/*
=============================================
=         		Structure					=		
=============================================
*/
html {height:100.1%;margin-bottom:1%;}
Body {color:#666;font-family:Arial, sans-serif;font-size:13px;}
#body_wrapper{background: url('../images/page_bg.gif') repeat-x;width:100%;clear:both;}  
#footer_wrapper{clear:both;background:#5F6062;width:100%;position:relative;overflow:hidden;}

#home #banner {width:950px;background: url('../images/homepage.jpg') no-repeat;position:relative;}
#banner {width:950px;background: url('../images/inner_page.jpg') no-repeat;position:relative;z-index:0;}
#spiel {height:240px;}
.nobanner #banner {width:950px;background: url('../images/inner_page_no_banner.jpg') no-repeat;/*height:30px;*/position:relative;}
.nobanner #spiel {display:none;}

#prefooter {clear:both;color:#fafafa;position:relative;width:950px;background: url('../images/footer.gif') no-repeat;height:275px;padding-top:35px;}
#prefooter #prefooter_copy{position:absolute;top:235px;left:360px;}

#footer {color:#fafafa;width:950px;background:#666 url('../images/inner_footer.gif') no-repeat;height:70px;margin-top:0px;position:relative;}	
#footer #footer_copy{position:absolute;top:30px;left:360px;}

#home #content {margin-top:15px; clear:both; position:relative; padding: 0 0 20px 0;}
#content {padding:30px 0;}
.nobanner #content {margin-top:10px;clear:both;} 

/*
=============================================
=         		Elements					=		
=============================================
*/


.logo {background: url('../images/inner_logo.jpg') no-repeat;display: block;height: 120px;width:475px;margin:0 auto;}					/* Logo Text Replacement */
.login {background: url('../images/arrow-login.gif') center left no-repeat; float: right; margin-top: 70px; height: 20px; width: 180px; display: block; font-size: 11px; padding-left: 24px;}
#home .logo {background: url('../images/logo.jpg') no-repeat;display: block;height: 120px;width:475px;margin:0 auto;}					/* Logo Text Replacement */	
.nobanner .logo {background: url('../images/clear_logo.gif') no-repeat;display: block;height: 120px;width:475px;margin:0 auto;}			/* Logo Text Replacement*/


.tour {position: absolute; top:260px; left:560px;width:120px;}
.trial{position: absolute; top:250px; left:700px;width:150px;}

#home .tour {position: absolute; top:260px; left:560px;width:120px;}
#home .trial{position: absolute; top:230px; left:740px;width:140px;}
#home .span-8 {width:286px; height: 320px; padding:10px; border: 1px solid #ccc;}

.learn{width:100px;}
.support{width:100px;}
.contact{width:100px;}

.nomargin{margin-top:0;}

.panel {position:relative;}


img.left {float:left; margin:0px 30px 70px 0;padding:0;border:1px solid #777;}
img.right {float:right;margin:0px 0px 20px 30px;padding:0;border:1px solid #777;}
 
	
/*
=============================================
=         		Typography					=		
=============================================
*/

/*h1 {background: url('../images/inner_logo.jpg') no-repeat;display: block;height: 120px;text-indent: -999em;width:475px;margin:0 auto;}*/					/* Logo Text Replacement */					
/*#home h1 {background: url('../images/logo.jpg') no-repeat;display: block;height: 120px;text-indent: -999em;width:475px;margin:0 auto;}*/					/* Logo Text Replacement */					
/*.nobanner h1 {background: url('../images/clear_logo.gif') no-repeat;display: block;height: 120px;text-indent: -999em;width:475px;margin:0 auto;}*/		/* Logo Text Replacement*/	
h1 {color:#212559;font-weight:normal;font-size:24px;margin:10px 0 0 0;}
h2 {color:#212559;font-weight:normal;font-size:20px;}
h3 {/*color:#87054f;*/color:#212559;font-size:15px;font-weight:bold;}	
h4 {font-size:14px;font-weight:bold;}	


				
#header h2 {background: url('../images/tagline.gif') no-repeat;display: block;height: 120px;text-indent: -999em;width:470px;margin:0 auto;}				/* Tagline Text Replacement       			*/	


#spiel h1{color:#212559;font-size:24px;font-weight:normal;margin:10px 0 0 0;}
#spiel h3{color:#666;font-size:16px;line-height:1.4em;margin:5px 0 5px 0;font-weight:normal;}
#spiel li {color:#666;font-size:13px;}



h3.answer {color:#212559;font-size:15px;font-weight:bold;}

#footer_wrapper h3 {color:#fff;font-size:15px;font-weight:bold;}

/*
=============================================
=         		  Links						=		
=============================================
*/


#footer_wrapper a {color:#fff;padding:0 5px;}
#footer_wrapper a:hover {color:#fff;text-decoration:underline;}


.button {background: url('../images/arrow.gif') top right no-repeat; height:33px;font-size:20px;padding:0 30px 0 0;}
.button a {color:#87054f;text-decoration:none;}

.body_button {background: url('../images/body_arrow.gif') top right no-repeat; height:33px;font:20px Arial, sans-serif;text-align:right;padding:1px 30px 0 0;}
.body_button a {color:#87054f;text-decoration:none;}

.arrow {background: url('../images/footer_arrow.gif') top right no-repeat;display:block;height:40px;color:#FFF;text-decoration:none;outline:0px solid;margin-left:0;text-align:left;padding:0; position:absolute; top:150px; left:0;}
.arrow:hover {color:#fff;text-decoration:underline;}   
	
.faq {color:#87054f;text-decoration:none;font-size:14px;font-weight:bold;line-height:1.6em;}	

.arrow_up {background:url('../images/arrow_up.gif') 4px right no-repeat;display:block;height:40px;color:#87054f;text-decoration:none;font-size:13px;margin-left:0;text-align:left;padding-top:0px;width:90px;}



/*
=============================================
=         		menuigation					=		
=============================================
*/
/*#menu {text-align:right;}
#menu li {padding:0 2px;margin:0;} */

.leftmenu li {list-style-type:none;background:url("../images/nav_arrow.gif") center left no-repeat; padding-left:20px;}
.leftmenu li a {color:#81054c;font-size:15px;font-weight:bold;text-decoration:none;}
.leftmenu li a:hover {color:#666;font-size:15px;font-weight:bold;text-decoration:none;}


/* Basic code - don't modify */
#menu { display: block; margin: 0; padding: 0;}
#menu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#menu a { display: block; }
#menu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; z-index:9999;}
* html #menu ul { line-height: 0; z-index:9999;} /* IE6 "fix" */
#menu ul a { zoom: 1; } /* IE6/7 fix */
#menu ul li { float: none; z-index:9999;}
#menu ul ul { top: 0;}


/* Essentials - configure this */
#menu ul { width:180px; }
#menu ul ul { left: 131px;}


/* Everything else is theming */
 
#menu {margin-left:65px; height: 30px; }
#menu *:hover { background-color: none; }
#menu a {border-right: 1px solid #828282; color: white; font-size: 12px; line-height:30px; padding:0 15px;text-decoration:none }
#menu li.current a { background: #9C0059;}
#menu li.hover a { background: #9C0059;}
#menu ul { top: 30px; }
#menu ul li a { background-color: #9C0059; }
#menu ul a.hover { background-color: #5F6062; }
#menu ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90);}
/* #menu ul a { border-bottom: none; } - I also needed this for IE6/7 */



/*
=============================================
=         		  Form						=		
=============================================
*/

form.technical_support {width:400px;}
Label {font-weight:normal;}
input {width:200px;}
textarea {width:420px;height:140px;}
.contact textarea {width:420px;height:100px;}

/*
=============================================
=         		  Press Releases						=		
=============================================
*/
.press-list {
	 width: 630px;
	 margin: 20px 0 10px 0;
	 float:left;
	 }
	 
.press-list a{
	 text-decoration:none;
	 display:block;
	 padding:20px;
	 background:#eeeeee;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 overflow:hidden;
	 float:left;
	 }
	 
.press-list a:hover{
	 background:#cccccc;
	 text-decoration:none;
	 display:block;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 }
	 
.press-list .date {
	 width: 100px;
	 padding:0;
	 margin:0;
	 float: left;
	 font-size: 11px;
	 }
	 
.press-list .press-title {
	 width: 450px;
	 float: left;
	 padding-left: 40px;
	 margin:0;
	 font-size: 12px;
	 }
	 
.press-list .small {
	font-size: 11px;
	color: #cccccc;
}

/*
=============================================
=         		  Social Media						=		
=============================================
*/

.socialmedias {
	 width: 80px;
	 margin-right: 10px;
	 float:left;
	 margin-top:20px;
	 display: inline;
	 }

.socialmedias img{
	 margin-right: 6px;
	 padding:0;
	 width:16px;
	 height:16px;
	 }

.socialmedias a{
	 font-size: 11px;
	 text-decoration: none;
	 }
	 
/*
=============================================
=         		  Testimonials						=		
=============================================
*/
.testimonial {
width:620px;
float:left;
margin:15px 0 30px 0;
}
.left-quote {
float:left;
background:url(/images/quote-left.jpg) no-repeat top;
width:68px;
height:77px;
}
.testi-text {
float:left;
text-align:left;
width:470px;
padding-top:18px;
padding-right:65px;
background:url(/images/quote-right.jpg) no-repeat right bottom;
margin-bottom:10px;
}

.testi-name {
float:left;
padding:5px 0 0 68px;
display:block;
width:535px;
}

.clearfix {
	clear:both;
}

/*
=============================================
=         		  Industry Partnership						=		
=============================================
*/
.partner-list {
	 width: 630px;
	 margin: 10px 0 10px 0;
	 float:left;
	 border-bottom:1px solid #cccccc;
	 overflow:hidden;
	 }
	 
.partner-list .logothumb {
	 width:140px;
	 height:80px;
	 padding:0;
	 margin-right:10px;
	 float:left;
	 }
	 
.partner-list .desc {
	 margin:0; 	 
	 float:left;
	 width: 480px;
	 }
	 
.partner-list .small {
	font-size: 11px;
	color: #cccccc;
}