/* - - - - - - - - - - - - - - - - - - - - -

* Filename: styles.css

* Version: 1.0.0 (2008-02-11)

* Website: http://x.com/

* Author: Kimberly



== STRUCTURE: ==============================

* Page width: 900 px

* Number of columns: 0

============================================

- - - - - - - - - - - - - - - - - - - - - */



/*   Globals

=====================================*/

* {margin:0px; padding:0px; border:0;}

li{margin-left:15px;}

#nav li{margin:0px;position:relative;}

p {margin-top:10px;}

h2, h3, h4, h5{margin-top:15px; margin-bottom:10px;}

a {color: #61AEFE; text-decoration: none;}

a:hover {color: #1B88FF;}

h1 {line-height: 26px;
	margin-bottom: 5px;
	font-size: 21px;
}
ul {
	margin-top: 5px;
}


/*  Background color is inserted with image, but is #002365 ======*/

/*   Body and Wrappers

=====================================*/

body {

background:#92783F url(images/layout/deFabrique_Orthodontics_BG.jpg) top left repeat-x; /* BG Image/Stretcher */

font:87% Verdana, Arial, Helvetica, sans-serif; line-height:1.5em;

min-height:101%;

}

#shell {

background:transparent url(images/layout/deFabrique_Orthodontics_bodyBG.jpg) top left repeat-y; /* Body Image/Stretcher */

position:relative;

overflow:hidden;

margin:0px auto;

width:900px;

}

#container {

background:transparent url(images/layout/headBG.jpg) top left no-repeat; /* Top Image */

position:relative;

overflow:hidden;

margin:0px auto;

width:900px;

}

#videos {

float: left;
	
width: 104 px;
	
height: 146 px;

margin-bottom: 15px;


}

#photoright {

float: right;
	
width: 230 px;
	
height: auto;

margin-bottom: 15px;


}
#headlines {
	margin-top: 15px;
	width: 520px;
	height:auto;
}


#phone-header {
    color: #01794B;
    font-family: "Times New Roman",Times,serif;
    font-size: 22px;
    left: 153px;
    position: absolute;
    top: 112px;
}



/*   Navigation Styles

=====================================*/

/* Global Menu Settings */

#nav{

list-style:none; text-decoration:none; text-align:center;

float:left; z-index:100;

margin-top:15px; padding-left:73px;/* Position of Entire Menu */

width:175px;



}

#nav img{
	padding-top: 5px;
}

#nav ul li {margin-bottom:5px;}

#nav > .level{padding-bottom:3px;}

/* 1st Level of Menu */

.level{
	color:#AFD2F2;
	font-weight:normal;
	text-transform:none;
	padding-left:0px;
	min-height:25px;
	_height:25px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

.level a{

color:#fff; line-height:1.7em;

background:transparent url(images/layout/deFabrique_Orthodontics_nav.jpg) top left no-repeat;

display:block;width:175px;

}

.level a:hover{color:#fff;background:transparent url(images/layout/deFabrique_Orthodontics_navOver.jpg) top left no-repeat;}



/* 2nd Level of Menu */

li .menuSubs {

display:none;

position:absolute;

top:0px; left:100%;

padding:0px;

margin:0px auto;

background:#1A3A77;

width:220px; height:1px;

}

li:hover .menuSubs {
	display:block;
}

.menuSubs a{

font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center;

}



.menuSubs a{color:#fff; width:220px; min-height:20px; padding:2px 0px; display:block; background:#1A3A77; margin:0px;}

.menuSubs a:hover{color:#ddd;background-color:#314C83; background-image:none; display:block;}

#menuart{
	text-transform:none;
	padding-left:0px;
	height:auto;
	width: 175px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	float: left;
}


.menuText{

padding:0px;

margin:0px auto;


}

.menuText a{

font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center;
color: #fff;

}




/*   Body Content Styles

=====================================*/
#content {
    color: #FFFFFF;
    float: left;
    font: 12px/18px Verdana,Arial,Helvetica,sans-serif;
    margin-left: 50px;
    min-height: 350px;
    padding-bottom: 25px;
    padding-top: 45px;
    width: 553px;

}







/*   Individual Pages

=====================================*/

/*  Staff  */

.staffBlock{

padding-top:10px; margin-bottom:10px;

min-height:225px; _height:225px;

border-top:1px solid #ddd;

}

.staffPic {

margin:0px 9px 8px 0px;

float:left;

}


/*  Braces for Kids and Adults  */

.modelPic {
	
	padding-left: 5px;

margin:0px;

float:right;

}


/*  Hogar Maria  */

#HogarPix{

padding-top:10px; padding-right: 10px;

height:217px; 

width: 260px;

border-top:0px;

float: left;

}

#HogarPixR{

padding-top:10px; padding-right: 0px;

height:217px; 

width: 260px;

border-top:0px;

float: right;

}






/*  Out and About  */

#AboutPix{
	text-align: center;

padding-top:10px; margin-bottom:10px; margin-right: 10px;

height:auto; width: 500px;

float: none;

}





/*   Common Treatment   */

