﻿/*@import url(../../!Website_template/css/master.css); */

html, body {
	background-color:#484848;
	font: normal 12px arial, verdana, lucida, sans-serif;
	color:#000000;
	margin: 0;
	padding: 0;

}

.allimages {
background-color:#FFFFFF;
border:1px solid;
padding:1px;
border-color:#cdcccb;
margin:1px;
}

.allimagesinner {
background-color:#FFFFFF;
border:1px solid;
padding:1px;
border-color:#cdcccb;

margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

.allimagesinner2 {
background-color:#FFFFFF;
border:1px solid;
padding:1px;
border-color:#cdcccb;

margin-left:10px;
margin-top:10px;
margin-bottom:10px;
}



.hidden {
	display: none;
}

h1 {
	margin: 0;
	padding: 0;
	float: none;
	margin-top: 0px;
	padding-right: 0px;
}

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

#page-container {
	width: 810px;
	margin: auto;
}

.mainfonts {
line-height:22px;
}

.mainfontsred {
font-weight:bold;
color: #aa0019;

}

.mainfontstitles, h1 {
	font: bold 16px arial, verdana, lucida, sans-serif;
	color: #aa0019;
	padding-left:14px;
	padding-top:14px;
}

h1.first {
	font: bold 16px arial, verdana, lucida, sans-serif;
	color: #aa0019;
	padding: 14px 0;
}

h3 {
	font: bold 14px arial, verdana, lucida, sans-serif;
	color: #aa0019;
	padding:0px;

}

.services-menu {
	font: normal 12px arial, verdana, lucida, sans-serif;

}

#servicepreviewlayout {
width:301px;
height:183px;
margin-top:1px;
margin-right:0px;
margin-bottom:1px;
}
#servicepreviewimglayout {
margin-top:1px;
margin-right:1px;
margin-bottom:1px;
}
#servicepreview .title {
	font: bold 12px arial, verdana, lucida, sans-serif;
	color:#aa0019;
}
#servicepreview {
	font: normal 12px arial, verdana, lucida, sans-serif;
	color:black;

}

#servicepreview2 {
	height:171px;
	padding:5px;
	border:1px solid;
	border-color:#c9c8c6;
	background-image:url(../images/preview-bg.gif);
	width:290px;
	font: normal 12px arial, verdana, lucida, sans-serif;
	color:black;
	line-height:22px;

}

#servicepreview2 .title {
	font: bold 12px arial, verdana, lucida, sans-serif;
	color:#aa0019;

}

a{			color:#000000; }
a:link{		color:#aa0019; }
a:hover{	color:#aa0019; text-decoration:none;}
a:active{	color:#aa0019; }
a:visited{	color:#aa0019; }

#navcontainer1a ul { /* layout of the main menu removal of bullets etc */

	border: 1px;
	margin: auto;
	margin-bottom: 20px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	display: inline;
	clear:both;
}

#navcontainer1a li { /* layout of the menu items removal of bullets etc */
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	

}

#navcontainer1a ul li {  /* layout of both ul's and li's */

	/*display:inline;*/
	/* float: left; // removed as this doesnt seem to make a difference */
	text-align: center;
	/*padding: 0; 
	margin: auto;*/
}

#navcontainer1a ul li { /* style of tabs in their normal state */
	width: 100px; /* this size adjusts all */
	height: 18px;
	border-top: 1px solid #c9c8c6;
	border-left: 1px solid #c9c8c6;
	/*border-right: 1px solid #c9c8c6;*/
	border-bottom: 1px solid #c9c8c6;
	padding-top: 3px;
	padding-bottom: 1px;
	margin: 0; /* 	margin: auto; makes the menu vertically bad */
	display: block; /* !!!IMPORTANT */
	background-color:#EEEEEE;

}

#navcontainer1a a { /* style of tabs in their normal state */
	text-decoration: none; /* gets rid of normal link underline */
	text-align: center;	font: bold 12px arial, verdana, lucida, sans-serif;	color:#000000;
}

#navcontainer1a ul li { /* what the tab should look like when it is hovered */
	background: #DFDFDF;}

#navcontainer1a a:hover { /* what the tab should look like when it is hovered */
	color: #b60000;	font: bold 12px arial, verdana, lucida, sans-serif;}

#navcontainer1a #currentpage a { /* what the tab should look like when it is the current/active page */
	color: #b60000;	font: bold 12px arial, verdana, lucida, sans-serif;	}
	
#navcontainer1a #specialofferson a { /* what the tab should look like when it is the current/active page */
	color: #b60000;	font: bold 12px arial, verdana, lucida, sans-serif;
	/*background-image:url(../images/menu-b1.gif);*/ /*doesnt work*/}
	
