/* 
----------------------------------------------------------------------------- 
	BODY & GENERAL STYLES
-----------------------------------------------------------------------------*/

.sales{
	position:absolute;
	left:550px;
	top:150px;
}

#t{
	top:250px;
	left:205px;
	position: relative;
	overflow: hidden;
	width: 600px;
	height: 23px;
	padding-top: 0px;
}

.c{
	font-family: arial,helvetica, sans-serif;
	margin-top: 0px;
	position: absolute;
	color: #ffffff;
	font-size: 9pt;
	top: 5px;
	left: 100px;
	white-space: nowrap;
	font-weight:bold;
}

.c a{
	color: White;
}

#tt{
	top:250px;
	left:205px;
	position: relative;
	overflow: hidden;
	width: 600px;
	height: 23px;
	padding-top: 0px;
}

.cc{
	font-family: arial,helvetica, sans-serif;
	margin-top: 0px;
	position: absolute;
	color: #ffffff;
	font-size: 9pt;
	top: 5px;
	left: 100px;
	white-space: nowrap;
	font-weight:bold;
}

.cc a{
	color: White;
}



.language-box{
	position:relative;
	float:right;
	top:16px;
	left:5px;
}

body
	{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans-serif;
	background-color: #f8f8f8;
	}

html, body, #wrap
	{
	height: 100.1%;
	}

body > #wrap
	{
	height: auto;
	min-height: 100.11%;
	}
	
div#bodyguard
	{
	padding-bottom: 110px;
	}
	
body.subpage
	{
	background: #f8f8f8 url(../Graphics/bg-pageholder.png) center repeat-y;
	}

ul, li
	{
	margin: 0;
	padding: 0;
	}

img
	{
	border: 0;
	}

input
	{
	margin: 0;
	padding: 0;
	border: 0;
	}

a
	{
	outline: none;
	color: #222469;
	font-weight: bold;
	text-decoration: none;
	}

a:hover
	{
	text-decoration: underline;
	}

:focus
	{
	-moz-outline-style: none;
	}





/* 
----------------------------------------------------------------------------- 
	HEADER STYLES
-----------------------------------------------------------------------------*/

div#header
	{
	margin: 0;
	padding: 0;
	height: 123px;
	background: #f8f8f8 url(../Graphics/start-header-bg.png) repeat-x;
	}
	
div.header-wrap
	{
	width: 960px;
	margin: 0 auto;
	}
	
	
	
	
	
/* 
----------------------------------------------------------------------------- 
	LOGO
-----------------------------------------------------------------------------*/

.logo
	{
	width: 150px;
	height: 107px;
	position: absolute;
	float: left;
	position: relative;
	left: 10px;
	padding: 0;
	/*
	background: transparent url(../Graphics/logo-start.png) no-repeat;
	*/
	text-indent: -1000px;
	margin: 0 85px 0 0;
	}





/* 
----------------------------------------------------------------------------- 
	MAIN MENU
-----------------------------------------------------------------------------*/

ul#main-menu
	{
	list-style: none;
	display: inline;
	top: 75px;
	position: absolute;
	}
	
ul#main-menu a
	{
	display: block;
	}

ul#main-menu li
	{
	float: left;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	height: 31px;
	margin-right: 15px;
	}

ul#main-menu li a
	{
	margin: 0;
	color: #000;
	text-decoration: none;
	color: #222469;
	}
	
ul#main-menu li.item a
	{
	margin: 7px 18px 0;
	color: #000;
	text-decoration: none;
	color: #222469;
	height: 20px;
	}

ul#main-menu li.item a:hover
	{
	border-bottom: 3px solid #222469;
	}

ul#main-menu li.selected
	{
	float: left;
	position: relative;
	background: #eaeaea url(../Graphics/mainmenu-selected-right.png) top right no-repeat;
	font-size: 14px;
	font-weight: bold;
	height: 31px;
	margin-right: 15px;
	}

ul#main-menu li.selected a
	{
	background: transparent url(../Graphics/mainmenu-selected-left.png) top left no-repeat;
	padding: 7px 18px;
	height: 31px;
	display: block;
	color: #000;
	text-decoration: none;
	}





/* 
----------------------------------------------------------------------------- 
	SUBMENU
-----------------------------------------------------------------------------*/

div#submenu
	{
	width: 182px;
	height: 620px;
	background: transparent url(../Graphics/submenu-bg.png) no-repeat 100% 0;
	padding: 30px 0;
	float: left;
	position: relative;
	}
	
ul#sub-menu
	{
	list-style: none;
	display: inline;
	width: 170px;
	float: right;
	position: relative;
	border-bottom: solid 1px #dedede;
	right: 12px;
	}
	
ul#sub-menu a
	{
	display: block;
	width: 134px;
	}

ul#sub-menu li
	{
	position: relative;
	font-size: 13px;
	font-weight: normal;
	height: 33px;
	
	display: inline;
	}

