﻿/*==============================================
Medical Marketing Inc. Stylesheet
================================================
	Design by: Cyrus Limited, Inc. - cyrusonline.com
	Author: Travis Repetto & Brandon Kidd
	Last Edited: 2-18-2008
==============================================*/

/* Global */
*{
	font-family: Verdana, Helvetica, sans-serif;
}
html, body{
	border: 0;
	font-size: 14px;
	line-height: 20px;
}
body{
	background: #ededed;
}
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, legend{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
}
h1{
	font-size: 30px;
}
.root h1{
	line-height: 30px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 18px;
}
h4{
	font-size: 16px;
}
h5{
	font-size: 14px;
}
h6{
	font-size: 12px;
}
p, #main_content .literalContent{
    color: #666;
    margin: 0 0 20px 0;
}
p img[align="left"], #main_content .literalContent img[align="left"]{
    margin: 0 10px 0 0;
}
p img[align="right"], #main_content .literalContent img[align="right"]{
    margin: 0 0 0 10px;
}
a{
    color: #0093b2;
    outline: none;
    text-decoration: none;
}
a:hover{
	color: #0093b2;
	text-decoration: underline;
}
p a[target="_blank"]{
	padding: 0 10px 0 0;
	background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat 100% 3px;
}
address{
	font-style: normal;
}
fieldset{
	border: 2px solid #eee;
	padding: 5px 10px;
}
legend{
	color: #666;
	font-size: 16px;
	font-weight: bold;
}
.warning{
	color: #c66;
	font-weight: bold;
}
.viewall, .viewall span{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.viewall:hover span{
	text-decoration: underline;
}

/* Containers */
#wrap{
}
#header, #marquee, #main, #footer{
	margin: 0 auto;
	width: 960px;
	min-width: 960px;
}
#headerwrap{
	background: transparent url(Images/bg_headerwrap.gif) no-repeat top center;
}
#header{
	height: 150px;
	background: transparent url(Images/bg_header.jpg) no-repeat;
}
#marqueewrap{
    background: transparent url(Images/bg_marqueewrap.gif) no-repeat top center;
}
#marquee{
    height: 310px;
    background: transparent url(Images/bg_marquee.jpg) no-repeat;
}
#mainwrap{
	background: transparent url(Images/bg_mainwrap-internal.gif) repeat-y top center;
}
.root #mainwrap{
	background: transparent url(Images/bg_mainwrap.gif) repeat-y top center;
}
#maintop{
	height: 20px;
	background: transparent url(Images/bg_maintop-internal.gif) no-repeat top center;
}
.root #maintop{
	height: 20px;
	background: transparent url(Images/bg_maintop.gif) no-repeat top center;
}
#main{
    
}
#footerwrap{
	background: transparent url(Images/bg_footerwrap-internal.gif) no-repeat top center;
}
.root #footerwrap{
	background: transparent url(Images/bg_footerwrap.gif) no-repeat top center;
}
#footer{
    height: 100px;
}

/* Header */
#logo{
	display: block;
	float: left;
	width: 170px;
	/* height: 10px; */
	height: 150px;
	background: transparent url(Images/logo.gif) no-repeat top left;
}
#logo span{
	display: none;
}

/* Nav */
#nav{
    float: right;
    /* margin: 25px 0 0 2px; */
    margin: 114px 0 0 2px;
    height: 36px;
    padding:0;
    
}
#nav ul{
	list-style: none;
	margin: 0 0 0 5px;
}
#nav li{
	float: left;
	list-style: none;
	margin: 0;
}
#nav li a{
	float: left;
	display: block;
	height: 36px;
	
}
#nav li a:hover{
	background-position: left -75px
}
#nav li a span{
	display: none;
}

