/*CSS*/
body {
	margin:0;
	padding:0;
	text-align:left;
	font-family:Arial;
	font-size:13px;
	background-color: #DDEAE4;
	color: #846E3F;
	}

div#wrapper {
	margin:0 auto;
	width: 990px;
	padding:0;
	border-right: 1px solid #BED9D0;
	border-left: 1px solid #BED9D0;
	border-bottom: 1px solid #BED9D0;
	}

div#top_nav {
	margin-top: 1px;
	float: left;
	width: 990px;
	height: 40px;
	background-image:url(http://www.drsalemy.com/images/top_nav-v2.jpg);
	font-size:14px;
	font-family:georgia;
	}
	#top_nav table {
		margin: 8px 0 0 45px;
		}
	#top_nav a {
		color: #FFF;
		text-decoration:none;
		}
	#top_nav a:hover {
		color: #FFF;
		text-decoration:underline;
		}
		
/* TOP MENU POSITIONING */
#multi-ddm { margin: 0;}

/** SUBMENU WIDTH/POSITION **/
#multi-ddm ul {	
	width: 200px;
	margin-top:6px;
	margin-left:-3px;
	/*margin-top: -30px;*/
	}

/** TOP LEVEL LINK APPEARANCE **/
#multi-ddm a {
	padding: 6px 7px;
	margin: 8px 0 0 45px;
	color: #FFF;
	text-align: left;
	}
	#multi-ddm a.navlink {
		font-size: 14px;
		line-height: 12px;
		height: 12px;
		overflow: hidden;
		}

/** SUB LEVEL LINK APPEARANCE **/
#multi-ddm ul a {
	padding: 5px 15px;
	margin:0 0 0 26px;
	text-transform: none;
	background: #CBB993;
	}

/** TOP/SUB LINK HOVER APPEARANCE **/
#multi-ddm a:hover { color: #fff; text-decoration:underline; }
#multi-ddm ul a:hover {  }
		
		

div#banner {
	float: left;
	width: 990px;
    background-image:url(images/banner-small.jpg);
    height:150px;
	}
	#banner h2 {
		padding: 190px 0 0 95px;
		font-size:14px;
		}

div#banner.home-banner {
    background-image:url(images/banner.jpg);
    height:296px;
}

#tabs a, #tabs a:hover {
	text-decoration: none;
	}	
#tabs h2 {
	margin: 25px 0 0 120px;
	}
#tabs p {
	margin: 15px 15px 0 145px;
	color: #666666;
	}
#tabs .go {
	margin: 25px 15px 0 240px;
	color: #FFF;
	font-family: georgia;
	}
	div#tab_salemy {
		float: left;
		width: 334px;
		height: 148px;
		background-image:url(http://www.drsalemy.com/images/tab_salemy.jpg);
		}
	div#tab_gallery {
		float: left;
		width: 328px;
		height: 148px;
		background-image:url(http://www.drsalemy.com/images/tab_gallery.jpg);
		}
	div#tab_map {
	float: left;
	width: 328px;
	height: 148px;
	background-image:url(http://www.drsalemy.com/images/tab_blog.jpg);
	display: block;
		}
	div#tab_blog {
	float: left;
	width: 328px;
	height: 148px;
	background-image:url(images/tab_blog-mag.jpg);
	display: block;
		}

div#tab_video {
    float:left;
    height:148px;
    width:334px;
}
    div#tab_video .go {
        margin-left:230px;
    }
    div#tab_video h2 {
        margin-left:110px;
        padding-right:0;
    }
    div#tab_video p {
        margin:15px 0 0 146px;
    }

div#case a{
	position: absolute;
	width:130px;
	height:59px;
	top: 352px;
	left: 670px;
}
div#specials a{
	position: absolute;
	width:130px;
	height:58px;
	top: 416px;
	left: 670px;
}
div#case a span{
	display:none;
} 
div#specials a span{
	display:none;
} 
	
