/* @override http://localhost/~adam/mountmerrionmedical.com/site/css/style.css */

/* www.mountmerrionmedical.com stylesheet by bristlebird media works */

@import url(reset.css);

body {
	padding: 0;
	margin: 0;
	background: #9ca697 url(../images/styles/bg2.jpg) repeat-x; 
	font: 70%/170% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #555;
}

/* @group links */

a:link, a:visited {
	color: #508ca3;
	text-decoration: none;
}
a:hover {
	color: #397c35;
}
	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}

/* @end */

/* @group wrappers */
#page_wrap {
/*	background: url(../images/styles/bg_page_960.jpg) no-repeat center top; */
}

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(../images/styles/bg_container.jpg) repeat-y;
}
/* @end */


/* @group auto-clearing */

.autoclear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.autoclear { display: inline-block }

/* Hides from IE-mac \*/
* html .autoclear { height: 1% }
.autoclear { display: block }
/* End hide from IE-mac */
	
/* @end */

/* @group headings */
#header {
	clear: both;
	padding: 0;
	margin: 0;
	height: 85px;
	background: url(../images/styles/bg_header.jpg) no-repeat;
}

h1, h1 a {
	padding: 0 0 0 205px;
	text-indent: -1000em;
	width: 265px;
	height: 45px;
	margin: 15px 0 0;
	float: left;
}
h1 a {
	padding: 0;
}

h2 {
	background: url(../images/styles/bg_header.jpg) no-repeat 0 -117px;
	color: #59653d;
	height: 30px;
	letter-spacing: -1px;
	margin: 0;
	padding: 86px 0 0 190px;
	font: normal 2.1em 'HelveticaNeue-Light','Helvetica Neue Light', Helvetica, Geneva, Arial, sans-serif;
}

h3 {
	color: #59653d;
	text-shadow: white 1px 1px 1px;
	font: 1.6em "Trebuchet MS", Verdana, Arial, Geneva, sans-serif;
	margin: 10px 10px 8px 0;
	border-top: 1px solid #dedede;
	padding-top: 8px;
}
h4, .h4i {
	color: #373d50;
	margin: 5px 10px 5px 0;
	text-transform: uppercase;
	clear: left;
	font-weight: normal;
	font-style: normal;
}
h4 {
	padding: 2px;
	border: 1px solid #dedede;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background: url(../images/styles/bg_h4.gif) repeat-x;	
}

/* @end */

/* @group menu */

#nav {
	display: block;
	width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	line-height: 1em;
	background: url(../images/styles/bg_header.jpg) no-repeat 0 -86px;
	height: 31px;
}

#nav * {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul {
	display: table;
	margin: 0 auto 0 180px;
	text-align: left;
	vertical-align: text-top;
	height: 31px;
	padding: 0;
}

#nav li {
	display: table-cell;
	margin: 0;
	background: url(../images/styles/navbar_divide.gif) no-repeat 0 -1px;
	padding-left: 1px;
}

#nav span { float: left; }

#nav a {
	color: #ffffff;
	text-decoration: none;
	float: left;
	border: none;
	padding: 9px 12px 6px;
	text-shadow: black 1px 1px 1px;
	text-transform: uppercase;
	height: 14px;
	font-size: 0.9em;
}

#nav li span a:hover {
    text-shadow: #fff 0px 1px 1px;
	color: #222;
    background: url(../images/styles/navbar_divide.gif) repeat-x 0 -1px;
}

/* @group IE Hacks */

/* For IE mac & win */

* html #nav ul { display: inline-table; }
* html #nav li { display:  block; float: left;
}

/* For IE win only \*/
* html #nav{
	margin-bottom: -10px;
}
* html #nav ul { 
	padding: 0;
}
* html #nav li { 
	display: inline; 
	float: none;
	padding: 0;
	margin: 0;
}
* html #nav a, * html #nav span { 
	display: inline-block; 
	float: none;
	margin: 0;
}
* html #nav a {
	height: 40px;
	padding: 8px 10px 0;
	margin-bottom: -10px;
}
/* End IE win */

/* @end */

/* @group IE7 Hacks */
*:first-child+html #nav * { display: inline-block; }
*:first-child+html #nav ul li { display: inline; }
/* @end */

/* @group Active Tab */
#nav li.active span, #nav li:hover.active span {	cursor: default; }

#nav li.active span a, #nav li:hover.active span a {
    background: url(../images/styles/bg_nav_active.jpg) no-repeat center 0;
    text-shadow: #fff 0px 1px 1px;
	color: #222;
	cursor: default;
}
#nav li.active+li, #nav li.active {
background: url(../images/styles/navbar_divide.gif) no-repeat 0 -1px;	
}
/* @end */

/* @end */

/* @group main */

#main {
	width: 760px;
	padding: 15px 0 10px 180px;
	margin: 0 15px 0 10px;
	background: url(../images/styles/bg_steth_gradient.jpg) no-repeat;
}
#main p {
	margin: 3px 10px 5px 0;
}

#main ul {
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}
#main ul li {
	padding:0;
	margin: 0 20px 3px 0;
	list-style-image:url(../images/styles/arrow2.gif);
	text-indent: 0;
	float: none;
}

#main .panel ul {
	margin-top: 20px;
}