/* Nav Buttons */
#nav_home a{
    width: 76px;
    background: transparent url(Images/nav_home.png) no-repeat top left;
}
#nav_story a{
    width: 95px;
    background: transparent url(Images/nav_story.png) no-repeat top left;
}
#nav_services a{
    width: 126px;
    background: transparent url(Images/nav_services.png) no-repeat top left;
}
#nav_work a{
    width: 100px;
    background: transparent url(Images/nav_work.png) no-repeat top left;
}
#nav_clients a{
    width: 112px;
    background: transparent url(Images/nav_clients.png) no-repeat top left;
}
#nav_books a{
    width: 108px;
    background: transparent url(Images/nav_books.png) no-repeat top left;
}
#nav_blog a{
    width: 61px;
    background: transparent url(Images/nav_blog.png) no-repeat top left;
}
#nav_contact a{
    width: 89px;
    background: transparent url(Images/nav_contact.png) no-repeat top left;
}

/* Nav Selected */
.root #nav_home a,
.ourstory #nav_story a,
.services #nav_services a,
.work #nav_work a,
.clients #nav_clients a,
.books #nav_books a,
.contact #nav_contact a{
	background-position: left -36px;
}
.root #nav_home a:hover,
.ourstory #nav_story a:hover,
.services #nav_services a:hover,
.work #nav_work a:hover,
.clients #nav_clients a:hover,
.books #nav_books a:hover,
.contact #nav_contact a:hover{
	background-position: left -36px;
	cursor: default;
}

/* Marquee Containers */
#marquee{
    position: relative;
}
#marqueebuttons{
    position: absolute;
    clear: left;
    top: 257px;
    left: 297px;
}
    #marqueebuttons #btn_learnmore{
        display: block;
        float: left;
        width: 125px;
        height: 35px;
    }
    #marqueebuttons #btn_buynow{
        display: block;
        float: left;
        width: 115px;
        height: 35px;
        margin: 0 0 0 27px;
    }
    #marqueebuttons span{
        display: none;
    }

/* Main Containers */
#main{
	background: transparent url(Images/bg_sidenav.gif) repeat-y top left;
}
.menu{
	margin: 18px 0 10px !important;
}
.root .menu{
	top: -18px;
}
.root #main{
	padding: 0;
	background: transparent none;
}
    #main #main_sidebar #sidemenu{
		padding-right: 1px;
    }   
        #main #main_sidebar h2{
            margin: 0;
            padding: 0 0 0 7px;
            border: 0;
	        background: transparent url(Images/bg_sideheader.gif) repeat-x;
	        color: #fff;
	        font-size: 18px;
	        line-height: 45px;
        }
        #main #main_sidebar #sidemenu ul{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        #main #main_sidebar #sidemenu li{
			background: transparent url(Images/bg_nav-li.gif) repeat-y left;
			margin-bottom: 7px;
            padding: 2px 0 2px 20px;
        }
        #main #main_sidebar #sidemenu li.selected{
			background-image: url(Images/bg_nav-li_selected.gif);
        }
        #main #main_sidebar #sidemenu li a{
			color: #0093b2;
			display: block;
            font-size: 14px;
            font-weight: normal;
            padding-left: 10px;
        }
        #main #main_sidebar #sidemenu li a:hover{
			background: transparent url(Images/bullet_sidemenu.gif) no-repeat left;
			color: #666;
			text-decoration: none;
        }
        #main #main_sidebar #sidemenu li.selected a:hover{
			background: transparent url(Images/bullet_sidemenu_selected.gif) no-repeat left;
        }
        #main #main_sidebar #sidemenu .viewall{
            display: block;
            margin: 0 0 10px 10px;
        }
        #main #main_sidebar #sidemenu .viewall, #main #main_sidebar #sidemenu .viewall span{
            font-size: 14px;
            font-weight: bold;
        }
        #main #main_sidebar #sidemenu .viewall:hover{
            text-decoration: none;
        }
        #main #main_sidebar #sidemenu .viewall:hover span{
            text-decoration: underline;
        }
        
    .contact #main #main_sidebar #sidemenu{
		padding: 0;
    }

    .root #main #main_sidebar #sidemenu{
		border: 2px solid #ccc;
		padding: 0;
    }
		.root #main #main_sidebar #sidemenu ul{
			clear: both;
            margin: 5px 0 10px 10px;
            overflow: hidden;
            padding: 0;
            list-style: none;
        }
        .root #main #main_sidebar #sidemenu li{
			height: 24px;
			margin: 0;
            padding: 0 0 0 10px;
            background: transparent url(Images/bg_sidebullet.gif) no-repeat 0px 8px;
            * background-position: 0px 9px;
        }
        .root #main #main_sidebar #sidemenu li a{
            font-size: 14px;
            line-height: 22px;
            font-weight: normal;
            padding: 0;
        }
        .root #main #main_sidebar #sidemenu li a:hover{
			background: transparent none;
			color: #0093b2;
			text-decoration: underline;
        }
        .root #main #main_sidebar #sidemenu li.selected a:hover{
			background: transparent none;
        }
        .root #main #main_sidebar #sidemenu .viewall{
            display: block;
            margin: 0 0 10px 10px;
        }
        .root #main #main_sidebar #sidemenu .viewall,
        .root #main #main_sidebar #sidemenu .viewall span{
            font-size: 14px;
            font-weight: bold;
        }
        .root #main #main_sidebar #sidemenu .viewall:hover{
            text-decoration: none;
        }
        .root #main #main_sidebar #sidemenu .viewall:hover span{
            text-decoration: underline;
        }