div#main {
	float: left;
	width: 990px;
	background-image:url(http://www.drsalemy.com/images/bg.jpg);
	}

div#drop {	
	float: left;
	width: 325px;
	border-right: 1px solid #E1D5BB;
	line-height: 20px;
	overflow: hidden;
	}
div#special {	
	float: left;
	width: 325px;
	border-right: 1px solid #E1D5BB;
	line-height: 20px;
	overflow: hidden;
	}		
div#content_title {
	float: left;
	width: 664px;
	height: 89px;
    background-image:url(images/content_title.jpg);
	}
div#content_title2 {
	float: left;
	width: 990px;
	height: 89px;
	background-image:url(http://www.drsalemy.com/images/content_title2.jpg);
	}

div#content_banner {
	float: left;
	width: 664px;
	height: 90px;
	background-image:url(http://www.drsalemy.com/images/content_banner.jpg);
	color: #6D6F48;
	overflow: hidden;
	}
	#content_banner p {
	padding: 5px 75px 0 175px;
	line-height: 20px;
	margin-top:0px;
	}

div#content {
	width: 664px;
	float: right;
	background-image:url(http://www.drsalemy.com/images/content.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	overflow: hidden;
	}
	#content p {
	color:#846E3F;
	line-height:20px;
	margin: 0px 40px 20px 40px;
		}
		
div#footer {
	text-align: center;
	width: 100%;
	clear: both;
	font-size: 12px;
	padding: 10px 0px;
	margin: 0 auto;
	}
	#footer ul {
		padding-top: 0px;
		margin-top: 0px;
		line-height: 20px;
		}
	#footer li {
		list-style-type: none;
		display: inline;
		padding-right: 20px;
		}
		
div#readmore {
	width: 664px;
	float: right;
	padding: 0px 0px 0px 0px;
    background-color:#f3f4e2;
	}
/*  *********************************************   CONTENT   *********************************************** */


#contact_form {
	color: #846E3F
	}
	
img {
	border: none;
	}	

/*Link Text*/
H1 {
	font-family:Georgia;
	font-variant: small-caps;
	font-size: 35px;
	font-weight: normal;
	margin-top: 0px;
	padding:25px 50px 0px 35px;
	color: #72B8B8;
}

H2 {
	font-family:Georgia;
	margin-top: 0px;
	font-size: 16px;
	color: #52989A;
	font-weight:normal;
	margin-top: 0px;
	padding:5px 50px 0px 35px;
	color: #72B8B8;
	}

H3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	font-size: 18px;
	color: #52989A;
	font-weight:normal;
	margin-top: 0px;
	padding:5px 50px 0px 35px;
	color: #72B8B8;
	}
h4 {
	font-family:Georgia;
	font-size: 14px;
	font-weight: bold;
	padding:5px 50px 0px 35px;
	color: #52989A;
	line-height: 17px;
}
.what_new-header {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 20px;
	font-weight: 300;
	color: #72B8B8;
	list-style-image: url(http://www.drsalemy.com/images/summer.jpg);
	margin-top: 5px;
}

/*  *********************************************   PHOTOS   *********************************************** */
.picborder {
	border: 1px solid; 
	border-color:#52989A;
}

.picRight {
	border: 1px solid; 
	border-color:#52989A; 
	float:right; 
	margin-left:10px;
    margin-top:5px;
}

.picRight2 {
	border: 1px solid; 
	border-color:#52989A; 
	float:right; 
	margin-left:10px;
    margin-top:0;
	margin-bottom:20px;
}
.picRightnoborder {
	float:right; 
	margin-left:20px;
}
.picLeft {
	border: 1px solid #52989A;
	float:left;
	margin-right:10px;
    margin-top:5px;
}


/*  *********************************************   FORMS   *********************************************** */
.inputSelect {
	font-family:arial;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	BORDER: 1px solid #52989A;
	color: #000000;
	width:200px;
	background-color: #FFFFFF;
}
.inputComment {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	BORDER: 1px solid #52989A;
	color: #555555;
	width:200px;
	background-color: #FFFFFF;
}

.inputButton {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	CURSOR: pointer;
	COLOR: #FFFFFF;
	width:80px;
	background-color: #7FB5B7;
}
.inputButton2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	CURSOR: pointer;
	COLOR: #255392;
	width:37px;
	background-color: #CCCCCC;
	border: 1px solid #52989A;
}

