/**********************************************************************************************

	Title: UK Glass Solutions CSS
	Author: Raw Marketing
	Date: 2009

  www.uk-glass.com

  #bb3112 - Red/Orange 
  #202020 - Black
  #ffffff - White 

***********************************************************************************************

	1. CSS Reset
	2. General Elements
	3. Utility Classes
	4. Typography
	5. Layout
		4.1 Header
		4.2 Navigation
		4.3 Masthead
		4.4 Body Services
		4.5 Sidebar
		4.6 Footer		
		
***********************************************************************************************/

/* 1. CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
line-height : 19px;
font-weight : inherit;
font-style : inherit;
font-size : 14px;
font-family : Calibri, Helvetica Narrow, sans-serif;
vertical-align : baseline;
}


/* GENERAL */

body {
background-color: white;
}

h1 {
font-size: 26px; color : #747474; 
}

p {
color : #747474;
}

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

a:hover {
color : #747474;
}

.float_left {
float : left;
}

.float_right {
float : right;
}

.clear {
clear : both;
}

.text_align_right {
text-align: right;
}

/* LAYOUT */

#wrapper {
width : 960px;
margin : 0 auto;
}

h1#logo {
background-image : url(images/logo.jpg);
background-repeat : no-repeat;
height : 224px;
width : 789px;
text-indent : -9999px;
overflow : hidden;
float : left;
}

#footer {
margin-top : 20px;
}

#innerWrapper {
min-height : 540px;
background-color : #6b6b6b;
border : 1px solid white;
padding : 20px;
}

#innerWrapper_content {
background-color : white;
min-height : 540px;
border : 1px solid #414141;
padding : 1px;
}

#innerWrapper_content_main {
background-color : white;
min-height : 540px;
border : 1px solid #414141;
padding : 20px 18px;
}

/* NAVIGATION */

ul#nav {
float : right;
margin-top : -30px;
background-color : #6b6b6b;
padding : 6px 0;
border : 1px solid #888888;
}

ul#nav li {
display : inline;
margin : 0 0 0 20px;
}

ul#nav li.first {
margin : 0;
}

ul#nav li a {
text-decoration : none;
color : white;
padding : 7px 15px;
}

ul#nav li a:hover {
color : #bb3112;
background-color : white;
padding : 7px 15px;
}

ul#nav li#current a {
color : #bb3112;
background-color : white;
padding : 7px 15px;
}

/* ACCORDIAN */

#accordion {
background-color : white;
height : 541px;
border : 1px solid #414141;
padding : 1px;
overflow : hidden;
}

#accordion img {
float : left;
margin-right : 1px;
cursor : pointer;
}

#accordion img.current {
cursor : default;
}

#accordion div {
width : 0;
float : left;
display : none;
position : relative;
}

#accordion div h2 {
font-family : Georgia;
font-size : 30px;
color : #bb3112;
width : 300px;
margin : 10px 0;
line-height : 30px;
margin-right : 30px;
margin-top : 30px;
}

#accordion div h3 {
color : #202020;
width : 300px;
font-size : 18px;
font-family : Georgia;
margin : 10px 0;
line-height : 24px;
margin-right : 30px;
}

#accordion div p {
color : #202020;
width : 300px;
line-height : 22px;
margin-right : 30px;
}



serviceText {
width : 300px;
}

.serviceImg {
margin : 70px 30px;
}

/* SLIDESHOW */

#slideshow {
position : relative;
width : 880px;
}

#slideshow img {
position : absolute;
z-index : 8;
}

#slideshow img.active {
z-index : 10;
}

#slideshow img.last-active {
z-index : 9;
}

/* HOMEPAGE */

#home_body_text {
width : 600px;
margin-top : 290px;
float : right;
}

#home_body_quote {
width : 260px;
float : left;
margin : 300px 0 0 0;
}

blockquote {
background-image : url(images/quote_open.png);
background-repeat : no-repeat;
background-position : 0% 0%;
}

blockquote p {
font-size : 20px;
color : #ff0100;
font-style : italic;
font-family : Georgia;
line-height : 30px;
background-image : url(images/quote_close.png);
background-repeat : no-repeat;
background-position : 100% 100%;
margin-left : 30px;
}

#contact_body_text { 
width: 420px; 
float: left;
margin-top: 100px; 
}

#contact_body_text h1 {
font-size: 30px; 
color : #747474;
margin-bottom: 30px; 
}

.contact_title {
font-weight: bold;
}

#contact_form { 
width: 430px;
float: right;
}