/* 	Logic CSS Document
*	Author:			Barkingweb - Nick Barling 
*	Date:			Original - July 3 2009 
*	Version:		1.0
*	File:			logic1.css
*	Description:	CSS File to style Logic Dental design page content	
*	Notes:			This is the file to alter to make site wide changes to page styling.
*					Use the descriptive headers to identify the elements that you
*					wish to change.
*/
/************************************** construction notes *************************************************************************/
/* AVOID BOX MODEL PROBLEMS - never add padding to an element with a defined width */
/* try adding padding or margins to an elements parent or children */
/* AVOID DOUBLE-MARGIN FLOAT BUG - add display: inline; to floated elements if also using horizontal margin on the element */
/* AVIOD MARGIN (THROUGH) COLLAPSE - add a 1px top or bottom border if it is necessary to avoid margin collapse in ff ie8 */
/* Remember - margin collapse only happens with vertical margins between block boxes in normal document flow */
/* Margins between inline, floated or absolutely positioned boxes never collapse */
/************************************** construction notes *************************************************************************/

*{ /* zero out all document wide element margins and padding */
margin: 0;
padding: 0;
outline-color: -moz-use-text-color;										/* removes dashed border from mozilla browser links */
outline-style: none;
outline-width: 0;
}

body{
background: #000 url(../images/bg.jpg) no-repeat center top;
color: #675230;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
} 

#wrapper{
position: relative;
left: 50%;
margin-top: 40px;
margin-left: -505px;
min-height: 743px;
width: 1009px;
min-width: 1009px;
background: url(../images/frame.png) no-repeat center top;
}

#content{
position: relative;
float: left;
margin-top: 303px;
}

#content h1{
margin-left: 180px;
color: #fcf6ea;
font-size: 250%;
letter-spacing: 9px;
font-weight: 300;
}

#content h2{
margin-left: 180px;
padding-top: 0.3em;
color: #573917;
font-size: 130%;
letter-spacing: 9px;
font-weight: 300;
}

.nav_holder{
position: absolute;
margin-top: 600px;
}

#nav{
position: relative;
float: left;
}

#nav_home_index{
position: relative;
float: left;
}

#nav_home_index ul{
float: left;
margin-top: 218px;
margin-left: 226px;
list-style-type: none;
}

#nav_home_index ul a:hover{
font-size: 121%;
}

#nav_home_index ul li{
float: left;
padding-right: 186px;
}

#nav_home_index ul li img{
border: none;
}


#nav ul{
float: left;
/*margin-top: 220px;*/
margin-left: 226px;
list-style-type: none;
}

#nav ul a:hover{
font-size: 121%;
}

#nav ul li{
float: left;
padding-right: 186px;
}

#nav ul li img{
border: none;
}

/****************************************** home page navigation ****************************************************/

#nav_txt{
position: relative;
float: left;
}

#nav_txt ul{
color: #573917;
font-size: 110%;
float: left;
margin-left: 130px;
list-style-type: none;
}

#nav_txt ul a{
display: block;
width: 248px;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
color: #573917;
}

#nav_txt ul a:hover{
color:#fcfcfc;
}

#nav_txt ul li{
letter-spacing: 4px;
float: left;
}

/****************************************** global navigation *****************************************************/

.navigation{
position: relative;
float: left; /* floating here to avoid margin collapse with the containing wrapper*/
height: 210px; /* use this height to push page content title (ie PFM, CERCON) into position below wooden bar image */ 
}

.navigation h1{
margin: 60px 0 0 100px;
color: #fcf6ea;
font-size: 200%;
letter-spacing: 8px;
font-weight: 300;
}

.navigation h2{
position: absolute;
color: #fff;
top: 44px;
right: 4px;
font-size: 90%;
}

.navigation h2#ldd{
position: absolute;
color: #fff;
top: 44px;
left: 786px;
font-size: 90%;
width: 200px;
}

.navigation h2 a{
color: #F2F2F2;
text-decoration: none;
}

.navigation h2 a:hover{
color: #fff;
}

.navigation ul{
float: left;
margin: 20px 0 0 40px;
list-style-type: none;
display: inline; /* avoids double margin float bug */
}

.navigation ul#su_nav{
float: left;
margin: 20px 0 0 65px;
list-style-type: none;
display: inline; /* avoids double margin float bug */
}

.navigation ul a{
display: block;
width: 150px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
color: #573917;
}

.navigation ul a:hover{
color: #fcfcfc;
}

.navigation ul li{
float: left;
display: inline;
}

/************************************************* persistent navigation *******************************************************/

#product #sub_nav .pfm a, #cercon #sub_nav .cercon a, #fullcast #sub_nav .fullcast a, #empress #sub_nav .empress a, #nightguards #sub_nav .nightguards a, #price #sub_nav .price a{
color: #fcfcfc;
cursor: default;
}

#style #su_nav .elements a, #raves #su_nav .raves a, #contact #su_nav .contact a, #lab #su_nav .lab a, #goo #su_nav .go a{
color: #fcfcfc;
cursor: default;
}

/************************************************* page main text **************************************************************/

#main_text{
float: left; /* floating all div and clearing further down in the code */
}

#main_text h2, #main_text p{
margin-left: 100px;
}

#main_text h2{
color: #fff;
font-size: 110%;
}

#main_text p{
line-height: 1.2em;
font-size: 100%;
margin-right: 100px;
padding-top: 0.8em;
}

#main_text p a{
text-decoration: none;
color: #fcfcfc;
}

#main_text p a:hover{
text-decoration: underline;
}

#main_text table{
color: #675230;
border-collapse: collapse;
width: 36em;
border: none;
margin-left: 250px;
}

#main_text caption{
color: #fff;
margin: 40px 0 1em 0;
font-weight: bold;
}

#main_text td{
padding: 0.2em 1em;
}

#main_text tr{
border-bottom: none;
}

#main_text table#price_menu tr td#unit1, #main_text table#price_menu tr td#unit2{
padding-left: 2em;
}


#main_text_content{
float: left;
width: 800px;
}

#main_text_content h2, #main_text_content h3, #main_text_content p{
margin-left: 100px;
}

#main_text_content h2{
color: #fff;
font-size: 110%;
}

#main_text_content h3{
color: #fff;
font-size: 100%;
font-weight: 200;
padding-top: 1.0em;
}

#main_text_content p{
line-height: 1.2em;
font-size: 100%;
margin-right: 100px;
padding-top: 0.8em;
}

#main_text_content p.rx{
line-height: 1.2em;
font-size: 100%;
margin-right: 100px;
padding-top: 0.5em;
}

#main_text_content p a{
text-decoration: none;
color: #fcfcfc;
}

#main_text_content p a:hover{
text-decoration: underline;
}

#main_text_content ul#pu{
margin-left: 140px;
list-style-type: none;
font-size: 90%;
padding-top: 0.4em;
}

#main_text_content ul#pu li{
padding-top: 0.2em;
}

#main_text_content ul#pu a{
text-decoration: none;
color: #fcfcfc;
}

#main_text_content ul#pu a:hover{
text-decoration: underline;
}


#rave_container{
margin-left: 100px;
}