/*--------------------- Last Modified  2006.05.03 ---------------------*/
/*-----------------------------------------------------------------------*/


/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */


body { 
	background:#50AADF url(http://www.portsmouthcosmeticdentistry.com/gallery/bg-imgs/bg-body.jpg) repeat-x;
	text-align:center; 
	font:11px/18px Arial, Helvetica, sans-serif; 
	color:#003399;
	}
	
blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

h1	{ font-size:1.2em; color:#000033; }

a:link,a:visited	{ color:#000033; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#000033; text-decoration:underline; outline:none; }


/* main structural elements
 * ------------------------------------------------------------------------------------- */

#wrap {
	width:600px;
	margin:0 auto;
	text-align:left;
	background: url(http://www.portsmouthcosmeticdentistry.com/gallery/bg-imgs/bg-wrap.jpg) repeat-y;
	}

#masthead {
position:relative;
	width:600px;
	height:96px;
	background:url(http://www.portsmouthcosmeticdentistry.com/gallery/bg-imgs/header.jpg) no-repeat;
	}
	#masthead a {	
		position:absolute;
		left:0px;
		top:0px;
		width:509px;
		height:96px; 
		}
	#masthead a span {
		display:none;
		}
#procedures {
	width:600px;
	height:20px;
	background:url("gallery_styles.css") left top no-repeat;
	text-align: center;
	}
	#procedures h1 {
		padding:0 0 0 0;
		margin:20px auto 10px auto;
		}
	
#case {
	width:600px;
	}

#caption p {
	margin-left:50px;
	margin-right:35px;
	}

#menu {
	width:600px;
	text-align:center;
	margin-bottom: 50px;
	margin-top: 10px;
	}

	select {
		background-color:#FFF!important; /* to prevent highlighting by Google Toolbar */
		border:1px solid #000033;
		color:#000;
		width:145px; /* 5 pixles smaller than form width !important */
		height:18px;
		line-height:18px;
		vertical-align: middle;
		margin-bottom:4px; /* sets vertical spacing between fields */
		padding-top:1px; /* vertically position text in input/textarea field */
		padding-left:4px; /* horizontally position text in input/textarea field */
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-size:1.0em;
		}

#bottom-wrap {
	width:600px;
	height:10px;
	margin:0 auto;
	background:url("gallery_styles.css") left top no-repeat;
}