/* Main Inner Pages */
#main_header{
    background: transparent url(Images/bg_main_header.gif) no-repeat;
}
#main_footer{
    height: 20px;
    background: transparent url(Images/bg_main_footer.gif) no-repeat;
}
#main_inner{
	width: 100%;
	padding: 0 0 0 0;
}
#main_content{
	width: 660px;
	_height: 300px;
	min-height: 300px;
	background: transparent url(Images/bg_content-internal.gif) no-repeat left top;
	display: inline;
	float: right;
	margin: 0;
	padding: 5px 10px 0 10px;
}
.root #main_content{
	background: transparent none;
}
#main_sidebar{
	position: relative;
	float: left;
	width: 260px;
    min-height: 200px;
    _height: 200px;
	padding: 0 10px 0 10px;
}

/* Main Content Styles */
#main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6{
	margin: 0 0 5px 0;
}
#main_content h1{
    margin: 0 0 5px 0;
    color: #0093b2;
	font-size: 26px;
}
#main_content h2{
	background: #e5e3d6;
	border-bottom: 1px solid #a39f86;
    color: #666;
	font-size: 24px;
	line-height: 28px;
	padding-left: 5px;
}
	#main_content h2 a{
		text-decoration: none;
	}
	#main_content h2 a:hover{
		color: #666;
	}
#main_content h3{
	background: #e5e3d7;
	border-left: solid 15px #a39f86;
	color: #666;
	padding: 4px 0 4px 5px;
}
#main_content hr{
	height: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
}
#main_content ul{
    margin: 0 0 20px 0;
}
	#main_content ul li{
		background: transparent url(/Resources/Common/Images/bullet.gif) no-repeat 0 0.67em;
		list-style: none;
		padding-left: 15px;
	}
		#main_content ul ul{
			margin: -10px 0 0 15px;
			* margin: 0 0 0 0;
		}
#main_content ol{
    margin: 0 0 20px 25px;
}
#main_content ol li{
	margin-bottom: 10px;
	line-height: 18px;
}
#main_content dl{
	margin: 0 0 20px 0;
	line-height: 20px;
}
#main_content dl dt{
	color: #555;
	font-weight: bold;
}
#main_content dl dd{
	margin: 0 0 10px 0;
}
#main_content blockquote{
	width: 640px;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #ddd;
	color: #666;
	line-height: 20px;
	text-align: justify;
	font-style: italic;
}
#main_content .menuempty{
	margin: 0 0 35px 0;
}
#main_content .button, #main_content .button_disabled{
	border: 2px solid #ccc;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	padding: 4px 8px;
}
#main_content .button{
	background: transparent url(Images/bg_btn.gif) repeat-x;
	color: #666;
}
#main_content input.button{
    height: 22px;
    margin: 0;
	padding: 0 2px;
	line-height: 12px;
}
#main_content .button:hover{
	color: #666;
	text-decoration: none;
}
#main_content .button_disabled{
    padding: 4px 8px;
    background: #fff;
    border-color: #f1f1f1;
    color: #ccc;
}
#main_content input.button_disabled{
    height: 22px;
    padding: 0 4px;
    line-height: 12px;
}
#main_content .button_disabled:hover{
    text-decoration: none;
}
#main_content .photo{
	width: 132px;
	height: 152px;
	float: left;
	position: relative;
	background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat;
}
	#main_content .photo img{
		position: absolute;
		left: 5px;
		top: 5px;
	}
