/* @override 
	http://rmwebsite.com/smilesbymarla/wp-content/themes/smilesbymarla/style.css
	http://www.smilesbymarla.com/wp-content/themes/smilesbymarla/style.css
*/

/**********************************************/
/**  Tags
/**********************************************/
html {
	background:inherit;
	height:100%;
	background-color:#202020;
}
body {
	background:#212121 url(images/bg-body.jpg) scroll repeat-x 0 0;
	color:#fff;
	font-family:Avenir, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	height:100%;
	background-color:#202020;
	
}

a:link,
a:visited {
	color:#ac8e22;
	text-decoration:none;
}

a:hover,
a:active {
	color:#ac8e22;
	text-decoration:underline;
}

h1 {
	color:#ac8e22;
	font-size:1.846em; /* 24px / 13px = 1.846em */
	font-weight:normal;
	line-height:1.538em; /* 20px / 13px = 1.538em */
	margin-bottom:0.769em; /* 20px / 13px / 2 = 0.769em */
}

h2 {
	color:#ac8e22;
	font-size:1.846em; /* 24px / 13px = 1.846em */
	font-weight:normal;
	line-height:1.538em; /* 20px / 13px = 1.538em */
	margin-bottom:0.769em; /* 20px / 13px / 2 = 0.769em */
}

h3 {
	color:#ac8e22;
	font-size:17px; /* 24px / 13px = 1.846em */
	font-weight:normal;
	line-height:20px; /* 20px / 13px = 1.538em */
	margin-bottom:0.769em; /* 20px / 13px / 2 = 0.769em */
	border-bottom: 1px solid;
	padding-bottom: 3px;
}

h4 {}

h5 {}

h6 {}

p, address {
	font-size:14px; /* 12px / 13px = 0.923em */
	line-height:1.538em; /* 20px / 13px = 1.538em */
	margin-bottom:1.538em; /* 20px / 13px = 1.538em */
}

strong {
	font-size:1.3em;
	font-weight:bold;
}

em {
	font-style:italic;
}

/**********************************************/
/**  IDs
/**********************************************/
#wrap {
	margin:0 auto;
	padding:30px 0;
	width:1007px;
	
}

#info {
	background:transparent url(images/bg-info.jpg) scroll no-repeat center top;
	height:106px;
	margin:0 auto;
	width:960px;
}

#top-nav {
	background:transparent url(images/bg-nav.jpg) scroll no-repeat center top;
	height:45px;
}

#masthead {
	background:transparent url(images/bg-masthead.jpg) scroll no-repeat center top;
	height:274px;
	padding:11px 0 10px;
}

#content {
	background:transparent url(images/bg-content.png) scroll repeat-y center top;
	padding:0 24px;
	text-align:left;
	width:960px;
}

#main-content {
	float:left;
	margin:20px 0 20px 20px;
	/*<!--width:616px;-->*/
	width:629px;
}

#main-content ul {
	margin: 20px;
}

/*#main-content ul li {
	list-style-type: disc;
	margin: 0 0 5px 20px;
}*/

#main-content h2 {
	font-size:1.5em; /* 24px / 13px = 1.846em */
	line-height:1.5em; /* 20px / 13px = 1.538em */
	border-bottom: 1px solid;
	padding-bottom: 4px;
}

#beautyh2 {
	border: none!important;
}

#side-bar {
	float:right;
	margin:20px 20px 40px 0;
	width:264px;
}

#btnContact {
	margin-bottom: 20px;
	height: 80px;
	display: block;
	background: url("images/btnContact.png") no-repeat;
	text-indent: -9999px;
}

#btnFacebook {
	margin: 20px auto;
	width:200px;
	height: 75px;
	display: block;
	background: url("images/facebook.jpg") no-repeat;
	text-indent: -9999px;
}

#btnContact:hover {
	background: url("images/btnContact.png") bottom left no-repeat;
}

#footer {
	background:transparent url(images/bg-footer.jpg) scroll no-repeat center bottom;
	height:145px;
}

#bottom {
	margin:auto;
	width:75%;
}

#bottom ul {margin:10px;}

#bottom li {
	padding:0 5px 0 7px;
	display: inline;
	border-left: 1px solid #ac8e22;
}

#bottom li:first-child { border: none; }