ul#sub-menu li a
	{
	margin: 0;
	color: #000;
	text-decoration: none;
	color: #222469;
	padding: 9px 18px;
	border-top: solid 1px #dedede;
	}
	
ul#sub-menu li.item a
	{
	color: #000;
	text-decoration: none;
	color: #222469;
	}

ul#sub-menu li.item a:hover
	{
	background: #fff url(../Graphics/submenu-over-bg.png) no-repeat;
	}

ul#sub-menu li.selected
	{
	position: relative;
	font-size: 13px;
	font-weight: bold;
	height: 33px;
	}

ul#sub-menu li.selected a
	{
	padding: 9px 18px;
	display: block;
	color: #000;
	text-decoration: none;
	background: #fff url(../Graphics/submenu-selected-bg.png) no-repeat;

	}




	
/* 
----------------------------------------------------------------------------- 
	LOGIN BOX
-----------------------------------------------------------------------------*/

div.login-box
	{
	width: 250px;
	height: 88px;
	float: right;
	position: relative;
	top: 18px;
	background: transparent url(../Graphics/start-login-bg.png) no-repeat;
	}

input#frmLoginEmail
	{
	width: 216px;
	height: 23px;
	background: transparent url(../Graphics/start-login-bg-username.png) no-repeat;
	margin: 11px 10px 10px 10px;
	padding: 4px 7px 0 7px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #777;
	vertical-align: middle;
	}
	
input#frmLoginPassword
	{
	width: 136px;
	height: 23px;
	background: transparent url(../Graphics/start-login-bg-password.png) no-repeat;
	margin: 0 11px 0 10px;
	float: left;
	padding: 4px 7px 0 7px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #777;
	}





/* 
----------------------------------------------------------------------------- 
	STARTSPLASH
-----------------------------------------------------------------------------*/

div#startsplash
	{
	height: 306px;
	background: #012967 url(../Graphics/start-splash-1.jpg) no-repeat center;
	width: 100%;
	}
	
div.startsplash-wrap
	{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	}
	
div.startsplash-wrap img
	{
	margin-top: 81px;
	margin-left:40px;
	}
	
div.startsplash-wrap img a
	{
	border: 0;
	}
	
	
	
	
	
/* 
----------------------------------------------------------------------------- 
	SUB PAGES
-----------------------------------------------------------------------------*/

div.pageborder
	{
	height: 13px;
	background: #012967 url(../Graphics/page-border.png) repeat-x;
	width: 100%;
	}

div#pageholder
	{
	width: 960px;
	margin: 0 auto;
	position: relative;
	}
	
div#pagecontent
	{
	float: right;
	width: 687px;
	padding: 34px 20px 40px 70px;
	}
	
	
	
	
	
/* 
----------------------------------------------------------------------------- 
	SUB PAGE CONTENT - WITH Graphics LEFT & RIGHT
-----------------------------------------------------------------------------*/
	
div#pagecontent hr
	{
	border: 0;
	height: 1px;
	background: #dcdde4;
	color: #dcdde4;
	margin: 0 0 15px 0;
	padding: 0;
	}

div.pagecontent-left
	{
	float: left;
	width: 300px;
	height: 380px;
	position: relative;
	text-align: center;
	margin: 50px 10px 0 0;
	}
	
div.pagecontent-right
	{
	float: right;
	width: 300px;
	height: 380px;
	position: relative;
	text-align: center;
	margin: 50px 10px 0 0;
	}

div.pagecontent-left img, div.pagecontent-right img
	{
	margin: 0px 0 24px 0;
	}
	
div.pagecontent-left p, div.pagecontent-right p
	{
	text-align: left;
	padding: 10px;
	}
	
	
	
	
	
/* 
----------------------------------------------------------------------------- 
	SUB PAGES - FONTS
-----------------------------------------------------------------------------*/

div#pagecontent h1
	{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 24px;
	color: #212367;
	margin: 0 0 20px -42px;
	padding: 0 0 0 42px;
	background: transparent url(../Graphics/overview-arrow.png) 0 0 no-repeat;
	}
	
div#pagecontent h2
	{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 18px;
	color: #000;
	margin: 0;
	text-align: left;
	padding: 0 0 4px 10px;
	}
	
	
div#pagecontent h4
	{
	clear: both;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 18px;
	color: #000;
	margin: 0;
	text-align: left;
	padding: 100px 0 20px 0;}
	
	
div#pagecontent p
	{
	clear: both;
	margin: 0 0 30px 0;
	}
	




/* 
----------------------------------------------------------------------------- 
	SUB PAGES - PRICES
-----------------------------------------------------------------------------*/

div.price-bronze, div.price-silver, div.price-gold
	{
	float: left;
	position: relative;
	width: 200px;
	height: 210px;
	background: transparent url(../Graphics/bg-pricelist.png) no-repeat;
	margin: 50px 0 10px 0;
	}

div.price-bronze, div.price-silver
	{
	margin-right: 40px;
	}

