html, body {
min-height: 100%; /*Sets the min height to the
                                        height of the viewport.*/
width: 100%;
height: 100%; /*Effectively, this is min height
                                for IE5+/Win, since IE wrongly expands
                                an element to enclose its content.
                                This mis-behavior screws up modern
                                browsers*/
margin: 0;
padding: 0;

}

html>body {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    position: absolute;
    top: 0;
    background:#fff url(../layoutimages/background.jpg) repeat-x top left;
}

#main {
   /*Keeps content above footer. */
        padding-bottom:30px;
        height:auto;
        margin-top: 10px;
}

#footer {
    bottom: 0;
    height:30px;
   	line-height:30px;
   	border-top: 1px solid #ccc;
}

#footer p, #footer a {
	color: #999;
	font-size:  12px;
	line-height:14px;
}

#footer a {
		text-decoration: underline;
}

#footer a:hover {
	color: #ff6600;
}

#footer_links p {
	padding-left: 10px;
}

#footer_weblink p {
	padding-right: 10px;
	text-align: right;
}

.clear
{ clear:both; } 

/**** Container
*************************/

.container_wrapper {
	margin: 0px auto 10px auto;
	width: 950px;
	border: 5px solid #ccc;
	background-color: #fff;
	z-index: 1;
}

#topstrap {
	height: 110px;
	position: relative;
	z-index: 10;
}

#topdetails {
	margin-top: 30px;
	text-align: right;
}

#tel_number {
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	margin: 0;
}

#topstrap {
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	margin: 0;
}

/* Headings */

h1 {
	color: #ff6600;
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 3px;
	border-bottom: 1px solid #999;
}

h2 {
	color: #ff6600;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 0px;
}

/* Bodyblock */

#bodyblock {
	padding-right: 20px;
}

#bodyblock a, #side a {
	color: #ff6600;
	text-decoration: underline;
}

#bodyblock a:hover, #side a:hover {
	color: #666;
	text-decoration: none;
}

#bodyblock ul {
	margin: 10px 0;
	padding: 0;
}

#bodyblock ul li {
	margin-left: 15px;
	list-style: circle;
}

/* Images */

.left {
	float: left;
	margin:0px 10px 5px 0px;
	padding: 1px;
	border: 1px solid #ccc;
}

.right {
	float: right;
	margin:0px 0px 5px 10px;
	padding: 1px;
	border: 1px solid #ccc;
}

/* Testimonials  */
#quote {
background:transparent url(../layoutimages/quote_top.gif) no-repeat scroll left top;
color:#000;
font-size:14px;
margin:20px 0 0;
}
#quote p {
margin:0;
padding:24px 5px 5px 35px;
}
#quote_wrapper {
background:#FFFFFF url(../layoutimages/quote_bottom.gif) no-repeat scroll right bottom;
padding-right: 20px;
width: 530px;
}

#author {
color:#666666;
line-height:25px;
margin:0 10px 0 0;
padding:0 20px 0 0;
text-align:right;
width:520px;
}

/* Contact Form */

#map_canvas {padding: 1px; border: 1px solid #ccc;}

#contact p {
	margin: 0 0 5px 0;
}

#contact p label span {
	color: #ff6600;
	font-size: 11px;
	font-weight: normal;
}

#contact p.error {
	width: 300px;
}

#contact p textarea {
	height: 100px;
	width: 300px;
}

#contact input.form_button {
	background-color: #fff;
	border: 1px solid #fff;
	color: #ff6600;
	font-size: 14px;
	padding: 5px;
	cursor: pointer;
	margin-left: 200px;
}

#contact input.form_button:hover {
	color: #333;
}

/* Side */

#side {
	padding:0 20px;
}

#side ul{
	padding: 0;
}

#side ul li {
	margin-left: 15px;
	list-style-type: circle;
}


/* newsletter */

#newsletter label {
	margin-right: 10px;
}

#newsletter p {
	margin: 0 0 2px 0;
}

#newsletter input.text {
	width: 250px;
}

#newsletter input.newsletter_button {
	background-color: #fff;
	border: 1px solid #fff;
	color: #ff6600;
	font-size: 14px;
	padding: 5px;
	cursor: pointer;
	margin-left: 200px;
}

#newsletter input.newsletter_button:hover {
	color: #333;
}

/* Navigation */
#nav {
background:transparent url(../layoutimages/nav_over.jpg) no-repeat scroll 0 0;
height:80px;
margin:0;
padding:0;
position:relative;
width:950px;
}
#nav li {
float:left;
list-style-type:none;
}
#nav li a {
background:transparent url(../layoutimages/nav_normal.jpg) no-repeat scroll 0 0;
display:block;
height:80px;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
text-indent:-9999px;
top:0;
}
li#nav_home a {
background-position:0 0;
left:0;
width:116px;
}
li#nav_about a {
background-position:-116px 0;
left:116px;
width:123px;
}
li#nav_clients a {
background-position:-239px 0;
left:239px;
width:139px;
}
li#nav_casestudies a {
background-position:-378px 0;
left:378px;
width:137px;
}
li#nav_services a {
background-position:-515px 0;
left:515px;
width:142px;
}
li#nav_advice a {
background-position:-657px 0;
left:657px;
width:156px;
}
li#nav_contact a {
background-position:-813px 0;
left:813px;
width:137px;
}

li#nav_home a:hover, li#nav_home a.current {
background-position:0 -80px;
}
li#nav_about a:hover, li#nav_about a.current {
background-position:-116px -80px;
}
li#nav_clients a:hover, li#nav_clients a.current {
background-position:-239px -80px;
}
li#nav_casestudies a:hover, li#nav_casestudies a.current {
background-position:-378px -80px;
}
li#nav_services a:hover, li#nav_services a.current {
background-position:-515px -80px;
}
li#nav_advice a:hover, li#nav_advice a.current {
background-position:-657px -80px;
}
li#nav_contact a:hover, li#nav_contact a.current {
background-position:-813px -80px;
}

/* SIDE */
#side ul {
margin:10px 0 ;
padding:0;
}
#side ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#side li a {
color:#666;
display:block;
font-size: 14px;
line-height: 18px;
margin:0;
padding:10px 10px 10px 24px;
text-decoration:none;
}
#side li a:hover {
color:#000;
}


#services {
	background-color: #666;
	padding: 10px;
	border: 1px solid #ccc;
	color: #fff;
	margin: 10px 0;
}

#services h2 {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
}

#services p {
	padding: 0px;
	margin: 0;
}

#services ul{
	margin: 10px 0 0 0;
	padding: 0;
	list-style:none;
}

#services ul li {
	background: #666 url(../layoutimages/arrow.gif) no-repeat 0 50%;
	color: #fff;
}

#services ul li a {
     padding-left:20px;
     color: #fff;
     text-decoration: none;
}

#services ul li a:hover {
     color: #ff6600;
}

.deal_bottom_spacer {margin-bottom: 20px;}