#main_content .thumb{
	width: 72px;
	height: 82px;
	float: left;
	position: relative;
	background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat;
}
#main_content .thumb img{
	position: absolute;
	left: 5px;
	top: 5px;
}

/* Main Sidebar Styles */
#main_sidebar h2{
    color: #666;
	margin: 0 10px;
	padding: 2px 5px;
	border: 1px solid #fff;
	background: #f1f1f1;
}
#main_sidebar fieldset{
    width: 190px;
    margin: 0 auto 10px auto;
}
    #main_sidebar fieldset .HealthCenter,
    #main_sidebar fieldset .Hospital{
        height: 20px;
        margin: 0 0 0 10px;
	    padding: 0 0 5px 25px;
	    background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 0;
	    color: #666;
	    line-height: 18px;
	    font-weight: bold;
    }
    #main_sidebar fieldset .Clinic{
        height: 20px;
        margin: 0 0 0 10px;
	    padding: 0 0 5px 25px;
	    background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 0;
	    color: #666;
	    line-height: 18px;
	    font-weight: bold;
    }
    #main_sidebar address{
        padding: 5px 0 5px 10px;
        border-left: 20px solid #a39f86;
        background: #e5e3d7;
        line-height: 18px;
    }
    #main_sidebar #phonenumbers{
        margin: 10px 0 10px 0;
        padding: 5px 0 5px 10px;
        border-left: 20px solid #a39f86;
        background: #e5e3d7;
        color: #666;
        line-height: 18px;
        font-weight: bold;
    }
    #main_sidebar #map{
		display: none;
	    width: 210px;
	    height: 200px;
	    overflow: hidden;
	    margin: 20px 0 10px 0;
	    border: 4px solid #eee;
    }
#main_sidebar ul{
	list-style: none;
	margin: 0 0 10px 12px;
}
#main_sidebar li{
	color: #0D2D84;
	font-weight: bold;
	list-style: none;
	padding: 0 0 0 5px;
	background: transparent url(/Resources/Common/Images/bullet_sidenav.gif) no-repeat 0 7px;
}
#main_sidebar li a{
	padding: 1px 2px;
	color: #666;
	font-size: 12px;
	line-height: 20px;  
}
#main_sidebar li ul{
	margin: 0;
}
#main_sidebar li li, #main_sidebar ul ul li{
	font-weight: normal;
	padding: 0 0 0 7px;
	background: transparent url(/Resources/Common/Images/bullet_sub.gif) no-repeat 3px 8px;
}
#main_sidebar li li a, #main_sidebar ul ul li a{
	color: #999;
	font-size: 12px;
	line-height: 16px;
}
#main_sidebar li a:hover{
	color: #999;
}
#main_sidebar li li a:hover, #main_sidebar ul ul li a:hover{
	color: #999;
}
#main_sidebar #quicklinks.control_container li{
    margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	background: transparent url(/Resources/Common/Images/bullet_sub.gif) no-repeat 0 8px;
    font-weight: normal;
}

/* Section Sidebar Styles */
.ourstory #main_sidebar,
.services #main_sidebar,
.work #main_sidebar,
.clients #main_sidebar,
.books #main_sidebar{
	padding-top: 110px;
	top: -10px;
}
.ourstory #main_sidebar{ background: transparent url(Images/leftnav_ourstory.jpg) no-repeat left top; }
.services #main_sidebar{ background: transparent url(Images/leftnav_ourservices.jpg) no-repeat left top; }
.work #main_sidebar{ background: transparent url(Images/leftnav_ourwork.jpg) no-repeat left top; }
.clients #main_sidebar{ background: transparent url(Images/leftnav_ourclients.jpg) no-repeat left top; }
.books #main_sidebar{ background: transparent url(Images/leftnav_ourbooks.jpg) no-repeat left top; }