/**********************************************/
/**  Classes
/**********************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

img.fl-left {
	float:left;
	margin:0 0.769em 0.769em 0;
}

img.fl-right {
	float:right;
	margin:0 0 0.769em 0.769em;
}

#main-content .divider {
	background:transparent url(images/double-divider.jpg) scroll no-repeat center top;
	margin:0 0 20px;
	padding:30px 0 0;
}
	
	#main-content .biglist {
		background:transparent url(images/bg-list.jpg) scroll no-repeat 0 0;
		height:161px;
		padding:10px 0 20px 20px;
	}
	
		#main-content .biglist ul {
			margin: 0px;
		}
	
		.biglist h2 {
			margin-bottom:10px;
			border: none!important;
		}

		#main-content .biglist ul li {
			background:transparent url(images/bullet.png) scroll no-repeat 0 0;
			float:left;
			padding-left:20px;
			width:270px;
			margin: 0;
		}

		#main-content .biglist ul li.odd {
			margin-right:0px;
			margin-left: 30px;
			width:240px;
		}

#side-bar .divider {
	background:transparent url(images/double-divider-sm.jpg) scroll no-repeat center top;
	margin:20px 0;
	padding:30px 0 0;
}

#side-bar .divider #rotatingQuotes {
	height: 420px!important;
}

p.text-right {
	text-align:right;
}

/**********************************************/
/**  #
/**********************************************/
#info a {
	display:block;
	height:106px;
	margin:0 0 0 20px;
	width:140px;
	float: left;
}

#info p {
	position:absolute;
	top:-9999px;
}

#info ul {
	float: right;
	width: 350px;
	margin: 0 20px 0 0;
	padding: 0;
	height: 38px;
}

#info ul li {
	float: left;
	border-right: 1px solid #574108;
	border-left: 1px solid #c2b46a;
	width: 110px;
}

#info ul li, #info ul li a {
	height: 38px;
	line-height: 38px;
	margin: 0px;
	padding: 0px;
	color: #fff;
	text-align: center;
}

#info ul li a {
	width: 100%;
	display: block;
	text-transform: uppercase;
}

#info ul li a:hover {
	background-color: #927D2A;
	text-decoration: none;
}

#info ul li#sub-menu-1 {
	margin-left: 8px;
	border-left: none;
}

#info ul li#sub-menu-3 {
	border-right: none;
	margin-right: 8px;
}

/**********************************************/
/**  #
/**********************************************/
#top-nav ul {
	padding:0 24px;
	width: 960px;
	margin: 0;
	height: 45px;
	background: url("images/bg-nav.jpg") no-repeat;
}

#top-nav li, #top-nav a { height:45px; display:block; } /* change height here also */

#top-nav li {
	border-left:1px solid #2c2c2c;
	border-right:1px solid #565656;
	float:left;
	list-style:none;
	display:inline;
	position:relative;
}

#top-nav a {
	color:#fff;
	display:block;
	height:45px;
	font-size:14px;
	line-height:45px;
	text-decoration:none;
	text-transform:uppercase;
}
	
#top-nav a:hover {
	background:transparent url(images/bg-nav-over.jpg) scroll repeat-x 0 0;
}

#top-nav #menu-1 a { width: 160px; }
#top-nav #menu-2 a { width: 180px; }
#top-nav #menu-3 a { width: 45px; }
#top-nav #menu-4 a { width: 160px; }
#top-nav #menu-5 a { width: 150px; }
#top-nav #menu-6 a { width: 120px; }
#top-nav #menu-7 a { width: 130px; }

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#top-nav li ul {
	position:absolute;
	left:-9999px;
	text-align: left;
	padding: 0 1px 0 0;
	background: none;
}

#top-nav li ul li { 
	height:30px;
	border:1px solid #8d6a15;
	border-top:none;
}	

#top-nav li ul li a {
	width:100%!important;
	height:30px;
	line-height:30px;
	text-indent: 10px;
	background:#c9b030 url("images/bkgdNav.png") repeat-x;
}

/* Drop down link styles */
#top-nav a:link, #top-nav a:visited, #top-nav a:hover, #top-nav a:active {
	font-size:1.0em;
	color:#fff;
	text-decoration:none;
}

#top-nav li:hover ul, #top-nav li.sfHover ul { left: 0px; }

/* Hover styles for drop down items */
#top-nav li ul a:hover {
	background:#AC8E22 url("images/bkgdNav.png") bottom left repeat-x;
	color:#fff;
	text-decoration:none;
}

/* width of drop down nav - choose width that allows items to display on one line */
#menu-1 ul, #menu-1 ul li { width:190px; }
#menu-2 ul, #menu-2 ul li { width:300px; }

#menu-3 ul, #menu-3 ul li { width:210px; }
#menu-5 ul, #menu-5 ul li { width:195px; }