#main .panel ul#transport {
	margin-top: 40px;
}
#main .panel ul#transport li {
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 5px;
}
#intro {
	height: 220px;
	width: 475px;
}
#intro p {
	margin: 0 10px 5px 10px;
	padding: 0;
}
#right_panel {
	width: 255px;
	margin-left: 475px;
	margin-top: -235px;
	height: 420px;
	background: url(../images/styles/bg_side_map.jpg) no-repeat;
	padding: 19px 20px 11px 11px;
}

*:first-child+html #right_panel { 
	margin-top: -405px;
}

#right_panel p {
	margin-left: 10px;
	line-height: 1.5em;
}

#btn_map {
	width: 260px;
	margin-top: 20px;
}
#btn_map, #btn_map a {
	height: 230px;
}
#btn_map a {
	display: block;
	text-indent: -999em;
	background: url(../images/styles/bg_map_hover.jpg) no-repeat scroll 0 -230px;
	z-index: 100;
}
/*#btn_map a:hover {
	background-position: 0px -230px;
} jquery handles this*/
*:first-child+html #btn_map a { 
	background-position: 0 -232px;
}
.panel {
	width: 255px;
	float: left;
	margin-left: 40px;
	background: url(../images/styles/bg_spanel.jpg) no-repeat;
	height: 225px;
	padding: 19px 20px 11px 11px;
	margin-top: -230px;
}
.lpanel {
	float: right;
	margin-top:0; 
	height: 300px; 
	background: url(../images/styles/bg_panel_320.jpg) no-repeat;
	margin-left: 20px;
}
#main .lpanel p {
	margin-top: 30px;
	margin-left: 20px;
}
.panel h3, h3.indented {
	margin-left: 30px;
	margin-top: 0;
	border: none;
	padding: 0;
}
.first {
	margin-left: -178px;
}
table {
	border: 1px solid #dedede;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}
table td, table th {
	padding: 3px;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
}
table th {
	text-transform: uppercase;
	color: #373d50;
	font-size: 0.9em;
	background: #f4f4f4 url(../images/styles/bg_h4.gif) repeat-x;
	border-top: none;
}
/* @end */

/* @group footer */

#footer {
	width: 960px;
	height: 80px;	
	background: url(../images/styles/bg_footer.jpg) no-repeat;
	margin: 0 auto;
}

#footer p {
	margin: 0;
	padding-top: 5px;
	text-align: center;
	font-size: 0.9em;
	padding-bottom: 25px;
}

#footer p.copyright {
	color: #fff;
	text-decoration: none;
	text-shadow: black 1px 1px 1px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #508ca3; /*366aba*/
}

#footer p.copyright a:link, #footer p.copyright a:visited {
	color: #dedede;
}
#footer a:hover {
	color: #397c35;
}

#footer p.copyright a:hover {
	color: #fff;
}
/* @end */

/* @group location */

#map {
	width: 442px; 
	height: 314px;
	border: 4px solid #dedede;
	margin: 5px;
	-moz-border-radius:8px; 
	-webkit-border-radius: 8px;
	width: 435px;
	float: left;
}
* html #map {

}

/* @end */

/*@group contact form*/

#main form {
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
}
#main form input {
	color: #666;
}
#main form p input.txt, #main form p textarea  {
	color: #545454;
	border: 1px inset #ccc;
	background-color: #f0f4ec;
	width: 350px;
	float: right;
	padding-left: 2px;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 5px;
}
#main form p input.txt { 
	height: 14px; 
}
#main form p input.submit_button {
	margin-top: 10px;
}
#main form p textarea { 
	height: 120px; 
	width: 351px;
}
#main form p {
	margin-left: 5px;
}
#main form p label {
	text-transform: uppercase;
	color: #727882;
	font-size: 0.9em;
}
/*@end*/

/* @group gallery */
.gallery {
	z-index: 1;
	padding: 5px;
	text-align: center;
	font-size: 11px;
	margin-left: 10px;
}

html>body .gallery { /*Non IE rule*/
}

.gallery a img {
	border: 1px solid silver;
	padding: 1px;
	background-color: #fffff8;
}

.gallery a:hover img {
	border: 1px solid #333;
}

.gallery a:hover {
	color: #333;
}

.fullfoto  {
	font-size: 10px;
	color: #666;
	text-align: center;
}

.fullfoto img {
	background-color: #fdfdfb;
	margin-bottom: 5px;
	border: 1px solid #555;
}
.gallery a img.th_active {
	border-bottom: 4px solid #648aa3;
}
a.active, a.active:visited {
	cursor: default;
	color: #666;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
a.active:hover {
	text-decoration: none;
}
.gallery_nav {
	float: right;
	margin-right: 5px;
}
/* @end */
/* @group props */
.prop { float: right; width: 1px; }
.min700px { height:700px; }
.min600px { height:600px; }
.min550px { height:550px; }
.min500px { height:500px; }
.min450px { height:450px; }
.min400px { height:400px; }
.min300px { height:300px; }
.min360px { height:360px; }
.min20px { height:20px; }
/* @end */


/* @group xtras */
.mn { margin: 0; }
.pn { padding: 0; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.cn { clear: none; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.bn { border: 0; }

.bln {
	border-left: none;
}

.ir { float: right;	margin: 5px 0 5px 10px; }
.il { float: left; margin: 0 10px 5px 0;}
/*.il, .ir { border: 1px solid #333; }*/
.fl { font-size: 1.1em; }
.fs { font-size: 0.9em; }
.fxs { font-size: 0.85em; }
/* @end */