@charset "utf-8";
/* CSS Document for Dr.Warfel.com */

body {
	background-color:#82d2e5;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
}

/** common **/

.clear {
	clear:both;
}

img {
	border:none;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#6d6e71;
	padding:0 0 10px 0;
	margin:0;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:18px;
	color:#000;
	padding:0;
	margin:0;
}

h2 {
	background-image:url(images/titlebar_bg.gif);
	background-repeat:no-repeat;
	width:566px;
	height:29px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:28px;
	color:#FFF;
	padding:0 0 0 10px;
	margin:15px auto 15px auto;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:35px;
	color:#fcb65e;
	padding:0;
	margin:0;
}

a {
	color:#fcb65e;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.bigorange {
	color:#fcb65e;
	font-weight:bold;
}

.bigtext {
	font-size:18px;
	line-height:24px;
}

.maxwidth {
	width:1000px;
	margin:0 auto 0 auto;
}

.imgbrdr {
	padding:4px;
	border:#999 1px solid;
}

.morephotos {
	text-align:right;
	padding:10px 25px 10px 25px;
}

/** thumbnails **/

.thumbnails {
	width:560px;
	margin:0 auto 0 auto;
}

.thumb {
	float:left;
	width:150xp;
	margin:10px;
}

.thumb a {
	padding:0;
	margin:0;
}

/** table **/

.wtable {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#6d6e71;
	padding:0 0 10px 0;
	margin:0;
}

/** header **/

#header {
	background-image:url(images/header_bg.gif);
	background-repeat:repeat-x;
	height:122px;
	width:100%;
}

#header .logo {
	float:left;
	width:300px;
	height:82px;
	padding:0;
	margin:8px 0 5px 0;
}

#header .address {
	float:right;
	width:294px;
	height:61px;
	padding:0;
	margin:16px 0 0 0;
}

/** navigation **/

#mainnavigation {
	width:1000px;
	padding:0;
	margin:0;
}

.navigation {
	padding:0;
	margin:0;
}

.navigation ul {
	padding:0;
	margin:0;
}

.navigation li {
	float:left;	
	list-style:none;
	padding:0;
	margin:0;
}

.navigation li a {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:4px 16px 7px 16px;
	margin:0;
}

.navigation li a:hover {
	background-image:url(images/navi_over.gif);
	background-repeat:repeat-x;
	text-decoration:none;
}

.navigation li .current {
	background-image:url(images/navi_over.gif);
	background-repeat:repeat-x;
	text-decoration:none;
}

.navigation li ul {
	display: none;
	border-bottom:none;
	background-color:#82d2e5;
  	filter:alpha(opacity=9);
 	opacity:0.9;
	min-width:110px;
	max-width:200px;	
}

.navigation li:hover ul, .navigation li.hover ul {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
}
	
.navigation li:hover li, .navigation li.hover li {
	float: none;
	display:block;
	min-width:110px;
	max-width:200px;
	padding:0;
	border:#FFF 1px solid;
}

.navigation li:hover li a, .navigation li.hover li a {
	background-image:none !important;
	color: #FFF;
	display:block;
	min-width:110px;
	max-width:200px;		
	padding:6px 8px 6px 8px;
	text-decoration:none;	
}

.navigation li li a:hover {
	background-color:#fcb65e;
}

.navigation li .orange {
	background-color:#fcb65e;
}

/** banner **/

#banner {
	background-image:url(images/banner_designbg.gif);
	background-repeat:repeat-x;
	background-position:center;
	width:100%;
	height:346px;
}

#banner .bbg {
	width:980px;
	height:346px;
	margin:0 auto 0 auto;
}

#banner .bimage {
	float:left;
	width:420px;
	padding:0;
	margin:8px 0;
	text-align:center;
}

#banner .btext {
	float:left;
	width:530px;
	padding:0;
	margin:130px 0 0 0;
}

/** content **/

#content {
	background-image:url(images/content_bg.gif);
	background-repeat:repeat-x;
	width:100%;
	min-height:400px;
	margin:0;
	padding:0 0 20px 0;
}

