/*----------------------------------+
 | Site: Naperville Surgical Centre |
 | Part: Master stylesheet          |
 +----------------------------------*/


/* Imports
=====================================================================*/
@import "reset.css";  /* Reset styles */
@import "ie.css";  /* Internet Explorer */


/* Fonts
======================================================================*/
body { font-family: Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #000080; }
a:hover { text-decoration: none; }
address { font-style: normal; }
address, blockquote, dl, h2, ol, p, table, ul { margin-bottom: 1.5em; }
body { background: #d4eeeb; font-size: 76%; line-height: 1.5; padding: 2em; }
cite, em { font-style: italic; }
dt { margin-top: 1.5em; }
h1 { color: #007c6f; font-size: 1.5em; font-weight: normal; margin-bottom: 2em; text-transform: uppercase; }
h2, h3 { font-size: 1.1em; }
h2, h3, h4, h5, h6, strong { font-weight: bold; }
hr { background: #acd7d2; border: 0; clear: both; color: #acd7d2; height: 1px; margin: 1em 0; }
ol { list-style: decimal; margin-left: 2em; }
table { border-collapse: collapse; }
tbody th, td { vertical-align: top; }
thead th { vertical-align: bottom; }
ol { list-style: decimal; }
ol ol { list-style: lower-alpha; }
ol ol, ul ul { margin-bottom: 0; margin-top: 0.5em; }
ul { list-style: disc; }
li { margin-bottom: 0.5em; }
ul, ol { margin-left: 2em; }
ul ul { list-style: circle; }



/* Core layout
======================================================================*/
.clear, #footer, #subfooter { clear: both; }
#content-primary, #content-secondary, #content-tertiary { padding-bottom: 3em; }
#content-primary { float: left; width: 65%; }
#content-primary-secondary { float: right; width: 74%; }
#content-secondary { float: right; width: 32%; }
#content-tertiary { float: left; width: 24%; }
#page { margin: 0 auto; width: 860px; }
#header { border-bottom: 4px solid #fff; margin-bottom: 3em; padding-bottom: 1.25em; }

/* Content
======================================================================*/

/*--- Footer ---*/
#footer { font-size: 0.9em; padding-top: 2em; text-align: center; }
#footer p { margin: 0; }

/*--- Galleries ---*/
.gallery { font-size: 0.75em; line-height: 1.4; list-style: none; margin-left: 0; margin-top: 1em; }
.gallery img { vertical-align: middle; }
.gallery li { background: none; float: left; margin: 0 15px 25px 0; padding: 0; text-align: center; width: 120px; }
.gallery p { margin: 0; }
.gallery .shim { display: inline-block; height: 100%; vertical-align: middle; }
.gallery .thumb { display: table-cell; height: 120px; vertical-align: middle; width: 120px; }
.gallery-title { display: block; font-size: 1.4em; }

	/* Slideshows */
	.slideshow .group { height: 17em; margin-bottom: 0; width: 128px; }
	.slideshow .group em { display: block; font-style: normal; font-size: 1em; }
	.slideshow .group img { padding: 0 8px 8px 0; }
	.slideshow .group p { padding: 0.25em 8px 0 0; }
	.slideshow .group .thumb { background-image: url(../images/shared/slides.gif); height: 128px; width: 128px; }
	.slideshow .thumb { background: url(../images/shared/slide.gif) no-repeat 0 0; }

/*--- Icons ---*/
img.icon, img.file-icon { border: 0; margin: 0 0.5em -3px 0; padding: 0; }

/*--- Navigation ---*/
#nav { border-left: 13px solid #d881bd; border-top: 1px solid #bfcae4; }
#nav a { border-bottom: 1px solid #acd7d2; display: block; height: 1%; padding: 0.4em 1em 0.4em 1em; text-decoration: none; }
#nav, #nav ul { list-style: none; margin: 0; }
#nav li { margin: 0; padding: 0; position: relative; height: 1%; }
#nav strong a { color: #000; }

	/*-- Dropdowns --*/
	#nav .menu { background: url(../images/nav-arrow.gif) no-repeat 95% 0.8em; }
	#nav li:hover, #nav li.over  { background: #acd7d2; }
	#nav li:hover > ul { left: 193px; }
	#nav li.over ul, #nav li.over li.over ul { left: 193px; }
	#nav li.current { background: #fff; }
	
	#nav ul, #nav li.over ul ul {
		background: #fff;
		border-top: 1px solid #bfcae4;
		left: -999em;
		line-height: 1.4;
		position: absolute;
		top: -1px;
		width: 193px;
	}

/*--- Subfooter ---*/
#subfooter p { margin: 0 auto; width: 60%; }
#subfooter .logo { display: table-cell; height: 90px; text-align: center; vertical-align: middle; width: 280px; }
#subfooter .logo img { vertical-align: middle; }
#subfooter .logo span { display: inline-block; height: 100%; vertical-align: middle; }
#subfooter .panel { float: left; font-size: 0.9em; text-align: center; width: 33%; }

/*--- Secondary content ---*/
#content-secondary { text-align: center; }