img.medal
	{
	top: -45px;
	left: -34px;
	position: absolute;
	}

ul#price-list
	{
	list-style: none;
	display: inline;
	color: #fff;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0;
	padding: 0;
	margin: 0;
	}
	
ul#price-list li
	{
	list-style-type: none;
	height: 64px;
	line-height: 64px;
	text-align: center;
	padding: 0;
	margin: 0;
	}

ul#price-list li.pricetag
	{
	height: 82px;
	line-height: 82px;
	}

ul#price-list li.pricetag strong
	{
	font-size: 30px;
	font-weight: bold;
	margin-right: 5px;
	}
	





/* 
----------------------------------------------------------------------------- 
	COLUMN AREA
-----------------------------------------------------------------------------*/

div#column-holder
	{
	width: 960px;
	margin: 40px auto;
	position: relative;
	height: 190px;
	}
	
div.col1
	{
	width: 240px;
	float: left;
	position: relative;
	background: transparent url(../Graphics/overview-arrow.png) no-repeat 27px 10px;
	padding: 0 10px 0 70px;
	}

div.col2
	{
	width: 240px;
	float: left;
	position: relative;
	background: transparent url(../Graphics/overview-arrow.png) no-repeat 27px 10px;
	padding: 0 10px 0 70px;
	}
	
div.col3
	{
	width: 240px;
	float: left;
	position: relative;
	background: transparent url(../Graphics/overview-arrow.png) no-repeat 27px 10px;
	padding: 0 10px 0 70px;
	}

h3
	{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 18px;
	color: #212367;
	margin: 13px 0 7px 0;
	padding: 0;
	}
	
h3 a
	{
	color: #212367;
	text-decoration: none;
	}
	
h3 a:hover
	{
	color: #000;
	}
	
p
	{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 22px;
	color: #777;
	margin: 0;
	padding: 0;
	}





/* 
----------------------------------------------------------------------------- 
	CALL ME AREA
-----------------------------------------------------------------------------*/

div#callme
	{
	clear: both;
	width: 960px;
	height: 134px;
	margin: 0 auto;
	background: transparent url(../Graphics/start-callme-bg.png) no-repeat;
	padding-top: 12px;
	position: relative;
	}
	
p strong
	{
	color: #333;
	}
	
div.callme-text
	{
	width: 267px;
	float: left;
	position: relative;
	background: transparent url(../Graphics/overview-arrow.png) no-repeat 27px 10px;
	padding: 0 10px 0 70px;
	}
	
div.callme-text p
	{
	font-size: 11px;
	}

div.callme-form
	{
	width: 543px;
	float: left;
	position: relative;
	background: transparent url(../Graphics/overview-arrow.png) no-repeat 0 10px;
	padding: 0 0 0 43px;
	}
	
div.callme-form form
	{
	margin-top: 25px;
	}

input#callme-name
	{
	width: 256px;
	height: 23px;
	background: transparent url(../Graphics/start-callme-name-bg.png) no-repeat;
	margin-right: 10px;
	float: left;
	padding: 4px 7px 0 7px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #777;
	}
	
input#callme-phone
	{
	width: 167px;
	height: 23px;
	background: transparent url(../Graphics/start-callme-phone-bg.png) no-repeat;
	margin-right: 10px;
	float: left;
	padding: 4px 7px 0 7px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #777;
	}





/* 
----------------------------------------------------------------------------- 
	CALL ME AREA - ON SUB PAGES
-----------------------------------------------------------------------------*/

div#callme-pages
	{
	clear: both;
	width: 683px;
	height: 134px;
	margin: 0 auto;
	background: transparent url(../Graphics/bg-callme-pages.png) no-repeat;
	padding-top: 12px;
	position: relative;
	margin-top: 70px;
	margin-bottom: 40px;
	}

div#callme-pages div.callme-form
	{
	margin: 8px 0 0 50px;
	}





/* 
----------------------------------------------------------------------------- 
	FOOTER
-----------------------------------------------------------------------------*/

div#footer
	{
	background: #ebebeb url(../Graphics/start-footer-bg.png) repeat-x;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	padding: 0;
	clear: both;
	}

div.footer-wrap
	{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	}
	
div.footer-wrap p
	{
	margin: 0;
	padding: 0;
	}
	
div.footer-wrap p strong
	{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	letter-spacing: 0;
	color: #3f3f3f;
	line-height: 50px;
	}
	
div.footer-wrap a
	{
	color: #8a8b8d;
	text-decoration: none;
	font-weight: bold;
	}
	
div.footer-wrap a:hover
	{
	color: #3f3f3f;
	text-decoration: underline;
	}

/* Facebook link, frontpage */

.facebook{
    color: #777777;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0;
    padding: 0;
}

.facebook img{
vertical-align:top;
border:0px;
}

.facebook a{
color: #212367;
text-decoration: none;
}

.facebook a:hover{
color:#000;
text-decoration: underline;
}