/*
Colors
bg dark grey:  #666
lighter grey:  #DFDFDF
lighter than above grey:  #F0F0F0

blue: #2B4051

red: #CC0000
orange: #F26522



*/




/*
	RESET
*/
*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 62.5%; font-family: Arial, sans-serif; color: #333333;
background-color:#666;
									}
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none;}

a img								{ border: none; background: none; }
img									{ vertical-align: middle; border: none; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #272727; background: white; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover						{ background: #990000; color: white; }
/*
	TYPGROGRAPHY
*/
p, li, dl							{ font-size: 1.4em; line-height: 1.3em; margin: 10px; }
a:link	{	color:	#CC0000 ;	text-decoration:	none;	border-bottom:	1px dotted #CC0000;}
a:visited	{	color:	#CC0000;	text-decoration:	none;	border-bottom:	1px dotted #CC0000;}
a:hover	{	color:	#CC0000;	text-decoration:	none;	border-bottom:	1px solid #CC0000;}
h1									{ font-size: 1.8em; font-family:  Arial, serif; font-weight: normal; margin: 3px 10px; text-transform:uppercase }
h2									{ font-size: 1.6em; font-family:  Arial, serif; font-weight: normal; margin: 3px 10px; }
h3									{ font-size: 1.2em; font-family:  Arial, serif; font-weight: normal;  margin: 3px 10px; }
h4									{ color: white; font-size: 2.0em; margin-bottom: 15px; margin: 3px; }
blockquote { font-size: 1.4em; line-height: 1.3em; margin: 10px 30px; font-style:italic;}
p.grey_box {background-color: #DFDFDF; border: 1px solid #666; color: #CC0000;}		
ul {margin: 10px 30px}
li {list-style: disc}

.orange { color: #F26522;}
.red { color: #CC0000;}	
.blue { color: #2B4051	;}		
.align_center {text-align:center; }
.align_left {text-align:left; }

				  
									  
/*
	STRUCTURE
*/									  
									  
#wrapper	{ margin: 2px auto 2px auto; width: 780px; background:#fdfde8; zoom:1; border: 1px solid #333333; padding: 0;}		  
									  
									  
	#header { width: 100%; height: 128px; background-image:url(../images/header_bg.gif); background-position:top left; background-repeat:repeat-x;  position:relative; }								  
									  
									  
									  
	div#footer
{	float:	left;	position:	relative;	height:	30px;	clear:	both;	width:	100%;		text-align:	left;	margin:	30px auto 0 auto;	color:	#fff;	}								  
									  


div#seo
{	margin:	0 auto;		width:	750px;	color: #CCCCCC;	z-index:	200;	height:	35px; font-size: 0.8em}


/*
header
*/

#header img.logo { margin: 0 auto 0 15px; padding: 0; float:left  } 



/*
CONTENT
*/

body#service div#content, body#restoration div#content  { padding: 10px 15px;}

#movie {background-color: #F4F4F4; margin: 10px;  padding: 5px 7px; float:left; border: 1px solid #666 }


div.grey_div { width: 100%; background-color: #F0F0F0; border-top: 1px solid #666; border-bottom: 1px solid #666; }
div#reasons { width: 50%; float:right; background: #F0F0F0; border: 1px solid #666; margin: 15px; }
div#reasons dt { margin: 9px 2px; color:#2B4051 }
img.content_image {background-color: #F4F4F4; margin: 10px;  padding: 5px 7px; border: 1px solid #666 }
/*
	FORM
	*/

form
{	width:	480px;	height:	290px;	text-align:	right;	vertical-align:	top;	padding:	20px 5px 30px 5px;	margin:	20px auto 10px auto;	border:	1px solid #333; background-color: #F0F0F0; font-size:	1.2em;}
form br
{	clear:	left;}
form label
{	cursor:	pointer;	vertical-align:	top;	float:	left;	width:	250px;}
form .text_inp, .text_area
{	font-size:	1.2em;	color:	#000000;	font-family:	Courier New, Courier New, Courier6, monospace;	background-color:	#fff;	border:	1px solid #333;	line-height:	15px;	vertical-align:	top;	text-align:	left;}
form .text_inp
{	margin:	0px;	width:	170px;	height:	17px;	line-height:	15px;	padding-top:	0px;	margin-bottom:	8px;	clear:	left;}
form .text_area
{	width:	170px;	height:	160px;	white-space:	normal;	overflow:	hidden;	vertical-align:	top;	padding-top:	0px;	margin-bottom:	8px;}
form .sbm_butt
{	cursor:	pointer;	background-color:	#F26522;	font-size:	1.2em;	margin:	0px;	color:	#fff;	font-family:	Verdana, Verdana, Geneva, sans-serif;	float:	right;	border:	solid 1px #666;	margin-right:	30px; padding:3px;}
form .sbm_butt:hover
{	background-color:	#CC0000;	color:	#fff;	text-decoration:	none; padding:3px}




/*
FOOTER
*/

div#footer p
{	float:	left;	padding:	0;	width:	800px;	clear:	none;	vertical-align:	middle;	margin:	2px 5px;}
div.empty_div
{	clear:	both;}
/*
SEO
*/

#seo p#heff
{	float:	left;	margin:	0 auto 10px 0;	padding:	0;	line-height:	25px;}
#seo p#site_map
{	float:	right;	margin:	0 0 10px auto;	padding:	0;	line-height:	25px;}
div#seo a:link
{	color:	#CCCCCC;	text-decoration:	none;	border-bottom:	1px dotted #CCCCCC;}
div#seo a:visited
{	color:	#CCCCCC;	text-decoration:	none;	border-bottom:	1px dotted #CCCCCC;}
div#seo a:hover
{	color:	#CCCCCC;	text-decoration:	none;	border-bottom:	1px solid #CCCCCC;}








    
#slidetabsmenu {
float:right;
width:100%;
font-size:1.1em;
line-height:normal;
position:absolute;
bottom: 4px;
right: 0;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;

margin-bottom: 0px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:right;
background:url(../images/tab-left.gif) no-repeat left top;
margin:0 5px;
padding:0 0 0 5px;
text-decoration:none;
border:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(../images/tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
color:#666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: #333333;
}

#slidetabsmenu #current a {
background-position:0 -125px;


}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: #000;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}

