/* ---------------------------------------------------------------------------------
   
   Martin Sweeney Podiatry - Master Stylesheet 
   Author: Feris Technologies
   Website: www.feris.com.au 

--------------------------------------------------------------------------------- */


body {
	background: #383838 url(../images/bg-repeat.gif) repeat-x top left;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
p, td { color: #a8a8a8; font-size: 0.70em; line-height: 1.6em; margin: 0 0 1.3em 0; }
h1, h2, h3, h4, h5, h6 { color: #fff; margin: 0 0 0.8em 0; }
h1, h2 { font-weight: normal; text-transform: uppercase; }
h1 { color: #f89e01; font-size: 1.55em; }
h2 { color: #fff; font-size: 1.2em; }
h3 { color: #f89e01; font-size: 0.8em; }
h4 { color: #fff; font-size: 0.70em; }
h5 { color: #f89e01; font-size: 0.70em; }

ul { margin: 0; padding: 0; float: left; }
ul li { list-style-type: none; color: #a8a8a8; font-size: 0.70em; background: url(../images/bullet.gif) no-repeat 0px 5px; padding: 0px 0px 0px 20px; }


#wrapper { width: 100%; background: url(../images/bg.jpg) no-repeat top center; margin: 0 auto 20px auto; float: left; }
#sub_wrapper { width: 780px; margin: 0 auto; padding: 0; }

#header,
#content,
#flash
{ width: 770px; float: left; margin: 0px 5px; display: inline; }

#header { height: 103px; }
#flash { height: 195px; overflow: hidden; }
#content { background: url(../images/bgvert-repeat.gif) repeat-y 0 0 #262626; }
#contentInner { float: left; background: url(../images/bg-right.gif) repeat-x 0 bottom; padding-bottom: 20px; }
#home #content { background: url(../images/bgvert-repeat-2.gif) repeat-y 0 0 #262626; }


#left { width: 217px; padding: 20px 20px 0px 20px; background: #1a1a1a; float: left; overflow: hidden; }
#right { width: 513px; float: right; }
#footer { width: 780px; height: 100px; background: url(../images/footer.jpg) no-repeat 0 0; float: left; }

#logo { margin: 42px 0px 0px 0px; float: left; }
#logo a { display: block; width: 305px; height: 37px; background: url(../images/logo.jpg) no-repeat 0 0; text-indent: -9000px; }

#more { width: 144px; height: 30px; background: url(../images/find-out-more.png) no-repeat 0 0; display: block; margin: -30px 0px 0px 0px; z-index: 99; position: relative; text-indent: -9000px; }
#left #more { margin-top: -30px; }


/*----------------------------------------------------------
IMAGE REPLACEMENT
-----------------------------------------------------------*/

#h1-welcome, 
#h2-podiatry,
#h2-experience
{ display: block; width: 100%; float: left; margin: 15px 0 0 0; }

#h1-welcome { width: 217px; height: 59px; background: url(../images/h1-welcome.gif) no-repeat 0 0; margin-bottom: 12px; }
#h2-experience { height: 51px; background: url(../images/h2-experience.gif) no-repeat 0 0; margin: 23px 0px 12px 0px; }
#h2-podiatry { background: url(../images/h2-podiatry-services.gif) no-repeat 0 0; height: 24px; border-bottom: solid 5px #262626; }

h1 span, h2 span { display: none; }


/*----------------------------------------------------------
RIGHT - CONTENT
-----------------------------------------------------------*/

#paddContent { padding: 28px 20px 20px 20px; }
#paddContent h1 { margin: 0 0 0.7em 0; }
#paddContent p a { color: #a8a8a8; }
#paddContent p a:hover { color: #ffaa02; }


/*----------------------------------------------------------
LEFT
-----------------------------------------------------------*/

#left ul { margin: 0 0 20px 0px; padding: 0; float: left; }
#left ul li { list-style-type: none; float: left; width: 100%; clear: both; font-size: 0.70em; border-bottom: solid 1px #262626; padding: 0; background: none; }
#left ul li a { color: #a3a3a3; width: 197px; float: left; padding: 9px 0px 9px 20px; background: url(../images/bullet.gif) no-repeat 0 center; text-decoration: none; }
#left ul li a:hover { background: url(../images/bullet.gif) no-repeat 0 center #222222; color: #fff; }

#banner { margin: 27px 0px -2px -20px; }
#left .shift { left: 93px; }

#box { float: left; padding: 12px; background: url(../images/corner.gif) no-repeat top right #101010; width: 193px; }
#box h2 { font-weight: normal; font-size: 1.1em; text-transform: uppercase; margin: 0 0 0.4em 0; }
#box #heading { border-bottom: solid 5px #262626; margin-bottom: 14px; }
#box p a { color: #a8a8a8; }
#box p a:hover { color: #ffaa02; }

/*----------------------------------------------------------
HEADER
-----------------------------------------------------------*/

#phone {
	width: 194px;
	height: 29px;
	float: right;
	margin-top: 44px;
	background: url(../images/phone-number.gif) no-repeat top left;
}

/*----------------------------------------------------------
FOOTER
-----------------------------------------------------------*/

#footer { position: relative; }
#footer #logos { width: 225px; height: 48px; background: url(../images/logos.gif) no-repeat 0 0; margin: 17px 0px 0px 25px; float: left; display: inline; }
#fMenu { margin: 17px 0px 0px 25px; padding: 0px; overflow: hidden; height: 11px; float: left; }
#fMenu li { float: left; font-size: 0.7em; list-style-type: none; padding: 0px 8px 0px 8px; margin-top: -2px; background: none; }
#fMenu li a { color: #525353; }
#fMenu li a:hover { text-decoration: underline; color: #000; }
.divider { border-left: solid 1px #666; }

#contact { margin: 0px; position: absolute; top: 17px; left: 730px; }
#contact a { background: url(../images/footer-email-icon.gif) no-repeat 0 0; width: 23px; height: 11px; display: block; text-indent: -9000px; }

#copy { margin: 28px 0px 0px 30px; position: absolute; top: 30px; left: 250px; }
#copy a { color: #9c9c9c; }

/*----------------------------------------------------------
FIELDSETS
-----------------------------------------------------------*/

fieldset { padding: 5px 20px 14px 20px; margin: 15px 0px 5px 0px; background: #1a1a1a; border: none; float: left; width: 433px; }
legend { font-size: 0.8em; color: #ba1a1a; margin-left: -10px; font-weight: bold; }
legend span { font-weight: normal; }
fieldset p { margin: 0.6em 0; }
fieldset label { float:left; width: 28%; font-weight: bold; color: #f89e01; }
fieldset label span { color: #9e9e9e; font-weight: normal; }
fieldset .smTxt { font-size: 0.8em; color: #666; }
fieldset input, fieldset textarea { width: 300px; border: none; padding: 3px; color: #494949; background: url(../images/bg-input.gif) repeat-x 0 0 #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
fieldset .top { margin: 1.4em 0 0.6em 0; }
fieldset input:focus, fieldset textarea:focus { background: #fff0a9; }