@charset "utf-8";
/* CSS Document */


/*  A class selector is a name preceded by a full stop ( . )   */
/*  An ID selector is a name preceded by a hash character ( # )  */
/* Use a class tag if: 

1.The style is used in various places throughout the document.
2.The style is very general.
Use an id tag if: 

1.The style is only used once ever in the document.
2.The style is specific to a certain area of the document.
Remember that an id can only appear once in any HTML document. Once you've used the id, it should not be used again on that page. */

/*===== Navigation =======*/
/*==      Header        ==*/
/*==      Main1         ==*/
/*==     Phonebar       ==*/
/*==     Teaser1        ==*/
/*==      Text1         ==*/
/*==      Footer        ==*/
/*======= Credit =========*/

/*========== FireFox Dotted line Issue ===========*/
a, input {
outline-color: invert;
outline-style: none;
outline-width: medium;
}
/*========== FireFox Dotted line Issue ===========*/

/*======= Common Tags ===========*/
/*======= Fixes IE extra space ===========*/
.clear {        clear: both;        height: 1px;        overflow: hidden;    }
/*======= Fixes IE extra space ===========*/

* {padding: 0; margin: 0;}


img{
	border:0;
	text-align:left;
	}
	
.w3c{
	border:0;
	text-align:center;
	}

body {
	background-image: url(../images/background1.jpg);
}

.float_right{float:right;}
.align_right{text-align:right;}
.center{text-align:center;}
.block{display:block;}
.top_indent_5px{margin-top:5px; display:block;}
.top_indent_10px{margin-top:10px; display:block;}
.top_indent_15px{margin-top:15px; display:block;}
.top_indent_20px{margin-top:20px; display:block;}
.top_indent_25px{margin-top:25px; display:block;}

.width_stretch{width:100%;}

/*---------------------------------*/



/*========== Framework ===========*/
.framework{
	width:980px;
	margin:0 auto;
	text-align:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	border-top-style: none;
	border-left-style: solid;
}
/*---------------------------------*/



/*======= Main Pictures ===========*/
.main1 {
	background-image: url(../images/MainPic_30yrs.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 485px;
	border: 0;
	position:relative;
}


.main_euros {
	background-image: url(../images/MainPic_Vacila_Euros.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 485px;
	border: 0;
	position:relative;
}

.main_about {
	background-image: url(../images/MainPic_About.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 485px;
	border: 0;
	position:relative;
}

.main_catalogue {
	background-image: url(../images/MainPic_Catalogue.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 485px;
	border: 0;
	position:relative;
}

.main_media {
	background-image: url(../images/MainPic_Media.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 485px;
	border: 0;
	position:relative;
}

.main_faq {
	background-image: url(../images/MainPic_FAQ.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 485px;
	border: 0;
	position:relative;
}

.main_contact {
	background-image: url(../images/MainPic_Contact.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 485px;
	border: 0;
	position:relative;
}

.main_cumberland {
	background-image: url(../images/MainPic_Cumberland.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 485px;
	border: 0;
	position:relative;
}

.main_404 {
	background-image: url(../images/MainPic_404.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 485px;
	border: 0;
	position:relative;
}



/*---------------------------------*/


/*======= Homepage Teaser Buttons ===========*/

#buttons_home_main {
	position:absolute;
	left: 714px;
	width: 200px;
	top: 158px;
	height: 271px;
}

/*---------------------------------*/



/*======= Phone Bar ===========*/
.phonebar {
	background-image: url(../images/PhoneBar.gif);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 43px;
	border: 0;
}
/*---------------------------------*/


/*======= Teaser1 ===========*/
.teaser1 {
	background-image: url(../images/Teaser-VEuros.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 196px;
	border: 0;
	position: relative;
}
/*---------------------------------*/


/*======= Teaser Cumberland ===========*/
.teaser_cumberland {
	background-image: url(../images/Teaser-Cumberland.jpg);
	background-repeat: no-repeat;
	background-color: #F4F2E5;
	width: 980px;
	height: 196px;
	border: 0;
	position: relative;
}



/*======= Newsletter Signup ===========*/

#news_signup {
	position:absolute;
	left: 647px;
	width: 328px;
	top: 5px;
	height: 196px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	font-size: 0.8em;

}

/*---------------------------------*/





/*======= TextBox 1 ===========*/

.textbox1{
	
	background:url(../images/content_2_bg.jpg) left top repeat-x #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d2c7b4;
	border-left-color: #d2c7b4;
	padding-top: 10px;
	padding-right: 80px;
	padding-bottom: 30px;
	padding-left: 80px;
}
/*---------------------------------*/


/*======= Text 1 ===========*

.text1{
	font-family:Tahoma, Arial, helvetica, sans-serif;
	color:#363636;
	font-size:1em;
	background:url(../images/content_2_bg.jpg) left top repeat-x #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d2c7b4;
	border-left-color: #d2c7b4;
	padding-top: 10px;
	padding-right: 80px;
	padding-bottom: 30px;
	padding-left: 80px;
}
/*---------------------------------*/







/*=======content===========*/
#content_homepage{
	background-color: #F4F2E5;
	background-image: url(../images/main.jpg);
}




/*=======Teaser===========
#teaser{
	background-image: url(../images/Teaser-VEuros.gif);
	background-repeat: repeat-y;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .85em;
	height: 196px;
}



/*======= Phone Bar ===========*/
/*=======footer===========*/

#footer{
	text-align:center;
	color:#F2F4DE;
	background-image: url(images/footer.gif);
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .85em;
	padding: 10px;
	background-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	padding-top: 10px;
	padding-right: 80px;
	padding-bottom: 10px;
	padding-left: 80px;
}
.footerbox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	text-align: center;
	line-height: .8em;
	
	}

#footer a{
	color:#F2F4DE;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

#footer span{
	display:block;
	word-spacing:18px;
	color:#FFFFFF;
	margin-bottom:5px;
	font-weight: bold;
}
#footer span a{color:#F2F4DE; text-decoration:none; word-spacing:0;}
#footer span a:hover{text-decoration:underline;}
/*=====//footer===========*/

/*=======Aricom footer===========*/

#aricom_footer{
	text-align:center;
	color:#F2F4DE;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 10px;
	padding-top: 10px;
	padding-right: 80px;
	padding-bottom: 10px;
	padding-left: 80px;
	line-height: 2.5em;
}

#aricom_footer a{
	color:#F2F4DE;
	text-decoration:none;
}
#aricom_footer a:hover{
	text-decoration:underline;
}

#aricom_footer span{
	display:block;
	word-spacing:18px;
	color:#FFFFFF;
	margin-bottom:5px;
	font-weight: bold;
}
#aricom_footer span a{color:#F2F4DE; text-decoration:none; word-spacing:0;}
#aricom_footer span a:hover{text-decoration:underline;}
/*=====// Aricom footer===========*/


/*=====// Tables ===========*/
/*.table1 {
	line-height:1.3em;
	margin-top:10px;
	font-family:Tahoma, Arial, helvetica, sans-serif;
	color:#BA7F05;
	font-size:0.9em; */
	
}
.left_title {
	float : left;
	width : 45%;
	color: #333;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 1.2em;
}
.right_title {
	float : right;
	width : 45%;
	color: #333;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 1.2em;
}
.left_a {
	float : left;
	width : 15%;
}
.left_b {
	float : left;
	width : 30%;
}
.right_a {
	float : right;
	width : 30%;
}
.right_b {
	float : right;
	width : 15%;
}
.spacer { clear : both; }


/*=====// Tables ===========*/