h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,pre,form,body,html,blockquote,fieldset,input { margin:0; padding:0; }
ol li { list-style:decimal; }
ul { list-style-type: none; }
img, a img,:link img,:visited img { border:none; }
address { font-style:normal; }

body {
font:normal 62.5%/1.5 Verdana,Arial,"Trebuchet MS",sans-serif;
text-align:center;
color:#333;
background:#FFF url(http://www.syracuseplasticsurgery.com/lib/img/bg.gif) top left repeat scroll; }

/* ---------------------------------------------------
HEADINGS */

h1, h2 { text-transform:uppercase; font-size:2em; font-family:"Trebuchet MS",sans-serif; color:#7C869C; }
h1 { position:absolute; bottom:0; left:15px; font-size:1.7em;  }
h2 { display:inline; font-size:1.5em; letter-spacing:0; }
h3 { font-size:1.2em; font-weight:normal; text-decoration:underline; color:#000080; }
p, dd, label { font-size:1.1em; }

/* ---------------------------------------------------
LINKS */

a, a:link, a:active, a:visited { font-weight:bold; text-decoration:none; color:#993333; }
a:hover { font-weight:bold; text-decoration:underline; color:#CC3333; }

/* ---------------------------------------------------
FORM */

form { padding:10px 0; }

/* ---------------------------------------------------
LAYOUT */

#header, #footer {
position:relative;
background:transparent url(http://www.syracuseplasticsurgery.com/lib/img/header.gif) 0% no-repeat scroll;
text-align:left;
overflow:hidden;
margin:5px auto 0 auto;
width:800px;
height:50px; }
#header img { position:relative; margin:8px 0 0 15px; }
#header h2 { display:inline; position:relative; top:-8px; left:120px; line-height:1em; }

#container {
position:relative;
background-color:#F5F5F5;
text-align:left;
margin:0 auto;
width:800px; }

#content {
position:relative;
clear:both;
background-color:inherit;
width:800px;
/*height:525px;
overflow:auto;*/ }

#footer {
background:transparent url(http://www.syracuseplasticsurgery.com/lib/img/header-inverted.gif) 0% no-repeat scroll;
margin:0 auto 10px auto; }

/* ---------------------------------------------------
NAV */

#nav {
position:relative;
font-family:"Trebuchet MS";
font-weight:bold;
text-transform:uppercase;
background-color:#E6E6FA;
border-bottom:1px solid silver;
border-top:1px solid silver;
padding-top:4px; }

#nav ul { 
font-size:1.5em;
margin-bottom:4px;
padding-left:15px;
width:auto; }

#nav ul li { 
display:inline;
background:transparent url(http://www.syracuseplasticsurgery.com/lib/img/button-gradient.gif) 0% repeat scroll;
border:1px solid silver;
padding:2px 20px;
margin-right:6px; }

#home a.home, #procedures a.procedures, #ba a.ba, #contact a.contact, #links a.links {
text-decoration:none; }

/* ---------------------------------------------------
MASTHEAD */

#masthead { 
position:relative;
clear:both;
width:800px;
height:80px;
margin-bottom:10px; }

#home #masthead, #procedures #masthead, #ba #masthead, #contact #masthead, #links #masthead { 
background-color:#F5F5F5;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:right center; }

#home #masthead { background-image:url(http://www.syracuseplasticsurgery.com/lib/img/surgical_procedures.jpg); }
#procedures #masthead { background-image:url(http://www.syracuseplasticsurgery.com/lib/img/surgical_procedures.jpg); }
#ba #masthead { background-image:url(http://www.syracuseplasticsurgery.com/lib/img/surgical_procedures.jpg); }
#contact #masthead { background-image:url(http://www.syracuseplasticsurgery.com/lib/img/surgical_procedures.jpg); }
#links #masthead { background-image:url(http://www.syracuseplasticsurgery.com/lib/img/surgical_procedures.jpg); }

/* ---------------------------------------------------
COLUMNS */

#home #leftCol, #procedures #leftCol, #ba #leftCol, #contact #leftCol, #links #leftCol { float:left; width:440px; margin-left:10px; }
#home #rightCol, #contact #rightCol { float:right; width:290px; margin:0 10px 10px 0; }

#procedures #leftCol, #ba #leftCol { width:600px; }

/* ---------------------------------------------------
SECTION */

.section { border:1px solid silver; margin-bottom:10px; padding:1px; }
.section.last { margin-bottom:0; }
.sectionHeader { height:25px; background-color:#E6E6FA; padding:4px; }
.category { float:left; width:auto; }
.detail { font-size:1.2em; text-align:right; width:auto; padding:2px 4px 0 0; }
.detail a { outline:1px dotted silver; background-color:#F5F5F5; padding:2px 4px; }
.description { background-color:#FFF; padding:4px; }

/* ---------------------------------------------------
QUOTE */

#home #rightCol p { font-size:1.3em; letter-spacing:0.1em; line-height:2em; padding:25px; }
#home #rightCol img  { vertical-align:middle; }
#home #rightCol img + img { border:1px solid silver; margin-left:10px; padding:2px; }
#home #rightCol p span { font-size:2em; vertical-align:bottom; }

/* -------------------------------------------------
PROCEDURES */

#procedures #leftCol .section .description a img,
#ba #leftCol .section .description a img { display:inline; float:right; clear:right; margin:4px 4px 4px 10px; }
#procedures #leftCol .section .description dt { 
font-size:1.2em;
text-decoration:underline;
color:#000080; }
#procedures #leftCol .section .description dd { margin-bottom:5px; }
#procedures #leftCol .section .description dd em { color:#483D8B; font-style:italic; }

/* -------------------------------------------------
BEFORE AND AFTER PHOTOS */

#ba #leftCol .section .description a img { display:inline; float:right; clear:right; margin-bottom:0; }
#ba #leftCol .section .description p { margin-bottom:4px; }

/* -------------------------------------------------
CONTACT */

#contact #content { background:transparent url(http://www.syracuseplasticsurgery.com/lib/img/mapquest-location.jpg) left bottom no-repeat; }
#contact #leftCol .section .description p { padding-top:6px; }

/* -------------------------------------------------
FOOTER */

#footer p { font-weight:bold; text-align:right; padding:15px 30px 0 0; }

/* -------------------------------------------------
MISCELLANEOUS */

.cleaner { clear:both; height:1px; font-size:.1em; background:transparent; border:none; margin:0; padding:0; }
.hide { display:none; }
.clearleft { clear:left; }
code { color:#7B9905; font-family:Monaco,monospace; font-size:110%; line-height:1.2em; text-align:left; }
abbr, acronym { border-bottom:1px dashed #333; cursor:help; }

/* -------------------------------------------------
TABLES */

table { border-collapse:collapse; }
th { text-align:left; }
td { padding:6px; }