.no-rep-x {
	background-repeat: repeat-x;
}
.no-rep-y {
	background-repeat: repeat-y;
}

div#mn-qcontact {
	float:left;
	width: 300px;
	height: auto;
	margin:0;
	padding:5px 10px 5px 10px;
	overflow: hidden;
	color: #846e3f;
	font-size: 12px;
	}

#mn-qcontact H2 {
	font-weight: normal;
	color:#0194A4;
	margin: 0 0 0 0;
	padding: 10px 0 0px 0;
	font-size: 20px;
	line-height: 24px;
	text-transform: capitalize;
	}
.contact-header {
	font-weight: normal;
	color:#0194A4;
	margin: 0 0 0 0;
	padding: 10px 0 0px 10px;
	font-size: 20px;
	line-height: 24px;
	text-transform: capitalize;
	}

.inputSelectqc {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 10px 0;
	border: 1px solid #52989A;
	color: #846e3f;
	width:261px;
	background-color: #FFFFFF;
}

.inputCommentqc {
	font-family: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	margin: 0 0 10px 0;
	BORDER: 1px solid #52989A;
	color: #846e3f;
	width:261px;
	background-color: #FFFFFF;
}
.spc {
	display: none;
	}

div#mn-galcontact {
	float:left;
	width: 990px;
	height: 110px;
	margin:0;
	padding:0;
	overflow: hidden;
	color: #846e3f;
	font-size: 12px;
	color:#FFFFFF;
	border: 1px solid#c8c2b2;
	}

#mn-galcontact H2 {
	font-weight: normal;
	color:#FFFFFF;
	margin: ;
	padding: 10px 0 0px 5px;
	font-size: 20px;
	line-height: 24px;
	text-transform: capitalize;
	}

div#Section1{
	float: left;
	width: 210px;
	height: 110px;
	background-color: #7fb5b7;
	margin: 0;

}

div#Section2{
	float: left;
	width: 769px;
	height: 110px;
	padding: 5px;
	background-color: #f3f4e6;
	border-left: 1px solid #c8c2b2;
	border-top: 1px solid #c8c2b2;
}
div#Section3a{
	float: left;
	width: 656px;
	height: 110px;
	padding: 0 5px;
	background-color: #f3f4e6;
	
}
div#Section3b{
	float: right;
	width: 83px;
	height: 110px;
	padding: 0 5px;
	background-color: #f3f4e6;
	
}

div#input {
	float: left;
	width: 215px;
	padding: 2px 0;
}

div#inputco {
	float: left;
	width: 635px;
	padding: 2px 0;
}

div#inputbu {
	float: left;
	width: 73px;
	padding: 2px 0;
}


.inputSelectgl {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 10px 0;
	border: 1px solid #52989A;
	color: #846e3f;
	width:200px;
	background-color: #FFFFFF;
}

.inputCommentgl {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	margin: 0 0 10px 0;
	BORDER: 1px solid #52989A;
	color: #846e3f;
	width:635px;
	background-color: #FFFFFF;
}
.inputButtongl {
	FONT-WEIGHT: normal;
	FONT-SIZE: 16px;
	CURSOR: pointer;
	COLOR: #FFFFFF;
	width:70px;
	height: 24px;
	background-color: #7FB5B7;
	margin-bottom: 5px;
}

/*  *********************************************   LINKS   *********************************************** */


a, a:visited {
	color: #52989A;
	text-decoration: none;
	}
a:hover {
	color: #52989A;
	text-decoration: underline;
	}



#footer a {
	color:#846E3F;
	text-decoration: none;
	}