#navcontainer1a ul li { /* what the tab should look like when it is the current/active page */
	background-image:url(../images/menu-b1.gif);}
	
#navcontainer1b ul { /* layout of the main menu removal of bullets etc */

	border: 1px;
	margin: auto;
	margin-bottom: 20px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	display: inline;
	/*clear:both;*/ /* removed to put on same line while in seperate divs */
}

#navcontainer1b li { /* layout of the menu items removal of bullets etc */
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navcontainer1b ul li {  /* layout of both ul's and li's */
	/*display:inline;*/
	/* float: left; // removed as this doesnt seem to make a difference */
	text-align: center;
	/*padding: 0; 
	margin: auto;*/
}

#navcontainer1b ul li { /* style of tabs in their normal state */
	width: 100px; /* this size adjusts all */
	height: 18px;
	border-top: 1px solid #c9c8c6;
	border-left: 1px solid #c9c8c6;
	border-right: 1px solid #c9c8c6;
	border-bottom: 1px solid #c9c8c6;
	padding-top: 3px;
	padding-bottom: 1px;
	margin: 0; /* 	margin: auto; makes the menu vertically bad */
	display: block; /* !!!IMPORTANT */
	background-color:#EEEEEE;
}

#navcontainer1b a { /* style of tabs in their normal state */
	text-decoration: none; /* gets rid of normal link underline */
	text-align: center;	font: bold 12px arial, verdana, lucida, sans-serif;	color:#000000;
}

#navcontainer1b ul li { /* what the tab should look like when it is hovered */
	background: #DFDFDF;}

#navcontainer1b a:hover { /* what the tab should look like when it is hovered */
	color: #b60000;	font: bold 12px arial, verdana, lucida, sans-serif;}

#navcontainer1b #currentpage a { /* what the tab should look like when it is the current/active page */
	color: #b60000;	font: bold 12px arial, verdana, lucida, sans-serif;	}
	
#navcontainer1b #specialofferson a { /* what the tab should look like when it is the current/active page */
	color: #b60000;	font: bold 12px arial, verdana, lucida, sans-serif;
	/*background-image:url(../images/menu-b1.gif);*/ /*doesnt work*/}
	
#navcontainer1b ul li { /* what the tab should look like when it is the current/active page */
	background-image:url(../images/menu-b1r.gif);}

body#page1 a#1nav,
body#page2 a#2nav,
body#page3 a#3nav,
body#page4 a#4nav {
color: #ffffff;
background: #930930;
}

#6nav{
color:#aa0019;
}

#navcontainer2 ul { /* layout of the main menu removal of bullets etc */
	list-style-type: none;
	text-align: left;
	display: inline;
	clear:both;
}

#navcontainer2 li { /* layout of the menu items removal of bullets etc */
	display: block;
	float: left;
	text-align: left;


}


#navcontainer2 ul li a { /* style of tabs in their normal state */
	width: 197px; /* this size adjusts all */
	height: 19px;
	border-top: 0px solid #c9c8c6;
	border-left: 0px solid #c9c8c6;
	/*border-left: 1px solid #f5d7b4;*/
	border-bottom: 0px solid #c9c8c6;

	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 1px;
	margin: 0; /* 	margin: auto; makes the menu vertically bad */
	text-decoration: none; /* gets rid of normal link underline */
	display: block; /* !!!IMPORTANT */
	text-align: left;
	font: normal 12px arial, verdana, lucida, sans-serif;
	background-color:#EEEEEE;
	color:#000000;
	background-image:url(../images/services-bg.gif);
}

#navcontainer2 ul li a:hover { /* what the tab should look like when it is hovered */
	color: #b60000;
	background: #DFDFDF;
	background-image:url(../images/services-bg.gif);
	font: normal 12px arial, verdana, lucida, sans-serif;
}

#navcontainer2 #currentpage2 a { /* what the tab should look like when it is the current/active page */
	background-image:url(../images/services-bg.gif);
	color: #b60000;
	font-weight:normal;
	}

body#page1 a#1nav2,
body#page2 a#2nav2,
body#page3 a#3nav2,
body#page4 a#4nav2 {color: #ffffff; background: #930930;}

#footer{
	font: normal 10px arial, verdana, lucida, sans-serif;
	color:#555555;
}

#footer .links:link, #footer .links:hover, #footer .links:visited, #footer .links:active{
	color:#555555;
}

#footer .links:hover{
	color:#555555;
	text-decoration:none;
}


#footer .specialoffers:link, #footer .specialoffers:hover, #footer .specialoffers:visited, #footer .specialoffers:active {
	color:#b60000;
}

#footer .specialoffers:hover {
	color:#b60000;
	text-decoration:none;
}