#maincontent {
	float:left;
	width:621px;
	margin:-30px 0 0 0;
	padding:0;
}

.maincontenttop {
	background-image:url(images/content_topbg.png);
	height:20px;
	padding:0;
	margin:0;
}

.maincontentmid {
	background-image:url(images/content_midbg.png);
	background-repeat:repeat-y;
	padding:0;
	margin:0;
}

.maincontentmid p,
.maincontentmid h3 {
	padding:0 25px 5px 25px;
}


.maincontentbot {
	background-image:url(images/content_botbg.png);
	height:30px;
	padding:0;
	margin:0;
}

#sidebar {
	float:right;
	width:365px;
	margin:-30px 0 0 0;
	padding:0;
}

.sidebartop {
	background-image:url(images/sidebar_topbg.png);
	height:20px;
	padding:0;
	margin:0;
}

.sidebarmid {
	background-image:url(images/sidebar_midbg.png);
	background-repeat:repeat-y;
	padding:0;
	margin:0;
}

.sidebarmid p {
	padding:0 10px 0 10px;
}

.sidebarmid h3 {
	padding:0 25px 0 25px;
}

.sidebarmid h2 {
background-image:url(images/sidetitlebar_bg.gif);
	background-repeat:no-repeat;
	width:313px;
	height:29px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:28px;
	color:#FFF;
	padding:0 0 0 10px;
	margin:15px auto 15px auto;
}

.sidebarbot {
	background-image:url(images/sidebar_botbg.png);
	height:30px;
	padding:0;
	margin:0;
}

.sidebar_image {
	float:left;
	width:131px;
	height:132px;
	padding:0;
	margin:0 5px 0 15px;
}

.sidebar_text {
	float:left;
	width:190px;
	padding:0;
	margin:0;
}

/** sidebar list **/

.sidebarlist {
	padding:0 30px 0 30px;
	margin:0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;`
}

.sidebarlist li {
	background-image:url(images/arrowlist.gif);
	background-repeat:no-repeat;
	list-style:none;
	padding:0 0 2px 20px;
	margin:0;
}

.sidebarlist li a {
	display:block;
	padding:4px;
	margin:0;
}

/** sidebarcolumn list **/

.sidebarcolumnlist {
	float:left;
	width:240px;	
	padding:0 30px 0 30px;
	margin:0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;`
}

.sidebarcolumnlist li {
	background-image:url(images/arrowlist.gif);
	background-repeat:no-repeat;
	list-style:none;
	padding:0 0 2px 20px;
	margin:0;
}

.sidebarcolumnlist li a {
	display:block;
	padding:4px;
	margin:0;
}

/** static list **/

.staticlist {
	float:left;
	width:220px;
	padding:10px;
	margin:0 0 0 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#6d6e71;
}

/** content list **/

.contentlist {
	width:560px;
	padding:0 10px 0 10px;
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#6d6e71;
}

/** procedure list **/

.procedurelist {
	padding:0 20px 0 0;
	margin:0;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;`
}

.procedurelist ul {
	padding:0;
	margin:0;
}

.procedurelist li {
	list-style:none;
	padding:0 0 2px 20px;
	margin:0;
}

.procedurelist li a {
	display:block;
	padding:4px;
	margin:0;
}

/** products **/

#products {
	width:580px;
	padding:0;
	margin:0 auto 0 auto;
}

.product_image {
	float:left;
	width:260px;
	padding:0;
	margin:0 0 20px 0;
}

.product_text {
	float:left;
	width:310px;
	min-height:260px;
	padding:0;
	margin:0;
}

/** footer **/

#footer {
	background-color:#6d6e71;
	border-top:#FFF solid 1px;
	width:100%;
	height:50px;
}

#footer a {
	color:#FFF;
}

#footer .footermaxwidth {
	width:990px;
	margin:20px auto 0 auto;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#footer .copyright {
	float:right;
	width:200px;
	text-align:right;
}