/* Website, CSS, XHTML designed and developed for Sekijima Orthodontics by Happy Duck Media (www.happyduckmedia.com) */
/* @group clear */
 
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,i { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,a, p, ul { font-size: 1em; font-style: normal;color: white; font-weight: normal;text-decoration: none;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* @end */

.clear {
	clear: both;
}

body {
	background-color: #1b3244;	
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#shadow_top {
	background: url(http://www.sekijimaorthodontics.com/system/application/assets/images/static/shadow_top.gif);
	margin: 15px auto 0;
	height: 10px;
	width: 918px;
	clear: right;
}
#shadow_bottom {
	background: url(http://www.sekijimaorthodontics.com/system/application/assets/images/static/shadow_bottom.gif);
	margin: 0px auto 0;
	height: 10px;
	width: 918px;
}
#shadow_container {
	background: #1b3244 url(http://www.sekijimaorthodontics.com/system/application/assets/images/static/shadow_bg.gif);
	width: 918px;
	margin: auto;
}
#container {
	width: 900px;
	margin: auto;
}

#top_contact {
	max-width: 900px;
	margin: auto;
	margin-top: 5px;
}
#footer {
	width: 880px;
	margin: auto;
	padding-left: 10px;
	padding-right: 30px;
}
#home #header {
	height: 220px;
	border: 4px solid white;
	clear: right;
	background: url(http://www.sekijimaorthodontics.com/system/application/assets/images/static/header_bg_home.jpg);
}
#sub #header {
	height: 220px;
	border: 4px solid white;
	clear: right;
	background: url(http://www.sekijimaorthodontics.com/system/application/assets/images/static/header_bg_home.jpg);
}
#content {
}
#home #content {
	/*738cab old bg color*/
	background-color: #4d6b90;
	height: 670px;
	border: 4px solid white;
	border-top: 0;
}
#sub #content {
	background-color: #4d6b90;
	border: 4px solid white;
	border-top: 0;
	padding: 10px 15px 20px 15px;
}
#content a, #content a:visited {
	border-bottom: 1px solid #1B3244;
	font-weight: bold;
}
#content a:hover {
	border-bottom: 1px dashed #4D6B90;
}
#content ul {
	margin-left: 30px;
	font-size: 14px;
	font-family: "HelveticaNeue-Light", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: black 0 0 2px;
	color: white;
	margin-top: 15px;
}
#content li {
	list-style-position: inside;
	list-style-type: circle;
	text-shadow: gray 0 0 2px;
	/*color: black;*/
}
#content li:hover {
	list-style-type: disc;
}
#home #left_column {
	width: 560px;
	float: left;
	margin-left: 10px;
}
#sub #left_column {
	margin: 0px 10px;
	overflow:hidden;
}
#home #right_column {
	float: right;
	margin: 20px 40px 0px 0px;
	text-align: right;
	text-shadow: #333 0 0 5px;
}
#home #right_column p {
	/*color: black;*/
}
#home img.rightcol {
	width: 210px;
	height: 160px;
	border: 2px solid white;
	margin-top: 10px;
		box-shadow: 0px 0px 7px #333;
  	-moz-box-shadow: 0px 0px 7px #333;
  	-webkit-box-shadow: 0px 0px 7px #333;
}


/*  Here's where Darren goes nuts  */


#home #right_column a, #right_column a:hover, #right_column a:visited {
	border-bottom: none;
}


/*  /Darren  */


#sub img {
	border: 2px solid white;
	box-shadow: 0px 0px 7px #333;
  	-moz-box-shadow: 0px 0px 7px #333;
  	-webkit-box-shadow: 0px 0px 7px #333;	
}
#sub img.left {
	float: left;
	margin: 15px 15px 15px 0px;
}
#sub img.right {
	float: right;
	margin: 15px 0px 15px 15px;
}
#sub center img {
	margin: 15px 0 5px 0;
}


/*  More Darren  */


#sub img.before {
	float: left;
	margin: 15px 15px 15px 30px;
}
#sub img.after {
	float: right;
	margin: 15px 35px 15px 15px;
}


/*  /Darren  */


h1 {
	font-family: "HelveticaNeue-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 40px;
	float: left;
	width: 700px;
	height: 100px;
	margin-left: 10px;
	letter-spacing: 1px;
	text-shadow: #222 0 0 5px;
	color: white;
}
h2 {
	font-family: "HelveticaNeue-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-shadow: #333 0 0 5px;
	/*color: #000;*/
}
h3 {
	color: white;
	font-size: 24px;
	padding-top: 15px;
	margin-bottom: 0px;
	margin-top: 3px;
	text-shadow: #333 0 0 5px;
}


