/*
Theme Name: Uptown Orthodontics
Theme URI: http://www.uptownortho.com
Description: Custom theme for Uptown Orthodontics
Author: Webstructure
Version: 1.0 
Tags: custom theme
*/

body { font-size:100%; line-height:100%; background-color:#fff;}

a img { border:0px;}

p, ul, ol, table { margin-top:0px;}
ul { margin-left:0px; padding-left:1.5em;}

#base {
	width:938px;
	margin:0 auto 30px auto;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.75em; /* 12 pt baseline */
	line-height:1.4em;
	/*color:#39586a;*/
	color:#163e69;
}
#base.homepage {
	background-image:url(images/bg_homepage.png);
	background-repeat:no-repeat;
	height:773px;
	background-position:0px 491px;
}

#header {
	position:relative;
	height:63px;
	font-size:0.9em;
	color:#9eb3c0;
	margin-bottom:20px;
	/*border:1px solid #000;*/
}
#header h1 {
	margin:0px;
}
#header h1 a{
	display:block;
	width:239px;
	height:63px;
	text-indent:-10000px;
	background-image:url(images/logo_uptown.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
}
#header #sig, #header #social { position:absolute; right:0px; text-align:right;}
#header #sig { top:0px; }
#header #sig strong { color:#d52979; font-weight:normal;}
#header #social { bottom:0px; }
#header #social img { vertical-align:middle; margin-top:-9px;}

#nav { width:938px; height:30px; overflow:hidden;}
#nav ul { list-style:none; margin:0px; padding:0px;}
#nav ul li {
	display:block;
	width:134px;
	float:left;
}

#nav li a {
	display:block;
	height:30px;
	width:134px;
	float:left;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-10000px;
}

li.nav-home a { background-image:url(images/nav_home.png);}
li.nav-about-us a { background-image:url(images/nav_about-us.png);}
li.nav-first-visit a { background-image:url(images/nav_first-visit.png);}
li.nav-treatment a { background-image:url(images/nav_treatment.png);}
li.nav-testimonials a { background-image:url(images/nav_testimonials.png);}
/*li.nav-office-policies a { background-image:url(images/nav_policies.png);}*/
li.nav-mouthguards a { background-image:url(images/nav_mouthguards.png);}
li.nav-contact-us a { background-image:url(images/nav_contact-us.png);}

#nav li a:hover { background-position:center left;}
#nav li.selected a { background-position:bottom left;}

#breadcrumb {
	margin:15px 0px;
	line-height:1em;
	font-size:0.9em;
}

#page {}

#sidebar {
	width:216px;
	margin-right:25px;
	margin-top:22px;
	float:left;
	font-size:0.9em;
	overflow:hidden;
}
#sidebar .sideBlock {
	border-top:2px dashed #c9d2d6;
	padding:1.5em 0;
}
#sidebar .firstBlock {
	border:0px;
	padding-top:0px;
}

#sidebar p, #sidebar h2, #sidebar h3 { margin:0px;}
#sidebar h2 { font-size:1.54em; font-family:Arial, Helvetica, sans-serif; margin-top:2px;}
#sidebar h3 { font-size:1em; font-weight:normal; font-style:italic; color:#d83a78;}
/*#sidebar a { color:#d83a78; text-decoration:none;}
#sidebar a:hover { text-decoration:underline;} -- redundant with default link styles */

/* homepage-specific sidebar styles */
#sidebar.homepage {
	width:938px;
	margin:0px;
	float:none;
	overflow:visible;
	color:#fff;
	position:relative;
}
#sidebar.homepage a:link, #sidebar.homepage a:visited { text-decoration:none;}
#sidebar.homepage a:hover, #sidebar.homepage a:active { text-decoration:underline;}
#sidebar.homepage .sideBlock { position:absolute; border-top:0px; padding-top:0px;}
#sidebar.homepage .block1 {
	width:210px;
	top:20px;
	left:25px;
	padding-right:28px;
	padding-bottom:20px;
	padding-top:2px;
	border-right:2px dashed #e26b99;
}
#sidebar.homepage .block2 {
	width:210px;
	top:20px;
	padding-top:2px;
	left:290px;
}
#sidebar.homepage .block1 h3, #sidebar.homepage .block2 h3 { color:#f5c2da;}
#sidebar.homepage .block1 a, #sidebar.homepage .block2 a { /*color:#324c5c;*/color:#163e69;}
#sidebar.homepage .block3 {
	width:266px;
	top:117px;
	left:559px;
}
#sidebar.homepage .block3 h3 { color:#9eb3c0;}
#sidebar.homepage .block3 a { color:#e98db8;}
#sidebar.homepage .block4 {
	width:200px;
	top:22px;
	right:25px;
	text-align:right;
}
#flashContent p { margin:0px;}

/* default link styles */
a:link, a:visited { color:#d83a78; text-decoration:none;}
a:active, a:hover { color:#d83a78; text-decoration:underline;}

/* standard navigation list, used for sub-nav and footer nav */
.navList {
	list-style:none;
	margin:0px 0px 15px -2px; 
	padding:0px;
	font-size:0.9em;
}
.navList li { 
	display:inline; 
	border-right:1px solid #d83a78; 
	padding:0px 5px 0px 2px;
	line-height:1em;
}
.navList li.lastItem { border-right:0px; padding-right:0px;}
/*.navList a { color:#d83a78; text-decoration:none;}
.navList a:hover { text-decoration:underline;} -- redundant with default link styles */

.largeImage { 
	width:697px;
	float:right;
}

#content {
	width:647px;
	float:left;
	padding:22px 25px;
	background-color:#e7ebed;
	overflow:hidden;
}
.testimonials #content { /*background-color:#d83a78;*/ background-color:#ea3c91; color:#fff;}
#content .leftColumn, #content .rightColumn { float:left; overflow:hidden;}
#content .leftColumn { width:437px; margin-right:35px;}
.testimonials #content .leftColumn { width:444px; margin-right:25px; border-right:2px dashed #e26b99;}
#content .rightColumn { width:175px; color:#5f869c;}
#content .rightColumn h3 { font-size:0.9em; color:#d83a78; font-style:italic; margin-top:0px; font-weight:normal;}
.team .rightColumn img { margin-top:36px; margin-left:2px;}
.testimonials #content .rightColumn, .testimonials #content .rightColumn h3 { color:#fff;}

h2 { margin:2px 0px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.75em;}
h3 { margin-bottom:0px; font-size:1em;}
.team h4 { margin-top:0px; font-size:0.9em; font-style:italic; font-weight:normal;}


/* testimonials */
.testimonial-buttons { list-style:none; margin:0px; padding:0px;}
.testimonial-buttons li { display:inline; float:left; padding-right:15px; margin-bottom:15px;}

.testimonials .rightColumn div { position:absolute; display:none; width:175px;}
.testimonials .rightColumn div.visible { display:block;}

.topLink { clear:left; display:block; border-top:2px dashed #c9d2d6; padding-top:20px; margin-top:20px; margin-bottom:0px; font-style:italic;}
/*.topLink a:link, .topLink a:visited { color:#d83a78; text-decoration:none;}
.topLink a:active, .topLink a:hover { color:#d83a78; text-decoration:underline;} -- redundant with default link styles */

#footer {
	clear:both;
	color:#4b6d80;
	font-size:0.9em;
	padding:20px 0px;
}
#footer p { width:266px; float:left; overflow:hidden; margin:0px;}
#footer.homepage {
	position:absolute;
	top:707px;
	clear:none;
}

#footer .navList {
	width:600px;
	float:right;
	text-align:right;
	overflow:hidden;
	font-size:1em;
}