/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    
    css-master

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	margin:0px;
	background-color:#FFFFFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#666666;
}

p {
	margin:10px 0;
	}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
	
hr{
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:0;
	margin: 10px 0px 0px 0px;
	_margin:10px 0;
	}
	
blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(../../images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}

fieldset {
	padding:15px;
	}
	
legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1, h2, h3, h4, h5, h6 {
	font-size:1.8em;
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.1em;
	margin:5px 0;
}

h1 {
	margin-bottom:0;
}

h1, h2 {
	margin-top:0px;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.1em;
}

h3.small {
	font-size:1.2em;
}

h4 {
	font-size:1.1em;
}

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1em;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a:link {
	color:#d61719;
	text-decoration:none;
	outline:none;
}

a:visited {
	color:#970000;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

a:active {
	color:#970000;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top-logo {
	height:50px; /*4.5em;*/
	margin-left:auto;
	margin-right:auto;
	color:#999999;
	background:#888888 url(../../images/toplogobackground.png) repeat-x;
	position:relative;
    text-align:center;
	}
	
#top-nav {
	height:3.5em; /*4.5em;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	color:#FFFFFF;
	font-size:.85em;
	background:#333333;
	position:relative;
    z-index:-999;
	}
	
#logo {
	position:relative;
	width:970px;
	margin-left:auto;
	margin-right:auto;
	font-family:Helvetica, Arial, sans-serif;
	padding: 10px 0 0 10px;
	font-variant:small-caps;
	}
	
#tagline 
{
	position:relative;
	width:970px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 22px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #BBBBBB;	
	font-variant: small-caps;
    text-align:center;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main {
	margin-left:auto;
	margin-right:auto;
	width:970px;
	padding:0.5em 0 0 0;
	position:relative;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.5em;
	z-index:1;
}

#nav-main div {
	width:2%;
	_width:2%;
	position:absolute;
	text-align:center;
	top:0;
	right:0;
}

#nav-main ul {
	margin:0;
	padding: 0 0 0 0;
	}
	
#nav-main li {
	display:inline;
	list-style:none;
	padding:0 0 0 0;
	background:none;
	}

#nav-main a:link,
#nav-main a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#nav-main a:active {
	color:#FFFFFF;
}

#nav-main li.current a:link,
#nav-main li.current a:visited {
	text-decoration:underline;
}

#nav-main li.current a:active {
	color:#FFFFFF;
}

/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link,
#nav-main a.StaticSelectedStyle:visited {
	color:#FF834F;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SUB ARTICLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#Article 
{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	height:100%;
	width:500px;
	font-family:Helvetica, Arial, sans-serif;
	float:left;
	margin-bottom: 2em;
}

#ArticleTitle
{
	font-size: 1.5em;
	margin-bottom:1em;
	color:#222222;
	vertical-align:middle;
}

#RightSideBar { 
  float:right; 
  width: 450px;
  margin-left: 20px;
  margin-right:auto;
  height:100%;
  position:relative;
  z-index:1;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}

.photo-float-right {
	float:right;
	margin-left:10px;
	}

.image-border-none {
	border:none;
}

.product-icon
{
	width:55px;
	vertical-align:middle;
	position:relative;
	top:-3px;
	margin-right:0.2em;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	background:url(../../images/footerbackground.png) repeat-x;
	height:40px;
    text-align:center;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding:1em 0 0 0;
	color:#FFFFFF;/*#a9c0db;*/
	font-size:1.2em;
	clear: both;
}

#footer-text {
	width:970px;
	margin-left:auto;
	margin-right:auto;
}

#footer a:link,
#footer a:visited {
	color:#FFFFFF;/*#a9c0db;*/
	text-decoration:none;
}

#footer a:active {
	color:#FFFFFF;/*#a9c0db;*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	text-align:center;
	padding: 0 0 0.2em 0;
	position:relative;
	font-size:.8em;
	color:#999999;
	}

#footer-sub ul {
	margin:0;
	padding:0;
	}
	
#footer-sub li {
	display:inline;
	list-style:none;
	padding: 0 1em 0 0;
	background:none;
	}

#footer-sub a:link,
#footer-sub a:visited {
	text-decoration:underline;
	color:#999999;
}

#footer-sub a:hover {
	color:#666666;
	text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-RIGHT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-right {
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	width:740px;
	text-align:right;
	padding:.1em 0 2em 0;
	position:relative;
	font-size:.8em;
	color:#999999;
	}

#footer-right ul {
	margin:0;
	padding:0;
	}
	
#footer-right li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

#footer-right a:link,
#footer-right a:visited {
	text-decoration:underline;
	color:#999999;
}

#footer-right a:hover {
	color:#666666;
	text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.clear {
	clear:both;
	}

.none {
    display:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.content-behind
{
	margin-top:2em;
	margin-bottom:2em;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	width:970px;
	padding:0 0 0 10px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-size:1.4em;
	line-height: 1.5em;
	z-index:999;
}