/* Footer */
#footer{
	font-size: 11px;
	line-height: 18px;
}
#footerleft{
	float: left;
	width: 450px;
	margin: 30px 0 10px 10px;
}
	#footerleft a.poweredbycyrus{
		width: 137px;
		height: 21px;
		background: transparent url(Images/poweredbycyrus.gif) no-repeat left top;
		display: block;
		float: left;
		margin: 5px 0;
	}
	#footerleft a.poweredbycyrus:hover{
		background-position: left bottom;
	}
		#footerleft a.poweredbycyrus span{
			display: none;
		}
    #footercopyright{
	    color: #333;
    }
    #footerlegal{
	    color: #333;
    }
	    #footerlegal ul{
		    list-style: none;
	    }
	    #footerlegal li{
		    display: inline;
		    list-style: none;
	    }
	    #footerlegal li a{
	        padding: 0 5px 0 7px;
		    border-left: 1px solid #999;
		    color: #333;
	    }
	    #footerlegal li a:hover{
		    color: #666;
		    text-decoration: underline;
	    }
	    #footerlegal li a.firstlink{
	        padding-left: 0;
		    border-left: 0 none;
	    }
#footerright{
	float: right;
	width: 450px;
	margin: 30px 10px 10px 0;
	text-align: right;
}
    #footername a{
	    color: #333;
        font-weight: bold;
    }
    #footeraddress a{
	    color: #333;
    }
	    #footeraddress a:hover{
		    color: #666;
		    text-decoration: underline;
	    }
    #footercontact{
	    color: #333;
    }

/* Book Promo */
#book_promo{
	position: relative;
}
	#book_promo .learnmore,
	#book_promo .buynow{
		position: absolute;
		top: 270px;
		background-color: #fff;
		border: solid 1px #0093b2;
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 10px;
		font-weight: bold;
		padding: 0 6px;
	}
	#book_promo .learnmore{
		left: 40px;
	}
	#book_promo .buynow{
		right: 40px;
	}

/* Book Quotes */
.bookquotes{ height: 225px; background: #e5e3d7; border: solid 4px #a39f86; display: block; margin: 20px 0 0; padding: 10px; }
	.bookquotes h3{ color: #0093b2; font-family: Verdana, Arial, Sans-Serif; font-size: 14px; line-height: 20px; margin: 0 0 5px; }
	.bookquotes blockquote{ border-left: solid 3px #ccc; font-size: 11px; font-style: italic; margin: 0 0 5px; padding: 0 0 0 8px; }
	.bookquotes .name{ color: #333; font-size: 12px; font-weight: bold; line-height: 18px; }
	.bookquotes .title{ color: #666; font-size: 11px; font-style: italic; line-height: 14px; }
	
	#litContent ul li, #litContent ol li{ margin: 0 !important;}
	#litContent ul, #litContent ol{ margin: .5em 0 .83em 0 !important; }
	
/* Social Media Icons */
#main_sidebar .socialmedia{ width: 260px; height: 45px; background: transparent url("Images/bg_sideheader.gif") repeat-x scroll 0 0; margin: 0 auto 5px; overflow:hidden }
#main_sidebar .socialmedia h2{ background: none; display: inline; float: left; }	
#main_sidebar .socialmedia ul li{ display: inline; float: left; padding: 0; }
#main_sidebar .socialmedia ul li a{ width: 45px; height: 45px; display: inline; float: left; overflow: hidden; padding: 0; text-indent: -99999em; }
#main_sidebar .socialmedia ul li a.facebook{ background: transparent url("Images/facebook.jpg") no-repeat left top; }
#main_sidebar .socialmedia ul li a.twitter{ background: transparent url("Images/twitter.jpg") no-repeat left top; }
#main_sidebar .socialmedia ul li a.blog{ background: transparent url("Images/blog.jpg") no-repeat left top; }

