/*
    Restorative Arts Dental Laboratory web site redesign CSS
    developed by icreatedesigns llc
	created on Wednesday, September 30, 2009
*/

/* ===== global styles ===== */

body 									{font-family: Candara, Arial, sans-serif; background: #bbb url(../images/page_background.jpg); margin: 0; padding: 0;}

h1,h2,h3,h4,h5							{font-weight:normal;line-height:100%;margin-bottom:10px;}

h1										{font-family: Georgia, Times, serif;color:#000;font-size:34px;margin-bottom:10px;font-weight:bold;}

h2										{font-family: Georgia, Times, serif;color:#000;font-size:32px;margin-bottom:10px;font-weight:bold;}

h3										{font-family: Calibri, Arial, sans-serif;color:#1e1e1e;font-size:30px;font-weight:bold;margin-bottom:20px;}

h4										{font-family: Calibri, Arial, sans-serif;color:#832123;font-size:24px;font-weight:bold;line-height: 130%;}

h5										{font-family: Calibri, Arial, sans-serif;color:#000000;font-size:18px;font-weight:bold;margin-bottom:5px;}

h6										{font-family: Calibri, Arial, sans-serif;color:#ffffff;font-size:18px;font-weight:bold;margin-bottom:7px;}

p										{line-height:140%;padding:2px;font-size:16px;margin-bottom:15px;}

ol										{font-size:14pt;font-family: Candara, Arial, sans-serif;list-style:outside;font-style:normal;color:#000000;list-style-type:decimal;margin:5px 0px 15px 50px;}

ol li p									{font-size:16pt;font-family:"Lucida Grande", "Arial", sans-serif;font-style:normal;color:#403329;padding:0;margin:0px 0px 3px 0px;}

div#outerDiv 							{width: 960px; margin: 0 auto;}

/* ===== header ===== */

div#header 								{height: 106px; position: relative; background: url(../images/outerdiv_background.jpg) left top repeat-x;}

div#subpgheader 						{height: 70px; position: relative; background: url(../images/outerdiv_background.jpg) left top repeat-x;}

/* ===== logos ===== */

div#logos 								{height: 94px; position: absolute; float: left; top: 5px;}	

#logos img, a 							{border: none;}

div#subpglogos 							{height: 94px; position: absolute; float: left; top: 5px;}	

#subpglogos img, a 						{border: none;}

/* ===== member login ===== */

#outerDiv div#memberlogin 				{position: absolute; left: 780px;top: 0; z-index: 10;}

#memberlogin a:link, #memberlogin a:visited {height: 29px; width: 170px; display: block; text-indent: -1000em; background: url(../images/member_login.gif) no-repeat left top; border: none;}

#memberlogin a:hover, #memberlogin a:active {background-position: left bottom;}

/* ===== navbar ===== */

div#navbar 								{height: 36px; position: relative; background:url(../images/nav_repeat.jpg) left top repeat-x;}

ul#nav									{height:34px;display:block;overflow:hidden;margin-left:15px;padding:0;position:absolute;}

ul#nav li								{float:left;padding:9px 18px 9px 18px;background:url(../images/nav_repeat.jpg) left top repeat-x;border:1px solid #4c4c4c;height:15px;cursor:pointer;position:relative;}

ul#nav li a								{display:block;font-size:14px;font-weight:bold;color:#e8e8e8;text-transform:uppercase;text-decoration:none;}

ul#nav li.active						{background:url(../images/navdown_repeat.jpg) left top repeat-x;}

ul#nav li.hover							{background:url(../images/navdown_repeat.jpg) left top repeat-x;}

/* ===== content ===== */

#contenttop								{width:100%; height:21px; background: #fff url(../images/content_top.png) left top no-repeat;}

#contentwrap							{width:100%; height:350px; background: #fff url(../images/contentglow.png) center bottom no-repeat;}

#content								{width:100%;height:350px;background:url(../images/contentbg.png) left top no-repeat;}

#aboutcontentwrap						{width:100%; height:1390px; background: #fff; position: relative;}

#cdtcontentwrap							{width:100%; height:820px; background: #fff; position: relative;}

#servicescontentwrap					{width:100%; height:775px; background: #fff; position: relative;}

#newscontentwrap						{width:100%; height:600px; background: #fff; position: relative;}

#mapscontentwrap						{width:100%; height:1600px; background: #fff; position: relative;}

#subpgcontentwrap						{width:100%; height:auto; background: #fff; position: relative;}

#subpgcontent							{width:920px;height:auto;background: #fff;padding:15px 15px 15px 25px; position: relative;}

#subpgcontent .left						{width:508px;margin-right:20px; position: relative;}

#subpgcontent .left p					{line-height: 140%;font-size: 14px;}

#subpgcontent .right					{width:325px; position: relative;}

#subpgcontent .right p					{font-size: 14px;margin: 0px 0px 10px 0px; position: relative;}

#subpgcontent .main						{width:900px;margin-right:20px; position: relative;}

#subpgcontent .main p					{line-height: 140%;font-size: 14px;}

#subpgcontent p							{margin-bottom:15px;font-size: 13px;}

#subpgcontent img						{margin-bottom:15px;}

#maincontent							{float:left;width:865px;height:330px;padding:5px 0px 15px 35px;overflow:hidden;color:#000; z-index:1;}

#maincontent p							{line-height:110%;}

#maincontent .leftside					{float:left;width:490px;height:306px;margin-right: 20px; overflow: hidden;}

#maincontent .rightside					{float:right;width:350px;height:306px;}

#prodcontentwrap						{width:100%; height:875px; background: #fff; position: relative;}

#prodcontent							{width:920px;height:auto;background: #fff;padding:15px 15px 15px 25px; position: relative;}

#prodcontent .left						{width:440px; margin-right:20px; position: relative;}

#prodcontent .left p					{line-height: 140%;font-size: 14px;}

#prodcontent .left li					{margin-left:2em; list-style-type: disc; line-height: 140%;font-size: 14px;}

#prodcontent .right						{width:440px; position: relative;}

#prodcontent .right p					{line-height: 140%;font-size: 14px;}

#prodcontent .right li					{margin-left:2em; list-style-type: disc; line-height: 140%;font-size: 14px;}

#metalcontentwrap						{width:100%; height:1350px; background: #fff; position: relative;}

#metalcontent							{width:920px;height:auto;background: #fff;padding:15px 15px 15px 25px; position: relative;}

#metalcontent .left						{width:440px; margin-right:20px; position: relative;}

#metalcontent .left p					{line-height: 140%;font-size: 14px;}

#metalcontent .left li					{margin-left:2em; list-style-type: disc; line-height: 140%;font-size: 14px;}

#metalcontent .right					{width:440px; position: relative;}

#metalcontent .right p					{line-height: 140%;font-size: 14px;}

#metalcontent .right li					{margin-left:2em; list-style-type: disc; line-height: 140%;font-size: 14px;}

#crowncontentwrap						{width:100%; height:1100px; background: #fff; position: relative;}

#crowncontent							{width:920px;height:auto;background: #fff;padding:15px 15px 15px 25px; position: relative;}

#crowncontent .left						{width:440px; margin-right:20px; position: relative;}

#crowncontent .left p					{line-height: 140%;font-size: 14px;}

#crowncontent .left li					{margin-left:2em; list-style-type: disc; line-height: 140%;font-size: 14px;}

#crowncontent .right					{width:440px; position: relative;}

#crowncontent .right p					{line-height: 140%;font-size: 14px;}

#crowncontent .right li					{margin-left:2em; list-style-type: disc; line-height: 140%;font-size: 14px;}

#contactcontentwrap						{width:100%; height:600px; background: #fff; position: relative;}

#contactcontent							{width:920px;height:auto;background: #fff;padding:15px 15px 15px 25px; position: relative;}

#contactcontent .left					{width:440px; margin-right:20px; position: relative;}

#contactcontent .left p					{line-height: 140%;font-size: 14px;}

#contactcontent .left li				{margin-left:2em; list-style-type: disc; line-height: 140%;font-size: 14px;}

#contactcontent .right					{width:440px; position: relative;}

#contactcontent .right p				{line-height: 140%;font-size: 14px;}

#contactcontent .right li				{margin-left:2em; list-style-type: disc; line-height: 140%;font-size: 14px;}

/* ===== bottom columns ===== */

#bottomwrap								{width:960px;height:250px;position: relative;background:#6f6f6f;}

#bottom-left							{margin-left:15px; margin-right:10px; width:230px; padding: 15 0 15 0; float:left;}

#bottom-left p							{font-size:16px; color: white; line-height:20px;}

#bottom-middle							{margin-left:15px; margin-right:10px; width:350px; padding: 15 0 15 0; float:left;}

#bottom-middle p						{font-size:16px; color: white; line-height:20px;}

#bottom-right							{margin-left:15px; margin-right:10px; width:250px; padding: 15 0 15 0; float:left;}

#bottom-right p							{font-size:16px; color: white; line-height:20px;}

#bottomlogos							{width:960px;height:55px;position:relative;background:#6f6f6f;text-align: center;}

#logobox								{width: 100%; text-align:center; position:absolute;}

#logobox img 							{margin: 0 10px;}

/* ===== footer ===== */

#footerwrap								{width:960px;height:60px;position:relative;background-color: #000000;}

#footer									{font-size:12px;font-weight:normal;color:#FFFFFF;float:left;clear:both;width:97%;margin:25px 0px 30px 0px;padding:5px 0px 0px 0px;display:inline;background-color: #000000;}

#footer a, #footer a:visited			{color:#3f3f3f;text-decoration:none;font-weight:normal;}

#footer a:hover, #footer a:visited:hover		{color:#3f3f3f;text-decoration:underline;}

ul#footnav								{width:100%;display:inline;}

ul#footnav li							{display:inline;background:url(../images/linkline.jpg) right center no-repeat;padding:0px 15px 5px 0px;margin-right:15px;}

ul#footnav li.last						{background:none;padding:0px 0px 5px 0px;margin-right:0px;}

ul#footnav li a							{font-size:12px;font-weight:normal;color:#FFFFFF}

/* ===== classes ===== */

.left									{float:left;margin-left:15px;}

.left a									{font-weight:bold;color:#832123;}

.right									{float:right;}

.right a									{font-weight:bold;color:#832123;}

.mright									{margin-right:25px;}

.mtop									{margin-top:5px;}

.mtop10									{margin-top:10px;}

.mbottom10								{margin-bottom:10px;}

.mbottom5								{margin: 0px 0px 5px 0px;}

.padleft5								{padding-left:5px;}

.black									{color:#1e1e1e;}

.white									{color:#fff;}

.blue									{color:#349eff;}

.quote									{font-size:24px;}

.sfont									{font-size:12px;}

.mfont									{font-size:14px;}

.i										{font-style:italic;}

.nom									{margin:0;}

.border_bottom							{border-bottom: 1px solid; padding-bottom: 5px;line-height: 100%;border-color: #f1f1f1;}

#info									{float:left;clear:both;width:435px;padding:5px;font-size:12px;font-weight:bold;margin-bottom:10px;}

#info.green								{background:#83ff9a;border:1px solid #48d061;color:#000;}

#info.red								{background:#ff7171;border:1px solid #d84848;color:#000;}

/* ===== contact form ===== */

#contactform							{width:450px;float:left;margin-top:10px;}

#contactform p							{padding:0;float:left;margin-bottom:5px;}

#contactform p.right					{float: right;}

#contactform p.left						{float: left;}

#contactform p span.left				{float:left;display:block;width:6px;height:26px;background:url(../images/searchform_left.png) left top no-repeat;margin:0;}

#contactform p span.right				{float:left;display:block;width:6px;height:26px;background:url(../images/searchform_right.png) left top no-repeat;margin-right:10px;}

#contactform input						{float:left;border:none;background:url(../images/searchform_bg.png) left top repeat-x;width:275px;height:16px;padding:5px;font-family:"calibri", Arial, sans-serif;font-weight:bold;}

#contactform input.button				{text-indent:-9999px;float:right;padding:0px;width:158px;height:33px;background:none;border:none;margin:5px 0px 0px 6px;background:url(../images/sendmsg.png) left top repeat-x;cursor:pointer;}

#contactform textarea					{float:left;width:435px;height:140px;border:1px solid #000;font-family:"calibri", Arial, sans-serif;font-size:14px;padding:5px;background:url(../images/textareabg.jpg) left top repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px;}



/* Added styles for IE 8 */

.ie8-float {
	position: relative;
	margin-top: -800px;
	margin-left: 50px;
}

.ie8-float-metal {
	position: relative;
	margin-top: -1280px;
	margin-left: 50px;
}

.ie8-float-metal-lava {
	position: relative;
	margin-top: -50px;

}