/* 
These source codes are lovingly hand coded by David Goy, www.davidgoy.com
All source codes are copyright of David Goy and may not be reproduced. All rights reserved.
 */

/* <!-- */
	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
        text-align:center;
        background: #fff url(../images/minisite_bg.jpg) no-repeat center top;
	    background-color: #ffffff;
        font-family:Arial;
        
		
	}
    
   
    
    #container
    { 
    
    margin: 150px auto 0;
    width: 700px;
    text-align: left;
    
    
    }
    
    
	a {
		color:#369;
        font-weight:normal;
	}
	a:hover {
		color:#000;
		text-decoration:none;
        font-weight:normal;
	}
	h1 {
		margin:1.2em 25px 1.2em 25px;
		padding:0;
        text-align:left;
        font-family:Tahoma;
        font-size:25pt;
        color:#333333;
	}
    
    h2 {
		margin:1.2em 25px 1.2em 25px;
		padding:0;
        font-size: 18pt; 
        font-weight:700; 
        font-family:Tahoma;
        font-size:17pt;
        text-align:left;
        color:#333333;
	}
    
    h3 {
		margin:1.2em 25px 1.2em 25px;
		padding:0;
        text-align:left;
        color:#333333;
        font-family:Tahoma;
        font-size:15pt;
        font-weight:normal;
	}
    
    h4 {
		margin:1.2em 25px 1.2em 25px;
		padding:0;
        text-align:center;
        font-family:Tahoma;
        font-size: 12pt;
        color:#cc0000;
	}
    
    h5 {
		margin:1.2em 25px 1.2em 25px;
		padding:0;
        text-align:left;
        font-family:Arial;
        font-weight:bolder;
        font-size:12pt;
        color:#333333;
	}
    
    h6 {
		margin:1.2em 25px 1.2em 25px;
		padding:0;
        text-align:left;
        font-family:Arial;
        font-weight:bolder;
        font-size:12pt;
        color:#000000;
	}
    
    ul 
    {
        margin:1.5em 25px 1.2em 25px;
        line-height:1.5;
		padding:0;
        font-family:Arial;
        font-size:12pt;
        color:#585858;
    }
    
	p {
	    
        margin:1em 25px 0.5em 25px;
        line-height:1.5;
		padding:0;
        font-family:Arial;
        font-size:12pt;
        color:#585858;   
        
	}
    
	img {
		margin:0px 12px 0px 12px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
        background-color: #ffffff;
        
	}
    
    #header img
    {
    margin:0; 
    }
	
	#header h1{
    text-align:right;
    font-size:medium;
    margin-right:12px;
    color:#6C6C6C;
     }
     
    
    
    #header a {
    color:#ffffff;
     }
     
     #header a:hover {
	 color:#000000;
	 text-decoration:underline;
    }
     
    #header p,
    #header h3,
    #header h4,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:both;
		float:left;
		width:100%;
		list-style:none;
		background:#808080;
		border-top:1px solid #ffffff;
		margin:0;
		padding:0;
		text-align:right;
	}
	#header ul li {
		display:inline;
		list-style:neeeone;
        margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 0px;
		padding:7px 10px;
		text-align:center;
		background:#808080;
		color:#fff;
		text-decoration:none;
		position:relative;
		left:1px;
		line-height:1.2em;
        border-right:solid 1px;
        border-right-color:#ffffff;
	}
	#header ul li a:hover {
		color:#ffffff;
        background:#004669;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#ffffff;
		font-weight:bold;
        background-color:#004669;
	}
	#header ul li a span {
		display:block;
	}
    
    /* Navigation */
	#nav 
    {
	font-family:Arial;
    font-weight:normal;
    font-size:15px;
    clear:both;
	background: #fff;
	margin:0;
	padding:12px 5px 12px 5px; /* First value of padding controls the thickness of the menu bar */
	text-align:left;
    border-bottom: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
	}
    
    #nav img
    {
    margin: 0px 5px 0px 5px;
    }
    
    #nav ul
    {
    display: inline;
	position: relative; 
    margin:0;
    padding:0;
    text-align:center;
    }
    
    #nav ul li
    {
    display: inline;
	position: relative; 
    text-align:center;
    margin:0;
	padding:0;
    }
    
    #nav ul li a
    {
    margin:0;
	padding:5px 15px;
	background:#ffffff;
	color:#5a5a5a;
	text-decoration:none;
	position:relative;
	line-height:1.2em;
    border-right-color:#ffffff;
    text-align:center;
    font-weight:bold;
    }
    
    
    #nav ul li a:hover {
		
		color:#1c1c1c;
        text-align:center;
	}
	#nav ul li a.active,
	#nav ul li a.active:hover {
		color:#000000;
        text-align:center;
        margin:0;
        padding:5px 15px;
	}
    
	
	/* 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 1em 0;
		overflow:hidden;
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
        background:#ffffff;		/* right column background colour  */
        
	}
	.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 */
	}
    
	#bullet_points
    {
    text-align:left;
    font-size:12px;
    margin:0;
    padding:0;
    }
    
    #bullet_points img
    {
    margin:0px 12px 0px 12px;
    
    }
    
    
    /* 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:#6C6C6C;
        text-align:center;
	}
    
    
    /* EXTRA FEATURES */
    /* Guarantee Box Formatting */
    #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 Formatting */
    
    #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;
    }
    
    /* Testimonial Box Formatting */
    #testimonial_box { 
    margin:10px auto;
    font-family:Tahoma;
    width:80%;
    text-align:left;
    padding:10px;
    background-color:#FFFF99;
    border:12px;
    border-color:#da0000;
    border-style:dashed;
    }
    
    #testimonial_box p
    {
    font-family:Arial;
    font-size:4;
    }
    
    
	/* --> */