#footer a:hover {
	color:#846E3F;
	text-decoration: underline;
	}	


/* Link Styles Ends */

.button-text {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold;
	color: #214285;
	text-decoration: none;
}

div#copyright {
	margin:30px auto 0;
	padding:0;
	width:684px;
	text-align:left;
	color:#3D4063;
}

div#copyright img {
	float:left;
	margin-right:10px;
}
.list {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}

/* Blog Styles */
div#content-blog {
	width: 584px;
	float: left;
	background-image:url(http://www.drsalemy.com/images/content.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	overflow: hidden;
	}
	#content-blog p {
	color:#846E3F;
	line-height:20px;
	/* margin: 0px 40px 20px 40px; */
		}
		
body .first 		{ border-left: none !important; }
body .last 			{ border-right: none !important; }

* a 				{ outline: none !important; }


/******************************** NAVIGATION CSS *************************************/

.menu-vertical, .menu-horizontal, 
.menu-vertical ul, .menu-horizontal ul { list-style: none; padding: 0 0; margin: 0; }

.menu-vertical ul, .menu-horizontal ul { display: none; position: absolute; z-index: 90; }	
.menu-vertical ul ul, .menu-horizontal ul ul { margin: -30px 0 0 150px; }

.menu-vertical li, .menu-horizontal li { float: left; }
.menu-vertical ul li, .menu-horizontal ul li { width: 100%; clear: left; }

.menu-vertical a, .menu-horizontal a { display: block; cursor:pointer; }

/* VERTICAL TWEAKS */
.menu-vertical li { clear: left; }
.menu-vertical ul {	margin: -35px 0 0 150px; }
.menu-vertical ul ul { margin: -30px 0 0 150px; }

/* ********************************* CONTENT ELEMENTS ****************************** */

#gplus { 
	float: right;
	margin-top: 2px;
	}

/* ********************************* TESTIMONIAL VIDEOS **************************** */

.vidLeft {
	float: left;
	width: 320px;
	margin: 0 10px 0 5px;
	text-align: center;
    font-size: 11px;
	font-weight: bold;
	}

.vidRight {
	float: right;
	width: 320px;
	margin: 0 5px 0 10px;
	}

.vidMid {
	margin: 20px 40px;
	width: 584px;
	height: 190px;
	}

.vidMidLeft {
	float: left;
	margin: 0 3px 0 2px;
	width: 282px;
	}

.vidMidRight {
	float: right;
	margin: 0 2px 0 3px;
	width: 282px;
	}

.vidMidOne {
	margin: 20px 40px;
	width: 584px;
	height: 361px;

	}

.caption {
	text-align: left;
    font-size: 11px;
	font-weight: normal;
	font-style: italic;
	margin-top: 10px;
	}

/** Gallery Listing Page */

#gallery-smp-listing {
}
    #gallery-smp-listing tr td div {
        background-color:#e7e8c8;
        padding:20px 2px;
        height:150px;
        width:214px;
    }
        #gallery-smp-listing tr td div ul {
            margin:0;
            padding:0;
            padding-left:30px;
        }
            #gallery-smp-listing tr td div ul li {
                line-height:160%;
            }

/** Gallery page */

	
#mainflash2 {
	float: left;
	width: 990px;
	background-image:url(http://www.drsalemy.com/images/gallery-bg.png);
	}

