/* ------------------------------------------------------------------------------------------------------------------
	AMUSMENT RIDE SERVIES MAIN STYLESHEET
	DESIGNED BY: Ryan Downie (ryan@bfinternet.com.uk)
	CODED BY: Ryan Downie (ryan@bfinternet.com.uk)
	VERISION: 1.0	DATE:10/11/08
	
------------------------------------------------------------------------------------------------------------------ */

html {background:#790127;}
body { background:#fdfbf2 url(../images/body.jpg) repeat-x 0 0; font-size:72%; line-height:180%;}
div#wrapper {width: 960px; margin:0 auto;}

h1#logo { background: url(../images/logo.jpg) no-repeat 0 6px; width:296px; height:43px; float:left; margin:0px;}
h1#logo a { width: 296px; height:43px; text-indent: -9999px; display:block; }
a {color:#790127; text-decoration:underline;}
a:hover {text-decoration:none;}
a:visited {color:#4F0019;}
a:active {background:#DFDFDF;}
h4 span {font-size:90%; font-style:italic;}

/* ---
MAIN-NAVIGATION
--- */
ul#navigation-main {float:right; }
ul#navigation-main li {float:left; list-style: none;}
ul#navigation-main li { margin:22px 0 0; padding:0 12px 13px; float:left; line-height:.8em; }
ul#navigation-main li a {color:#FFF; Display:block; font-weight:bold; text-decoration:none;}
ul#navigation-main li.current {background:transparent url(../images/current-li.jpg) no-repeat scroll center 14px;}
ul#navigation-main li a:hover, ul#navigation-main li.current a {color:#fbaf5d;}

/* ---
INTRO HEADER
--- */
div#intro { color:#FFFFFF; float:right; margin:52px 55px 18px; position:relative; width:42em; z-index:10;}
div#intro  h2 {font-size:200%; line-height:129%;}
div#intro h3 {font-size:144%;}

div#slideshow{ width:944px; height:247px; }
div#slideshow img { padding: 0; width:944px; height:247px;}

/* ---
MAIN-CONTENT
--- */
/* NEEDS TO BE POSITIONED RELATIVE AND PLACED AS THE JQUEYS ABSOLUTES THE IMAGE */
div#main-content, div#sub-content {position:relative; margin:6em 1.5em 0 0!important;}
div#main-content {float:left; width:45em; color:#4F4F4A; font-size:100%; line-height:2em;}
div#main-content h3 { border-bottom:1px solid #DFDFDF; color:#3F3F3F; font-size:190%; margin:1em 0 0.5em; padding-bottom:4px; }
div#main-content p { margin:.2em 0 1em;}
div#main-content h4 { border-bottom:1px solid #EFECE0; font-size:135%; padding-bottom:0.2em;}

div.box, ul#news  li.row1, ul#sales li.row1 {background:#f4f2e9; margin:1em 0; border:1px solid #e7e5dc; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
div.box ul {margin:0 2em 1em;}

body#contact div#sub-content.box ul {margin:.2em 0 .4em;}
body#contact div#sub-content.box li { border-bottom:1px solid #E1DFD6; list-style-type:none; margin:4px 0; padding:0 0 5px;}

body#home div#sub-content {padding:0; width:29.6em;}
body#home div#sub-content.box  {padding:10px 10px 2px;}
/* ---
SUB-CONTENT
--- */
div#sub-content {margin:1em 1.5em 0 0; float:right; width:28em; color:#4F4F4A; font-size:100%; line-height:2em; padding:1em 2em;}
div#sub-content h4 { margin:1em 0 0; color:#790127; font-size:127%; }
ol#clients {margin:0;}
ol#clients li {list-style:none; color:#4F4F4F; padding:10px;}
ol#clients li h5  a {color:#790127;}
ol#clients li h5  a:hover {text-decoration:none;}
ol#clients  img {float:left; background:#9F9F9F; padding:2px; margin:0.5em 0.9em 0.2em 0;}

/* ---
ABOUT-SECTION
--- */
div#about-section { margin:4em 0 0; min-height:17em;}
ul#about-container, div#footer-cont {width:960px; margin:0 auto;}
ul#about-container  li {margin:0 6em 0 0; width:23em; float:left; list-style:none;  color:#4F4F4A; font-size:100%; line-height:2em;}
ul#about-container  li  p {line-height:150%;}
ul#about-container  li  img {margin:-.2em 0.7em 3em 0; float:left;}
ul#about-container  li.last {margin:0;}
ul#about-container h3 { color:#790127; font-size:134%; margin:1em 0 0.5em; }

ul#about-container img#uk {margin:1em 1em 3em 0;}
ul#about-container img#basic {margin:1.8em 1em 3em 0;}

/* ---
FOOTER SECTION
*/
div#footer {font-size:98%; font-weight:bold; background:#790127; min-height:16em; margin:0;}
div#footer-cont ul {margin:1em 0;}
div#footer-cont a {text-decoration:none; border-bottom:1px dotted #FFF; color:#FFF;}
div#footer-cont a :hover {text-decoration:none; border:none;}
div.vcard { color:#FDFBF2; float:left; width:32em; margin:.6em 0 0;}
div.vcard  li {list-style:none;}
div.vcard h4 { color:#F4F2E9; font-size:142%; text-transform:uppercase; }
div.vcard h5 {color:#1F000A;font-size:136%;margin:0.2em 0 0;}

span#email {background:url(../images/email.jpg) no-repeat 0 -1px; padding:0 0 0 20px}
span#phone {background:url(../images/telephone.jpg) no-repeat 0 -1px; padding:0 0 0 20px}
span#mobile {background:url(http://www.amusementrideservices.com/images/phone.jpg) no-repeat 0 -1px; margin:0 0 0 10px; padding:0 0 0 19px; width:20px; height:20px; }
a#download {background:url(../images/vcard.jpg) no-repeat 0 -1px; padding:0 0 0 20px; margin:0 0 0 5px;}

div#site-info {float:right; margin:0.5em 0 0; color:#FFF;}
div#site-info li {float:left; list-style:none; margin:.3em 1.3em .5em 0; padding:0 .5em 0 0; }
div#site-info a {border:none;}
div#site-info a:hover {text-decoration:underline;}

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

/* ---
Contact us page
--- */
form#contact_form  label {display:block; float:left; width:111px;}
form#contact_form span {color:#AF2B2B}
form#contact_form  button {margin:0 0 10px 111px; padding:3px 9px; background:#EFEFED; line-height:2; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #CFCFCF;}
form#contact_form  button:hover {background:#CFCFCF;}
img#verification_img {margin:0 0 10px 111px;}
form#contact_form input#verification_code {width:12em;}
form#contact_form input, form#contact_form  textarea { width:25.25em; padding:.2em 1em;}


/* ---
News Page
--- */
ul#news {margin:0;}
div#main-content ul#news  li {list-style:none; margin:0 0 3em 0;}
ul#news h3 {font-size:157%; }
ul#news li.row1 h3 { margin:0.2em 0;}

ul#news img, div.news_full img { background:#CFCFCF; float:left; margin:0 1em 0 0; padding:3px;}
ul#news li.row1 img {float:right; margin:0 0 0 1em;}
div.news_full img {margin:0.5em 1.5em 0 0;}

/* ---
Sales Page
--- */
ul#sales {margin:0;}
div#main-content ul#sales  li {list-style:none; margin:0 0 3em 0;}
ul#sales h3 {font-size:157%; }
ul#sales li.row1 h3 { margin:0.2em 0;}

ul#sales img, div.news_full img { background:#CFCFCF; float:left; margin:0 1em 0 0; padding:3px;}
ul#sales li.row1 img {float:right; margin:0 0 0 1em;}
div.news_full img {margin:0.5em 1.5em 0 0;}