/*Author: David Goy*/

/*Credits to all the awesome people whose work this CSS was built upon */
/*

Matthew James Taylor
Prabhath Sirisena

*/

/*-----------------------------
	General
-------------------------------*/
body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
text-align:center;
background: #FFFFFF url(../images/minisite_bg.jpg) no-repeat center top;
font-family: Arial, Helvetica, sans-serif;  
font-weight:normal;
font-size:100%;
}


/* Layout container used for public pages */
#container
{ 
margin: 100px auto 0;
width: 700px;
text-align: left;
min-height:650px;
}

/* Layout container used for Admin pages */
#containerAdmin
{ 
margin: 0 auto 0 auto;
width: 100%;
text-align: left;
}

/*-----------------------------
	Typography
-------------------------------*/

h1 {font-size:36px;}
h2 {font-size:28px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}

p, li, blockquote {
	line-height:1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color:#585858;
	margin:24px 24px 12px 24px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	margin:24px 24px 12px 24px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#828282;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#000000;
}

.h-color-link a {
	color:#828282; 
}

.h-color-link a:hover {
	color:#000000;
}

a {
	color:#828282; 
	text-decoration:underline;
}

a img {
	
	border-style:none;
	
}

a:hover {
	color:#000000;
}

a:hover, a:active {
	outline: none;
}

small {
	font-size:85%;
}

strong { 
	font-weight: bold;
}



.centeredText {
	text-align:center;
}

.justifiedText {
	text-align:justify;
}


.justifiedText {
	text-align:justify;
	text-indent:2.0em;
}


.justifiedTextNoIndent {
	text-align:justify;
}


.leftAlignedText {
	text-align:left;
}


.rightAlignedText {
	text-align:right;
}


.textColorsForDarkBg p {
	color: #FFFFFF;
}


.textColorsForDarkBg a {
	color: #BFBFBA;
}

.textColorsForDarkBg a:hover {
	color: #D9AF32;
}

.textColourRed {
	
	color:#da0000;
	
}

.sideNote{
	font-size:10px;
	text-align:center;
}

/*-----------------------------
	Images and videos
-------------------------------*/

img {
	margin:10px 0 5px;
}
#ads img {
	display:block;
	padding-top:10px;
}


.centeredImage {
display:block;
margin-left:auto;                 
margin-right:auto;
text-align:center;
}


.rightAlignedImage {
display:block;
margin:0;
padding:0;
float:right;
text-align:right;
}


.centeredImageWithBorder {
display:block;
margin-left:auto;                 
margin-right:auto;
border: 1px solid #BFBFBA;
text-align:center;
}


.thumbs {
display:block;
margin-left:auto;                 
margin-right:auto;
text-align:center;
}

/*By DG*/
.thumbs img
{
text-align:center;
padding:1px;
margin:3px 3px 3px 3px;
border:1px solid #BFBFBA;
background:none;
}

/*By DG*/
.thumbs img:hover
{
border:1px solid #73736C; 
background:none;
}

.flushToRightEdgeImg{
	
	float:right; 
	margin:0; 
	padding:0; 
	text-align:right;
}

.flushToLeftEdgeImg{
	
	float:left; 
	margin:0; 
	padding:0; 
	text-align:left;
}

/*-----------------------------
	Navigation
-------------------------------*/
nav {

margin:0;

}

nav p {

margin: 25px 30px 0 auto;
text-align:right;
font-size: 10pt;
color:#828282;
}

nav a {

color:#828282;
text-decoration:none;
}

nav a:hover {

color:#000000;
text-decoration:underline;
}

.subnav {
	
	margin: 0 auto 0 25px;
	text-align:left;
	
}

/*-----------------------------
	Layout
-------------------------------*/


/* column container */
.colmask {

position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;			/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */

}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 0 0;
overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu {
background:#ffffff;		/* right column background colour  */
border:#808080 1px solid;

}
.rightmenu .colleft {
right:25%;			/* right column width */
background: #ffffff;      /* left column background colour */
border-right: 1px solid #C0C0C0; 

}
.rightmenu .col1 {
width:71%;			/* left column content width (left column width minus left and right padding) */
left:27%;			/* (right column width) plus (left column left padding) */

}
.rightmenu .col2 {
width:21%;			/* right column content width (right column width minus left and right padding) */
left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Full page settings */
.fullpage {
/* background: #fff url(../images/bannerpic.jpg) no-repeat; */
background-color:#ffffff; /* page background colour */
border:#808080 1px solid;
}
.fullpage .col1 {
width:100%;			/* page width minus left and right padding */
left:0%;			/* page left padding */
/*min-height:650px;*/
}

/*-----------------------------
	Article
-------------------------------*/

article {
float:left;
width: 100%;
margin: 40px 0 50px 0;
}

article .thumb {
float: left;
margin-left: 25px;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

article .title {
float:right;
width: 59%;
font-size: 22px;
margin-bottom: 10px;
color: #313131;
text-align: center;

}

article .story {
float:right;
width: 55%;
}


/*-----------------------------
	Footer
-------------------------------*/

/* Footer styles */
footer {
clear:both;
float:left;
width:100%;
text-align:center;
background: #fff url(../images/footerpic.jpg) no-repeat center bottom;
}
footer p {
padding:10px;
margin:0;
}

footer a
{
margin:0;
color:#828282;
text-decoration:none;
position:relative;
line-height:1.2em;
text-align:center;
}


footer a:hover {

color:#000000;
text-align:center;
text-decoration:underline;
}


/*-----------------------------
	Boxes
-------------------------------*/

/* Guarantee Box */
#guarantee_box { 
margin:10px auto;
font-family:Tahoma;
width:80%;
text-align:center;
padding:10px;
background-color:#ffffff;
border:2px;
border-color:#848484;
border-style:dashed;
}

#guarantee_box p
{
font-family:Arial;
font-size:4;
}

#guarantee_box h2
{
text-align:center;
}

/* Bonus Box */

#bonus_box { 
margin:10px auto;
font-family:Tahoma;
width:80%;
text-align:left;
padding:10px;
background-color:#ffffff;
border:7px;
border-color:#cc0000;
border-style:solid;
}