/* Darren  */


h3 a {
	border-bottom: none;
	font-weight: none;
}


/*  /Darren  */


/* Below kludge necessary to get top left picture to be visible in IE7 */

.h3kludge {
	color: white;
	font-size: 24px;
	padding-top: 0px;
	margin-bottom: -3px;
	margin-top: 0px;
	text-shadow: #333 0 0 5px;
}

#top_contact p {
	font-family: "HelveticaNeue-UltraLight", Arial, Helvetica, Geneva, sans-serif;
	font-size: 18px;
	float: right;
	margin-left: 10px;
	margin-bottom: -8px;
	
}
#left_column p {
	font-family: "HelveticaNeue-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	text-shadow: gray 0 0 2px;
	/*color: black;*/
}
#footer {
	margin-bottom: 25px;
	z-index: 100;
}
#footer p {
	font-family: "HelveticaNeue-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	text-shadow: black 0 0 2px;
	color: white;
}
#footer p:first-child {
	margin-top: -7px;
}
#footer .hdm {
	margin-top: 5px;
	height: 25px;
	width: 80px;
	line-height: 25px;
}
#hdmtext {
	float: left;
}
#footer .hdm a {
	color: #365064;
	text-shadow: none;
}
#footer .hdm a:hover {
	color: #fff;
}

#footer a #hdmlogo {
	width: 20px;
	height: 25px;
	background: url(http://www.sekijimaorthodontics.com/system/application/assets/images/static/seki_hdm_logo.gif);
	display: block;
	float: right;
}
#footer a:hover #hdmlogo {
	background: url(http://www.sekijimaorthodontics.com/system/application/assets/images/static/seki_hdm_logo.gif) 20px;
}

/* @group Menu */

.menu {
	font-family: "HelveticaNeue-Light", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 95px;
	position:relative;
	float: right;
	margin-right: 15px;
	z-index:100;
}
#sub .menu {
	margin-top: 95px;
}

#nav li a, #nav li a:visited {
	display:block;
	padding: 0 13px 0 13px;
	height:20px;
	text-align:center;
	line-height:20px;
	overflow:hidden;
	text-shadow: black 0 0 4px;
}

/* SuckerFish */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: auto;
}

#nav li { /* all list items */
	float: left;
	width: 10.5em; /*A specific width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	/*background: orange;*/
	background: #fff;
	width: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.jscripthover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav ul li{
	float:none;
}
	

/*End suckerfish */


/* no longer specific to non IE browsers  -jsharp */
#nav li:hover a, #nav li.jscripthover a {
	color: #1b3244; 
	background: #fff;
	text-shadow: none;
}
#nav li:hover ul, #nav li.jscripthover ul {
	display:block; 
	position:absolute; 
	top:20px;  
}
#nav li:hover ul li a, #nav li.jscripthover ul li a {
	display:block;
	text-align: center;
}
#nav li:hover ul li a:hover, #nav li.jscripthover ul li a:hover {
	opacity: 1;
	color: white;
	background: #1b3244;
	text-shadow: black 0 0 2px;}
/* @end */

#map {
	float: right;
	width: 425px;
	margin: 0 0 0 15px;
}
#bottom{width:892px;height:340px;clear:both;margin:25px 0px 0px 0px;}
.box{width:280px;height:150px;background:url(http://www.sekijimaorthodontics.com/system/application/assets/images/static/box-background.png);margin:10px 8px;float:left;display:inline;}
.box-header{color:#333;font-size:16px;font-weight:bold;margin:10px 15px;}
.box-content{clear:both;}
.box-pic{width:100px;height:80px;float:left;display:inline;background:#fff;margin:0px 0px 0px 15px;padding:2px;border:1px solid #bbb;}
.box-text{font-size:12px;color:#333;margin:0px 15px 0px 10px;float:left;display:inline;width:134px;word-spacing:normal;line-height:1.3;}
.box-link{font-size:12px;color:#333;margin:10px 15px 0px 10px;float:left;display:inline;width:134px;}
.linkb A:link{color:#1B3244;}
.linkb A:visited{color:#1B3244;}
.linkb A:hover{color:#4D6B90;}
.clear{clear:both;}
.social{width:120px;height:30px;border:0px;margin:10px 0px 0px 0px;}
.employee{width:842px;margin:10px 0px 10px 0px;border-bottom:2px solid #eee;padding:0px 0px 10px 0px;}
.epic2{float:left;display:inline;width:100px;height:150px;margin:0px 10px 5px 0px;}
.econtent{float:left;display:inline;width:717px;height:150px;}
.abox{float:left;display:inline;width:110px;height:50px;}