/* CSS Document */

html, body, form {margin:0; padding:0}
body {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#545454; background:url(../images/body_bg.gif) repeat-x left top; letter-spacing:0.05em;}
img {border:0}
p {margin:7px 0px 0px 0px; padding:0; color:#545454; line-height:19px; letter-spacing:0.03em;}
a {outline:none; text-decoration:none; color:#333333;}
a:hover {outline:none; color:#000000;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; color:#333333; outline:none;}
.container { width:870px; margin:0 auto;}
.header {width:870px; margin: 0px; padding: 0px;}

.logo { float:left; width:220px; display:block; padding:10px 0px 0px 0px; }
.nav_base { width:540px; height:42px; float:right; }

.clear { clear:both; margin: 0px; padding: 0px; }
.spac20 { padding:20px 0px 0px 0px; }
.spac10 { padding:10px 0px 0px 0px; }


/* nav */
a.nav { background:url(../images/nav_bg.gif) repeat-x left top; display:block; line-height:34px; height:42px; float:left;}
a.nav span { background:url(../images/sp.gif) no-repeat right top; padding:0px 20px; float:left; display:block; height:34px; }
a.nav:hover { background:url(../images/nav_bgo.gif) repeat-x left top; cursor:pointer; color:#FFFFFF; }

a.nav_first { background:url(../images/first_bg1.gif) no-repeat left top; display:block; line-height:34px; height:42px; float:left;}
a.nav_first span{ background:url(../images/sp.gif) no-repeat right top; height:42px; padding:0px 20px 0px 20px; display:block; float:left;}
a.nav_firstsel { background:url(../images/first_bg1.gif) no-repeat left top; }
a.nav_first:hover { color:#FFFFFF; background:url(../images/first_bgo1.gif) no-repeat left top; }
a.nav_first:hover span{  cursor:pointer;}

a.nav_last { background:url(../images/last_bg.gif) no-repeat left top; display:block; line-height:34px; height:42px; float:left;}
a.nav_last span{ height:42px; padding:0px 20px 0px 20px; display:block; float:left;}
a.nav_last:hover { color:#FFFFFF; }
a.nav_last:hover span{ background:url(../images/last_bgo.gif) no-repeat left top; cursor:pointer;}
/* nav End */

.sub_nav { width:500px; float:right; padding:10px 15px; height:28px; display:block; vertical-align:middle; text-align:right; }
.sub_nav a{ padding:0px 16px; line-height:28px; display:block; float:left; } 
.sub_nav a:hover{ background:#BCBCBC; }
.banner { padding:0px 0px 20px 0px; }

/* middle */ 
.middle_container { width:870px; padding:0px 0px 20px 0px; float:left; }
.curve_mid { background:#FFFFFF; border-left:2px solid #DAD9D9; border-right:2px solid #DAD9D9; margin:0px; padding:0px; width:826px; padding:0px 20px; float:left; }

h1 { margin:0px; padding:0px 0px 10px 0px; color:#E67B29; font-size:22px; font-weight:normal; letter-spacing:0; }
h1 span{ color:#545454; font-size:13px; font-weight:bold; font-style:italic; } 
h2{ margin:0px; font-size:18px; font-weight:normal; color:#333333;  letter-spacing:0; }
h2 span{ color:#E67B29; }
h2.right_title { background:url(../images/orthodentist_titlebg.gif) no-repeat left top; height:47px; line-height:47px; padding:0px 0px 0px 18px;}
h2.midt_title { background:url(../images/mid_titlebg.gif) no-repeat left top; height:37px; line-height:37px; padding:0px 0px 0px 15px;} 
h3{ margin:0px; padding:10px 0px 5px 0px; font-size:14px; font-weight:bold; color:#333333;  letter-spacing:0; line-height:18px; }
h3 a{ color:#333333; padding:0px; }
h3 a:hover{ color:#E67B29; } 
/* middle Content */
.middle_content { width:558px; float:left; padding:0px 20px 0px 0px; text-align:justify; }
* html .middle_content { width:558px; }

.mid_top { background:url(../images/cosmetics_dentistry_website.gif) no-repeat right top; height:190px; padding:20px 10px 0px 20px; }
.mid_toptxt { padding:70px 0px 0px 0px; text-align:right; } 
.mid_set { width:269px; float:left; padding:20px 0px 20px 8px; }
.mid_set p img{ padding:0px 5px 0px 0px; float:left; }
.mid_setright { width:269px; float:right; padding:20px 0px 20px 8px; }
.mid_setright p img{ padding:0px 5px 0px 0px; float:left; }

.middle_content ul { margin:0px 0px 10px 15px; padding:0px 0px 0px 0px; }
.middle_content ul li { margin:0px; padding:2px 0px 2px 0px; list-style-type:disc; }

ul.listtxt { margin:10px 0px 10px 0px; padding:0px 0px 0px 10px; }
ul.listtxt li { margin:0px; padding:4px 0px 4px 13px; list-style-type:none; background:url(../images/black_bulllet.gif) no-repeat left 8px; }
ul.listtxt li a { text-decoration:none; letter-spacing:0; }
ul.listtxt li a:hover { color:#E67B29; text-decoration:underline; }

ul.listtxt li ul { margin:8px 0px 0px 25px; padding:0px;  }
ul.listtxt li ul li{ list-style-type:square; background:none; padding:4px 0px 4px 0px; } 

.datatxt { background:#FEEBDD; padding:8px; font-weight:bold; font-style:italic; font-size:13px; border:1px dashed #707070;  }

/* right Content */
.right_content { width:248px; float:right;}
.quote { background:url(../images/orthodentist_webdesign.gif) no-repeat left top; height:145px; }
.quote p{ margin:0px; padding:3px 18px 0px 18px; color:#000000;}
.newsletter { background:url(../images/dental_marketing_newsletter.gif) no-repeat left 20px; height:121px; padding:20px 0px 0px 0px; }
.newsletter p{ margin:0px; padding:3px 18px 0px 18px; color:#000000;}
.newscstext { background:#FFFFFF; border:1px solid #C1C1C1; width:119px; height:20px; color:#000000; padding:4px 0px 0px 3px; }

.news_mid { background:url(../images/news_mid.gif) repeat-y left top; float:left; padding-top:5px; width:248px;} 
.news_mid1 { background:url(../images/news_mid.gif) repeat-y left top; float:left; padding:5px 0px 0px 7px; width:238px;} 
.news_mid p{ margin:0px; padding:0px 0px 0px 18px; color:#000000;}
.news_mid a{ background:#E2E0E0; padding:8px; display:block; border-bottom:2px solid #F3F3F3; width:200px; } 

a.more { font-weight: bold; color:#000000; }
a.more:hover { text-decoration:underline; } 

a.more_org { font-weight: bold; color:#E67B29; text-decoration:underline; }
a.more_org:hover { text-decoration:underline; color:#000000;} 


/* accordian Menu */
.categoryitems{display: none}
.subcategoryitems{display: none}
.arrowlistmenu{ width: 243px; /*width of accordion menu*/ }
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color:#333333;
background:url(../images/top_services_back.gif) no-repeat left top;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 0px 0px 0px 45px; /*header text is indented 10px*/
line-height:43px;
cursor: pointer;
}
/*.arrowlistmenu h3 { height:33px; padding:10px 0px 0px 0px; border:1px solid red; }*/

.menuheader:hover { color: #E67B29; }
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(../images/top_services_backov.gif) no-repeat left top ; line-height:43px !important; color: #E67B29;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
list-style-image: none;
margin: 0px;
padding: 0px 0px 0px 20px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
background:url(../images/news_mid.gif) repeat-y left top; }

.arrowlistmenu ul li{

padding-bottom: 3px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
width:212px;
color: #333333;
background: url(../images/black_bulllet1.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 6px 0;
padding-left: 0px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #707070;
font-size: 12px;
}

.arrowlistmenu ul li a:visited{
color: #333333;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #E67B29;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background:url(../images/one.gif) no-repeat left center;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: url(../images/two.gif) no-repeat left center lightgreen !important;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
.ques { background:url(../images/dental_shadow.gif) no-repeat right bottom; height:35px; display:block; font-weight:bold; letter-spacing:0}
.ans { padding-left: 10px; padding-bottom:10px; text-align:justify; } 
.ques span{ background:#E6E6E6;  padding:0px 3px 0px 10px; height:28px; line-height:26px; display:block; }

/* footer */
.footer { background:#585959 url(../images/foot_top.gif) no-repeat left top; float:left; }
.footinn { width:870px; background:url(../images/foot_bottom.gif) no-repeat left bottom;  padding:20px 0px; float:left;}
.footlink { width:215px; background: url(../images/vdot.gif) repeat-y right top; float:left; } 
.footlink ul { margin:0px; padding:0px; } 
.footlink ul li{ margin:0px; padding:0px 0px 0px 20px; list-style-type:none; color:#FFFFFF; width:182px; }
.footlink ul li.title{ font-weight:bold; padding:0px 0px 10px 20px; }
.footlink ul li a{ color:#C0BEBE; padding:2px 0px; display:block; letter-spacing:0; font-size:11px; }
.footlink ul li a:hover{ color:#FFFFFF; text-decoration:underline; }

.copytxt { float:left; padding:10px 0px 10px 0px; }
.webtxt { float:right; padding:10px 0px 10px 0px; letter-spacing:0; }

.hline { border-top:1px dashed #666666; margin:0px; padding:0px; }

.bd { border:1px solid #cacaca; border-collapse:collapse; background:#F0F0F0; }
.bd_head { background:#E6E6E6; color:#000000; font-weight:bold; }

.box { border:1px solid #cacaca; background:#F5F5F5; padding:0px 0px 0px 10px; }

.box ul { margin:10px 0px 10px 10px; padding:0px 0px 0px 10px; font-size:11px; }
.box ul li { margin:0px; padding:2px 0px 2px 0px; list-style-type:square; }
.box ul li ul { margin:5px 0px 0px 25px; padding:0px;  }
.box ul li ul li{ list-style-type:disc; background:none; padding:2px 0px 2px 0px; }

/* form */
.frm {background:#F4F4F4; padding:10px; border:1px solid #cacaca; }
.frm p { margin:0px; padding:2px; }
.frm span { width:200px; padding:2px 4px 0px 4px; display:block; float:left;}
.cstext { border:1px solid #CBCBCB; background:#FFFFFF; }
.csselect { border:1px solid #CBCBCB; background:#FFFFFF; width:283px; }

.mandatory { color:#FF0000; font-weight:bold; font-size:14px; }

.frm1 { padding:0px; border:0px solid #cacaca; background:url(../images/quote.gif) no-repeat right top; }
.frm1 p { margin:0px; padding:2px; }
.frm1 span { width:120px; padding:2px 4px 0px 4px; display:block; float:left;}
.csselect1 { border:1px solid #CBCBCB; background:#FFFFFF; width:183px; }

.listing { float:left; }
.listing img{ margin:0px 5px 20px 0px; border:1px solid #cacaca; padding:3px; }

.base1 { width:269px; float:left; }
.base2 { width:269px; float:right; }

/* Portfolio */
ul.port1 { margin:10px 0px 0px 0px; padding:0px; }

ul.port1 li{
	list-style-type:none;
	margin:0px 6px 0px 0px;
	float:left;
	width: 180px;
	height: 240px;
	background-image:url(../images/port-back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
	line-height:40px;
	}

ul.port1 li a.port {
	margin:10px 0px 0px 7px;
	display:inline; 
	width: 165px;
	height: 190px;
	background-position: left;
	float:left;
	}
ul.port1 li a.port:hover {
	background-position: right;
	}

.pagenext { float:right; }
.pagenext a {background:url(../images/nextbtn.gif) no-repeat right center; padding:0px 15px 0px 0px; font-weight:bold; font-style:italic; } 

.pageprev { float:left; }
.pageprev a {background:url(../images/brass-earthing-prev.gif) no-repeat left center; padding:0px 0px 0px 15px; font-weight:bold; font-style:italic; } 

input.breset{width:68px; height:25px; background: url(../images/br_button.gif) 0 0 no-repeat;  border:none; margin:0px; color:#FFFFFF;}
input.bsubmit{width:68px; height:25px; background: url(../images/br_button.gif) 0 0 no-repeat;  border:none; margin:0px; color:#FFFFFF;}

.img-left { float:left; padding:0px 10px 0px 0px; }
.img-right { float:right; padding:0px 0px 0px 10px; }

table { border:1px solid #C2C2C2; border-collapse:collapse; }
th { background: #E6E5E5; font-weight:bold; padding:5px; text-align:center; }
td { padding:3px 3px 3px 5px; text-align:center;}

/* Directory Listing */

.citylist { width:185px; float:left; }
.citylist ul{ margin:10px 0px 10px 5px; padding:0px 0px 0px 0px; }
.citylist ul li { margin:1px; padding:2px 0px 2px 18px; list-style-type:none; background:#F3F3F3 url(../images/city_bullet.gif) no-repeat 5px center; color:#999797; }
.citylist ul li a { text-decoration:none; letter-spacing:0; color:#545454; font-size:12px; font-weight:200; letter-spacing:0.02em; }
.citylist ul li a:hover { color:#E67B29; text-decoration:underline; }

.citylist1 { width:275px; float:left; }
.citylist1 ul{ margin:10px 5px 10px 5px; padding:0px 0px 0px 0px; }
.citylist1 ul li { margin:2px; padding:3px 0px 3px 18px; list-style-type:none; background:#F3F3F3 url(../images/city_bullet.gif) no-repeat 5px 7px; color:#999797; }
.citylist1 ul li a { text-decoration:none; letter-spacing:0; color:#545454; font-weight:200; letter-spacing:0.02em; }
.citylist1 ul li a span{ font-weight:bold; font-size:13px; }
.citylist1 ul li a:hover { color:#E67B29; text-decoration:underline; }

.dentistlist { padding:5px 10px 15px 10px; margin:2px 0px 2px 0px; background:#F3F3F3 url(../images/hdo.gif) repeat-x left bottom; }
.dentistlist h3{ margin:0px; padding:10px 0px 5px 0px; color:#0267A9; font-style:italic; background:#F3F3F3 url(../images/hdot.gif) repeat-x left bottom; }
.dentistlist p{ margin:0px; padding:10px 0px 0px 0px;  } 
.dentistlist p.num{ font-weight:bold; float:right; font-size:15px; padding:8px 0px 0px 0px;  }
.dentistlist p.num img{ padding:0px 15px 0px 0px; }
.dentadd { color:#000000; font-size:11px; }
.dentadd p{ margin:0px; padding:0px; line-height:20px; }
.dentadd p a{ padding:0px 0px 0px 20px; text-decoration:underline; text-align:right; }

ul.leftcitylist{ margin:10px 10px 10px 10px; padding:0px 0px 0px 0px; }
ul.leftcitylist li { margin:1px; padding:2px 0px 2px 12px; list-style-type:none; background:url(../images/city_bullet.gif) no-repeat left 4px; }
ul.leftcitylist li a { text-decoration:none; letter-spacing:0; color:#545454; font-size:12px; font-weight:200; letter-spacing:0.02em; }
ul.leftcitylist li a:hover { color:#E67B29; text-decoration:underline; }

ul.leftstatelist{ margin:10px 0px 10px 4px; padding:0px 0px 0px 0px; width:110px; float:left; }
ul.leftstatelist li { margin:1px; padding:2px 0px 2px 12px; list-style-type:none; background:url(../images/city_bullet.gif) no-repeat left 4px; }
ul.leftstatelist li a { text-decoration:none; letter-spacing:0; color:#545454; font-size:12px; font-weight:200; letter-spacing:0.02em; }
ul.leftstatelist li a:hover { color:#E67B29; text-decoration:underline; }

.project { padding:10px 0px 10px 0px; border-bottom:1px dashed #666666; }
.project p img { border:1px solid #BDBEBF; padding:4px; float:left; margin:0px 15px 10px 0px }
.project a { text-decoration:none; }
.project a:hover { color:#E67B29; text-decoration:underline; }

.go_back { width:144px; height:30px; display:block; background:url(../images/go_back.gif) no-repeat left top; color:#FFFFFF; text-align:center; line-height:26px; font-weight:bold; float:left; margin:10px; }

.dent_list_img { width:65px; float:left; background:url(../images/ratings1.gif) no-repeat left top; height:60px; }
.dent_list_img span { width:55px; display:block; font-size:18px; padding:12px 0px 0px 0px; text-align:center; }
.dent_list { width:490px; float:left; padding:0px 0px 20px 0px; }
.dent_list h2{ color:#545454; font-style:italic; margin:0px; padding:0px; }
.dent_list h2 a{ color:#545454; }
.dent_list h2 a:hover{ color:#000000; }
.dent_list h2 span a{ font-size:11px; font-weight:bold; text-decoration:underline; margin:0px 0px 0px 10px; font-style:normal; color:#E67B29; }  
.dent_list h2 span a:hover{ color:#333333; }

.dir_path { margin:0px; } 
.dir_path a{ font-size:11px; letter-spacing:0; text-decoration:underline;}
.dir_path a:hover { font-size:11px; letter-spacing:0; text-decoration:none; }

.quote a.req-quote { border:0px solid red; display:block; width:73px; height:60px; line-height:30px; float:right; margin:-15px 10px 0px 0px; background:url(../images/111.jpg) no-repeat left top; }
.portfolio-inner-conten {
	float: left;
	width: 558px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
.portfolio-inner-conten img { border:1px solid #c5c5c5; box-shadow: 0px 0px 8px #949393}