.box 
{
float:left;
width:200px;
height:120px;
margin:5px;
}
.box p {
	float: left;
	margin-bottom: 15px;
	text-align: left;
}
.text_clear
{
clear:both;
margin-bottom:2px;
}












/*   Footer Styles

=====================================*/

#footer {
	background-color: #0193cf;

 /* Footer color */



font:11px/1.3 Verdana, Arial, Helvetica, sans-serif;

margin:0px auto;

width:900px;

height:130px;

clear:both;

color:#fff;

}

#foot_info {

padding-top:0px;

height:2em;

text-align: center;

line-height:1em;

letter-spacing: -1px;

}

#foot_info p {

margin-top:0px;

}

#foot_info h4 {
	padding-top: 0px;

font:15px/1.2 Verdana, Arial, Helvetica, sans-serif;
	
}

#footer a {

color: #ddd;

}

#footer a:hover {

color: #eee;

text-decoration: underline;

}







/*   sIFR 3 Styles

=====================================*/

.sIFR-flash {  visibility: visible !important;	margin: 0;	padding: 0; }

.sIFR-replaced { visibility: visible !important; }

.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

.sIFR-replaced > div { display: none !important; }

.sIFR-active h1 { visibility: visible; font:bold 24px/24px Arial, Helvetica, sans-serif; color:#460000; margin:0; }

.sIFR-active h2 { visibility: hidden; font:bold 30px/30px Arial, Helvetica, sans-serif; color:#460000; margin:0; }






/*   Standard Image/Feature Styles

=====================================*/

#feature {margin:30px auto 20px auto;}

.caption { font-style:italic; color:#666;}

.right {margin:0px 0px 8px 9px; float:right;}

.left {margin:0px 9px 8px 0px; float:left;}

.photoright {padding:3px; background:#fff; border:1px solid #777; float:right; margin:1px 0px 8px 9px;}

.photoleft{padding:3px; background:#fff; border:1px solid #777; float:left; margin:1px 9px 8px 0px;}

.photo {padding:3px; background:#fff; border:1px solid #777;}

.featureRight {border:5px solid #074d97; padding:2px; float:right; margin:0 0 8px 8px;}

.featureCenter {border:5px solid #074d97; padding:2px; margin:7px auto 7px auto; }



img.left-border {
	float: left;
	clear: left;
	margin: 5px 15px 15px 0;
	border: solid 1px #333; /* Customize me! */
	}
dl dt {
	font-size: 1.5em;
	font-weight: bold;
	}
dl dd ul {
	margin: 0;
	list-style-type: none;
	}
/* This styled div acts as the hr for most browsers */
div.hr {
	height: 0px;
	background-color: #eee; /* Customize me! */
	border: solid 1px #eee; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 20px 0;
	padding: 0;
	clear: both;
	}
h6 {
	height: 0px;
	background-color: #eee; /* Customize me! */
	border: solid 1px #eee; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 20px 0;
	padding: 0;
	clear: both;
	}

/* This is the backup for screen readers */
hr {
	display: none;
	height: 0px;
	background-color: #eee;
	border: solid 1px #eee;
	border-width: 1px 0 0 0;
	clear: both;
	}
/* Clear Fix */
.clear {clear: both;}
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}


div.box {
	float: right;
	clear: right;
	width: 334px;
	background-color: #0193cf; /* Customize me! */
	padding: 5px 0 6px 5px;
	margin: 0 0 20px 20px;
	border: solid 1px #111; /* Customize me! */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
}
div.box img {
	float: left;
	border: solid 1px #333; /* Customize me! */
	margin-right: 5px;
}
div.box p {
	float: left;
	width: 50%;
	margin: 5px 0 0;
	padding: 0;
}
/* This styled div acts as the hr for most browsers */
div.hr {
	height: 0px;
	background-color: #eee; /* Customize me! */
	border: solid 1px #eee; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 20px 0;
	padding: 0;
	clear: both;
	}
/* This is the backup for screen readers */
hr {
	display: none;
	height: 0px;
	background-color: #eee;
	border: solid 1px #eee;
	border-width: 1px 0 0 0;
	clear: both;
	}
	
img.right-border {
	float: right;
	clear: right;
	margin: 5px 0 15px 15px;
	border: solid 1px #333; /* Customize me! */
	}

img.left-border {
	float: left;
	clear: left;
	margin: 5px 15px 15px 0;
	border: solid 1px #333; /* Customize me! */
	}
dl dt {
	font-size: 1.5em;
	font-weight: bold;
	}
dl dd ul {
	margin: 0;
	list-style-type: none;
	}
/* This styled div acts as the hr for most browsers */
div.hr {
	height: 0px;
	background-color: #eee; /* Customize me! */
	border: solid 1px #eee; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 20px 0;
	padding: 0;
	clear: both;
	}
/* This is the backup for screen readers */
hr {
	display: none;
	height: 0px;
	background-color: #eee;
	border: solid 1px #eee;
	border-width: 1px 0 0 0;
	clear: both;
	}
/* Clear Fix */
.clear {clear: both;}
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}