#bonus_box p
{
font-family:Arial;
font-size:4;
color:#000000;
}


/* Important Notice Box */

.importantNotice_box { 
float:left;
margin:0;
width:50%;
text-align:left;
padding:10px;
background:none;
border:7px;
border-color:#da0000;
border-style:solid;
}



/*-----------------------------
Forms
-------------------------------*/

div.form-container { 
margin: 10px; 
padding: 5px; 
background-color: #FFF; 
border: #ffffff 1px solid; 
}

p.legend { 
margin-bottom: 1em; 
}

p.legend em { 
color: #C00; 
font-style: normal; 
}

div.errors { 
margin: 0 0 10px 0; 
padding: 5px 10px; 
border: #FC6 1px solid; 
background-color: #FFC; 
}

div.errors p { 
margin: 0; 
}

div.errors p em { 
color: #C00; 
font-style: normal; 
font-weight: bold; 
}

div.form-container form p { 
margin: 0; 
}

div.form-container form p.note { 
margin-left: 170px; 
font-size: 90%; 
color: #73736C; 
}

div.form-container form fieldset { 
margin: 10px 0; 
padding: 10px; 
border: #BFBFBA 1px solid; 
}

div.form-container form legend { 
font-weight: bold; 
color: #73736C; 
}

div.form-container form fieldset div { 
padding: 0.25em 0; 
}

div.form-container label { 
margin-right: 10px; 
padding-right: 10px; 
width: 150px; 
display: block; 
float: left; 
text-align: right; 
position: relative; 
}

div.form-container label.error, 
div.form-container span.error { 
color: #C00; 
}

div.form-container label em { 
position: absolute; 
right: 0; 
font-size: 120%; 
font-style: normal; 
color: #C00; 
}

div.form-container input.error { 
border-color: #C00; 
background-color: #FEF; 
}

div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	
background-color: #FFC; 
border-color: #FC6; 
}

div.form-container div.controlset label, 
div.form-container div.controlset input { 
display: inline; float: none; 
}

div.form-container div.controlset label.controlset { 
display: block; float: left; 
}

div.form-container div.controlset div { 
margin-left: 170px; 
}

div.form-container div.buttonrow { 
margin-left: 180px; 
}


/*============================*/
/*=== Nivo-Slider Styles ===*/
/*============================*/
#slider-wrapper {
    margin:0 auto;
    padding-top:0;
}

#slider {
	position:relative;
    width:700px; /* Change this to suit the images you want to the slideshow to load */
    height:400px; /* Change this to suit the images you want to the slideshow to load */
    margin:0 auto 0 auto;
	/*background:url(../images/apps/nivo-slider/loading.gif) no-repeat 50% 50%;*/
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/apps/nivo-slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	margin-bottom:50px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:50px;
	height:50px;
	background:url(../images/apps/nivo-slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-50px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#FFFFFF;
    text-decoration:underline;
}


/*-----------------------------
	Tables
-------------------------------*/


.table_hor-minimalist-b
{
	font-family: "Arial, Helvetica, sans-serif";
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
.table_hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	padding: 10px 8px;
	border-bottom: 2px solid #000000;
}
.table_hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #333333;
	padding: 6px 8px;
}
.table_hor-minimalist-b tbody tr:hover td
{
	color: #397D02;
}


/*-----------------------------
	Miscellaneous
-------------------------------*/

/* Force a column's text to be without horizontal margin*/

#enforceNoHorizontalMargin p {
	margin:24px 0 24px 0;	
}

#enforceNoHorizontalMargin h3 {
	margin:24px 0 24px 0;	
}

/* Force a column to be at least a certain pixels in height */
#enforceMinimumHeight {
	
	min-height: 650px;
	
}

/* Make a column's background dark and its text light */
#darkColumn {
	
	background:#000000;
	color:#FFFFFF;
	
}

.bullet_points
{
text-align:left;
font-size:12pt;
margin:0;
padding:0;
}

.bullet_points img
{
margin:0px 12px 0px 12px;

}

/* Button locations */

.buttonLocationRight {
	
	display:block;
	text-align:right;
	margin:25px;
	
}