#gallery-container {
    background:url(images/gallery-bg.png) repeat-y;
    clear:both;
    color:#333;
    min-height:600px;
    width:990px;
}
    #gallery-container #gallery-display {
        background:url(images/ajax-loader.gif) no-repeat center center;
        float:left;
        min-height:540px;
        padding:80px 0 30px 30px;
        position:relative;
        width:748px;
    }
        #gallery-container #gallery-display .case {
            background:#e7e8c9;
            display:block;
            float:left;
            height:196px;
            margin:0 15px 40px 0;
            position:relative;
            text-decoration:none;
            width:231px;
        }
            #gallery-container #gallery-display .case .blocker {
                display:none;
                height:160px;
                left:114px;
                width:3px;
            }
            #gallery-container #gallery-display .case h4 {
                background:url(images/case-bg.png) repeat-x;
                color:#575942;
                font-size:18px;
                font-weight:normal;
                height:25px;
                padding:0;
                padding-top:5px;
                margin:0;
                text-align:center;
            }
        #gallery-container #gallery-display .instructions {
            display:none;
            left:30px;
            position:absolute;
            top:42px;
        }
        #gallery-container #gallery-display .procedure,
        #gallery-container #gallery-detail .case-name {
            color:#75775b;
            font-size:24px;
            padding:0;
            position:absolute;
            right:30px;
            top:33px;
        }

    #gallery-container #gallery-navigation {
        background:url(images/ajax-loader.gif) no-repeat center center;
        float:left;
        height:600px;
        width:212px;
    }
    #gallery-container #gallery-navigation h2 {
        background:#7fb5b7;
        color:white;
        font-size:24px;
        font-weight:normal;
        margin-bottom:.4em;
        padding:.5em;
    }
    #gallery-container #gallery-navigation ul {
        font-size:12px;
        line-height:170%;
        margin:0 0 1.5em 0;
        padding:0 0 0 2em;
    }
    #gallery-container #gallery-navigation ul li a {

    }
        #gallery-container #gallery-navigation ul li a.selected {
            color:#7c5f36;
        }


/* Gallery detail */

.blocker {
    background:#e7e8c9;
    position:absolute;
    top:0;
}

#gallery-detail {
    background:url(images/ajax-loader.gif) no-repeat center center;
    display:none;
    float:left;
    min-height:540px;
    padding:30px;
    position:relative;
    width:718px;
}
    #gallery-detail #info {
    }
        #gallery-detail #info h3 {
            color:#75775b;
            font-size:24px;
            padding:0;
            margin:0;
            margin-bottom:1em;
        }
        #gallery-detail #info p {
            line-height:160%;
        }
    #gallery-detail #views {
        background:#e7e8c9 url(images/ajax-loader.gif) no-repeat center center;
        clear:both;
        height:419px;
        margin-bottom:30px;
        padding-bottom:20px;
        position:relative;
    }
        #gallery-detail #views .blocker {
            height:419px;
            left:356px;
            width:6px;
        }
        #gallery-detail #views img {
            display:block;
            margin:0 auto;
        }
    #gallery-detail #views-nav {
        height:47px;
        position:relative;
    }
        #gallery-detail #views-nav .nav-buttons {
            position:absolute;
            right:0;
            top:0;
        }
            #gallery-detail #views-nav .nav-buttons a {
                background:#a8ab88 url(images/back-nav-bg.png) top repeat-x;
                color:#575942;
                display:inline-block;
                font-family: Georgia, Times, serif;
                margin-left:5px;
                padding:0.5em 1em;
                text-shadow:0px 1px 0px #dbe0b3;
            }
        #gallery-detail #views-nav ul {
            margin:0;
            padding:0;
        }
            #gallery-detail #views-nav ul li {
                float:left;
                list-style:none;
                margin:0;
                margin-right:5px;
                margin-bottom:20px;
                padding:0;
            }
                #gallery-detail #views-nav ul li a {
                    background:#639c9c url(images/view-nav-bg.png) top repeat-x;
                    color:white;
                    display:inline-block;
                    font-family: Georgia, Times, serif;
                    padding:0.5em 1em;
                    text-shadow:0px 1px 0px #4f7172;
                }

.morvids { float:right; padding: 5px 10px; margin:  0 5px 5px; background-color: #7fb5b7; color:#FFFFFF; font-size: 11px; -moz-border-radius: 15px;
border-radius: 15px;}		

.morvids:hover { background-color: #C2AB7F; text-decoration: none; color: #52989a;}	
.morvids:visited { color:#FFFFFF;}
