/*   
	Theme Name: Dr. David Ng  and Associates's official website
	Theme URI: http://
	Description: Design for Dr. David Ng and Associates's  official website
	Version: 1
	Author: Donna Vitan, Chris Travaglini
	Author URI: http://www.donnavitan.com, http://
*/
/********************************************** Begin Base Elements */
html {
	height:100%; }
body {
	height:100%;
	background:#165ec2 url(image/bg-head.jpg) repeat-x top center;
	border:none;
	color:#FFF;
	text-align:center; 
	
	}
	
/********************************************** End Base Elements */
/********************************************** Begin Typography */
h1, h2, h3, h4, h5 { line-height:125%; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; color:#CC6600; }
h3 { font-size: 1.5em; color:#CC6600; }
h4 { font-size: 1.4em; color:#CC6600; }
h5 { font-size: 1.3em; }
hr { clear: both;
	display: block;
	height: 1%;
	border: 1px solid #FFF;}
a {
	color:#165ec2;
	text-decoration:none; }
a:hover {
	color:#CC6600;
	text-decoration:underline;	}
#nav-main li a.active {
	color:#FFF; }
img.framed {
	border:3px double #CCC; }
ul {
	margin-left:1.5em;
		line-height:18px; }

/********************************************** Begin Structure */
#wrapper {
	min-width:960px;
	width:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;	
	padding:0;
	background:url(image/bg-header.jpg) no-repeat top center;
	font-size:1.2em;
	line-height:130%;}
.contain {
	margin:0 auto;
	width:960px;
	display:block;	}
/********************************************** Begin Header */
#header {
	width:960px;
	height:80px;
	margin:0 auto;
	display: block;	}
#branding {
	margin:0 10px;
	width:380px;
	height:80px;
	display:block;
	float:left;	}
#branding-logo {
	width:380px;
	height:80px;
	display:block;
	background:url(image/bg-header-logo.jpg) no-repeat top left; }
#branding-tagline {}
/********************************************** End Header */
/********************************************** Start Menu */
ul#nav-main {
	margin:0;
	padding:6px 0 0;
	width:550px; 
	height:72px;
	display: block;
	list-style-type: none;
	list-style-image: none;
	font-size:1.1em;
	float:left;	}
#nav-main li {
	display:inline;
	height:80px;
	line-height:80px;
	float:left;}
#nav-main a {
	padding:0 8px;
	display:block;
	font-weight:bold;
	text-decoration:none;	}
#nav-main li a:link, #nav-main li a:visited {
	color: #FFF; }
#nav-main li a:hover {
	color: #F6821F;	}
#nav-main li a.active {
	color:#F6821F; }
/********************************************** End Menu */
/********************************************** Begin Footer */
#footer {
	margin:0 auto;
	width:960px;
	height:50px;
	clear:left;}
#footer a:link, #footer a:visited {
	color:#fbcda5;
	text-decoration: none; }
#footer a:hover {
	color:#FFF;}
#footer p {
	line-height:50px;
	float:left;	}
ul#nav-footer {
	margin:0;
	padding:0;
	display:block;
	float:left;
	list-style-type: none;
	list-style-image: none;
	line-height:50px;	}
#nav-footer li {
	display:inline;	}
#nav-footer li a {
	padding:0 10px; }
/********************************************** End Footer */
/********************************************** Content */
#content-primary {
	padding:20px 0;
	width:100%;
	min-height:260px;
	text-align:left;
	display:block;
	background:#FFF url(image/bg-content.jpg) no-repeat top center;
	float:left;
	color:#333;}
#content-primary a {
	color:#FFD480; }
#content-primary a:hover {
	color:#FFFFCC; }
#content-interior {
	padding:20px 0;
	width:100%;
	min-height:260px;
	text-align:left;
	display:block;
	background:#FFF;
	float:left;
	color:#333;}
#content-secondary {
	margin:0;
	padding:30px 0 0;
	width:100%;
	height:100%;
	display:block;
	background:url(image/bg-content-secondary.jpg) repeat-x top center;
	text-align:left;
	color:#FFF;
	float:left;	}
#content-secondary h1,
#content-secondary h2,
#content-secondary h3,
#content-secondary h4,
#content-secondary h5 { color:#FFF; }
#content-secondary h2 { font-style:italic; }
#content-secondary a { color:#fbcda5; }
#content-secondary a:hover { color:#FFF; }
/********************************************** Using 960 Grid - 12 Column Grid */
.col3, .col4, .col5, .col6, .col7, .col8, .col9 {
	margin:0 10px;
	min-height:10px;
	display:block;
	float:left;	}
.col3 {
	width:220px; }
.col4 {
	width:300px; }
.col5 {
	width:380px; }
.col6 {
	width:460px; }
.col7 {
	width:540px; }
.col8 {
	width:620px; }
.col9 {
	width:700px; }
/********************************************** Customize */
/********************************************** Form Re-Order Contacts */
.form-reorder label {
	width:130px;
	margin-top:.5em;
	display:block;
	float:left;
	clear: left;	}
	
.form-reorder input {
	margin-top:.6em;
	display:block;
	float:left;
	
	}
.form-reorder select {
	margin-top:.3em;
	display:block;
	float:left;
	}