/**********************************************/
/**  #
/**********************************************/
#side-bar form {
	margin:0 0 20px;
}

#side-bar label {
	left:-9999px;
	position:absolute;
}

#side-bar input,
#side-bar textarea {
	border:1px solid #151415;
	font-size:0.923em; /* 12px / 13px = 0.923em */
	margin:0 0 4px;
	padding:4px 8px;
	width:245px;
}

#side-bar #Submit {
	background:#1b1b1b url(images/bg-submit.jpg) scroll no-repeat center;
	color:#fff;
	height:26px;
	text-align: center;
	float: left;
	width:65px;
}
#main-content #Submit {
	background:#1b1b1b url(images/bg-submit.jpg) scroll no-repeat center;
	color:#fff;
	height:26px;
	text-align: center;
	float: left;
	width:65px;
	border:none;
}

#side-bar table td {
	padding:5px;
	text-align:center;
}
#side-bar .gal {
	float:left;
	margin-right:5px;
	text-align:center;
	border:1px solid #999900;
}

#side-bar address {
	float: left;
}

#btnMap {
	height: 99px;
	width: 99px;
	display: block;
	background: url("images/btnMap.jpg") no-repeat;
	text-indent: -9999px;
	float: right;
	margin: 0 0 10px 5px;
}

#btnMap:hover {
	background: url("images/btnMap.jpg") bottom left no-repeat;
}

.divider p {
	clear: both;
}

/**********************************************/
/**  #
/**********************************************/
#bottom span {
	margin:auto 5px;
}

/**********************************************/
/**  #
/**********************************************/
#main-content #contact-quick form {
}
#main-content #contact-quick label {
	display:block;
	margin-bottom:10px;
	position:relative;
	text-align:right;
	width:200px;
}

#main-content #contact-quick label input,
#main-content #contact-quick label textarea {
	left:210px;
	position:absolute;
	top:-2px;
	width:225px;
}
#main-content #contact-quick #Submit {
	margin:115px 0 0 225px;
}

/****       spacer  */
.clearBoth{clear:both;}

.clear	{ 
	clear:both;
}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
}

/* ------------------------blog framework ------------------------ */

/* Captions & aligment */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 5px 10px 10px 0;
}

.alignright {
	float: right;
	margin: 5px 0 10px 10px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions & aligment */

#commentsDiv {
	clear: both;
	margin: 30px 20px 30px 35px;
	padding-top: 20px;
}

#commentsDiv h3, #commentsDiv p {
	margin: 0px;
}

#commentsDiv input, #commentsDiv textarea {
	border: 1px solid #6779C3;
	font-size: 12px;
	color: #6779C3;
	height: 25px;
	line-height: 25px;
}

#commentsDiv textarea {
	width: 500px;
	height: 150px;
}

input#submit {
	height: 25px;
	line-height: 20px;
	width: 150px;
	color: #042b5e;
	background-color: #fff;
}

#comments {
	margin-bottom: 20px!important;
}

#respond {
	margin-top: 20px!important;	
}

.commentlist {
	border-bottom: 1px solid #fff;
}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em;
}

.commentlist li {
	padding: 20px;
	border-top: 1px solid #fff;
}
	
.commentlist li p {
	margin-top: 10px!important;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-style: normal;
	font-size: 1.1em;
	color: #fff;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

.commentmetadata {
	font-weight: normal;
}
	
.alt {
	background-color: #042b5e!important;
}

#commentform p {
	margin-bottom: 10px!important;
}

h3#respond {
	margin-bottom: 20px;
}


/********* Gallery Styles ********/
.galleryh2 {
	clear: both;
}

.case {
	clear: both;
	border-bottom: 1px solid #ac8e22;
	margin-bottom: 25px;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.caseImages {
	display: table;
	margin: 0 auto;
	}

.case img, .caseImagesSidebar img {
	border: 1px solid #ac8e22;
	padding: 3px;
	background: #fff;
}

.face {
	float: left;
	width: 233px;
	height: 292px;
	margin: 5px 10px 10px 0;
}

.teethDiv {
	width: 240px;
	float: left;
	margin-bottom: 10px;
}

.teethDiv img {
	margin-bottom: 6px;
}

.noFace img {
	margin-right: 10px;
}

.caseParagraph {
	clear: both;
	margin-top: 10px;
}

.caseImagesSidebar .face {
	width: 122px;
	height: 169px;
	margin-top: 0px;
}

.caseImagesSidebar .teethDiv {
	width: 124px;
}