/*
YTCS CSS
filename : style.css   
created  : 15th August 2008  
*/

/* Begin Global Reset */
html, body, p, h1, h2, h3, h4, h5, h6, img, ol, ul, li, dfn, div, strong, em, dd, dt, dl, form, input, textarea, select, option { margin: 0; padding: 0 }
img { border: 0 }
body { font-size: 62.5% }
/* End Global Reset */

/* Begin Site Structure */
body { background: #FFF url(http://www.ytcs.co.uk/images/body-background.jpg) repeat-x top left; text-align: center }
#siteHolder { font-size: 1.1em; font-family:Verdana,Tahoma,sans-serif; width: 778px; text-align: left; margin: 0 auto; line-height: 1.4em }
h1 { background: url(http://ytcs.co.uk/images/aurora_logo.gif) no-repeat top left; height: 66px; width: 225px; text-indent: -9999em }
#siteInner { background: #FFF; border: 1px #C1C1C1 solid; margin-top: 8px; background: url(http://ytcs.co.uk/images/content-background.png); -moz-border-radius-bottomleft: 10px;
-webkit-border-radius-bottom-left: 10px; border-radius-bottom-left: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottom-right: 10px; border-radius-bottom-right: 10px }
#header { background: url(http://ytcs.co.uk/images/header.jpg) no-repeat; height: 200px; width: 745px; margin: 0 auto; text-indent: -9999em; -moz-border-radius: 6px;
-webkit-border-radius: 6px; border-radius: 6px }
.page { padding: 18px }
/* End Site Structure */

/* Begin Nav */
#nav { margin-left: 0; margin-bottom: 6px; padding: 11px; font-size: 1.2em; letter-spacing: 1px; list-style: none; text-align: center; text-transform: uppercase; background: url(http://ytcs.co.uk/images/nav-background.jpg) repeat-x }
#nav li { display: inline }
#nav li a { padding: 9px 6px 11px 6px; text-decoration: none; color: #3F3F3F; margin: 0 5px 0 5px; font-weight: normal }
#nav li a:focus, #nav li a:hover, #nav li a:active { border-bottom: 4px red solid; color: red; padding-bottom: 7px } 
#pageHome .linkHome a, #pageServices .linkServices a, #pageSupport .linkSupport a, #pageSales .linkSales a, #pageAbout .linkAbout a, #pageContact .linkContact a { border-bottom: 4px #000 solid; color: #000; padding-bottom: 7px } 
/* End Nav */

/* Begin Hotspots */
.hotSpot { position: relative; width: 244px; float: left; position: relative; display: inline; margin: 6px 2px 0 2px; height: 160px; background: #FFF; border: 1px #DBDBDB solid; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottom-left: 10px; border-radius-bottom-left: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottom-right: 10px; border-radius-bottom-right: 10px; background: url(http://ytcs.co.uk/images/readMore.gif) no-repeat 50% 95%  }
.hotSpotFirst { margin-left: 16px; clear: both }
.hotSpotRight { margin: 6px 0 0 16px; float: right; clear: right }
.hotSpot a { display: block; position: absolute; top: 0; left: 0; z-index: 100; width: 244px; height: 160px; text-indent: -9999em; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottom-left: 10px; border-radius-bottom-left: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottom-right: 10px; border-radius-bottom-right: 10px; background: url(http://ytcs.co.uk/images/readMoreHover.gif) no-repeat 50% 95%  }
div.hotSpot h3, div.wideHotSpot h2 { background: url(http://ytcs.co.uk/images/h1_red_bg.gif) repeat-x; height: 22px; line-height: 20px; vertical-align: middle; font-size: 1.1em; color: #FFF; padding: 0 0 0 5px; font-weight: normal; margin-bottom: 10px }
.hotSpot h3.alt, .wideHotSpot h2 { background-image: url(http://ytcs.co.uk/images/h1_black_bg.gif) !important }
.hotSpot p { padding: 0 10px 1em 98px }
.wideHotSpot p { padding: 0 10px 1em 168px }
.hotSpot img, .wideHotSpot img { float: left; position: relative; display: inline; margin: 0 0 0 10px; border: 1px #000 solid }
/* End Hotspots */

/* Begin Text Content */
.wideHotSpot { height: 160px; margin-left: 2px; width: 494px; float: left; position: relative; display: inline; margin-top: 6px; border: 1px #DBDBDB solid; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottom-left: 10px; border-radius-bottom-left: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottom-right: 10px; border-radius-bottom-right: 10px }
/* End Text Content */

/* Begin Contact Form */
fieldset { float: left; position: relative; display: inline; background: #F5F3F1; border: 1px #C1C1C1 solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 6px; padding: 18px; margin-right: 22px }
fieldset ol { list-style: none; margin: 0; padding: 0 }
fieldset label { margin: 6px 0 6px 0; display: block; float: left; display: inline; position: relative; width: 110px }
.human { visibility: hidden; display: none; text-align: right; margin: 6px 12px 6px 0 }
input, textarea, select { margin: 6px 10px 6px 0 }
.fValidator-msg { margin-left: 80px; padding: 2px 0 10px 0 }
.required { color: red; margin-right: 4px }
.faded { color: #999 }
.buttonp { padding-left: 110px }
.button { padding: 4px; background: #fff; border: 1px #C1C1C1 solid }
#log_res, #log { width: 280px }
#contactRight { margin-top: 2px }
#contactRight ul { list-style: none }
/* End Contact Form */

/* Begin Footer */
#footer { padding: 6px 16px 0 16px }
#footer p { display: inline; float: left; position: relative }
#footer ul { display: inline; float: right; position: relative; list-style: none }
#footer li { display: inline; padding: 0 2px 0 2px }
/* End Footer */

/* Begin Links */
a { color: red; text-decoration: none; font-weight: bold }
a:focus, a:hover, a:active { color: #000 }
/* End Link */

/* Begin Tools and Hacks */
.discreet { position: absolute; top: -9999em; left: -9999em }
.clearBoth { clear: both }
/* End Tools and Hacks */

/* Begin Fonts and Typography */
p { padding: 0 0 1em 0 }
h2 { padding: 0 0 6px 0 }
ul, ol { margin: 0 0 1em 16px }
ul ul { margin-bottom: 2px }
.page h2 { color: red; font-size: 1.5em }
.page h3 { color: red; font-size: 1.3em; margin-bottom: 4px }
/* End Fonts and Typography */