/*
Theme URI: http://www.skin-perfection.com/
Description: Skin Perfections, Idaho.
Version: 1.0
Author: USN Veteran
Author URI: http://www.boise-webdesigns.com/
*/

/*------------Clearing the way to content----------------*/
.hide	{
	display:none;
	}
/*---------------------------------------------------*/

/*----------Start General Page Layout-----------*/
/*-------This section describes things in the order they appear on the page--------------*/

body {
	margin:0; /*It is generally good practice to
	zero out your margins and padding on the page,
	since some agents don't so this*/
	padding:0;
	font-family: Georgis, Arial, Helvetica;
	/* font-size: 76%; Tips for scaling up the font ladder,
	start with 76% and then use mostly ems 	for the rest of the page*/
	font-size: 12px;
	font-style: normal;
	line-height: 1.6em;
	color: #000000;
	text-align:center;
	background: #FFFFFF url(../images/bg.jpg);
	}

#wrapper {
	background: url(../images/two_column.gif) repeat-y;
	width: 980px;
	margin: 0 auto;
	border: solid #707C99;
	border-width: 0 1px 1px 1px;
	text-align: left;
	color: #333333;
	position:relative;
	}

#header	{
	background: #ffffff url(../images/) no-repeat;
	background-position: 0 0;
 	height:200px;
	width:980px;
        border-bottom: 1px solid #9B9B77;
	}
	
#headerlogo {
	float:left;
        background: url(../images/skinlogo.jpg) no-repeat;
	background-position: 0 0;
 	height:200px;
	width:300px;
        border-bottom: 1px solid #9B9B77;
	}

#headerchat {
	background: ;
	background-position: 0 0;
 	height:90px;
	width:250px;
        }

#chatbox {
	float:right;
        background: ;
	background-position: 0 0;
 	height:90px;
	width:250px;
	}

#header h1 {
	padding-top: 20px;
	margin: 0;
	font-size: 1.4em;
	text-align: center;
	color: #95CE3F;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	}

/* ---------- Header Title ----------------------- */
h1 {
	padding-top: 20px;
	line-height: 1.2em;
	margin: 2px;
	font-size: 0.8em;
	text-align: center;
	color: #95CE3F;
	}

h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	font-size: 1.4em;
	color: #95CE3F;
	}

/* ---------- Begin topnav ----------------------- */
#topnav li  {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
        }
        
        
/* ---------- Begin mainnav ----------------------- */

#mainnav {
  	background:#C2E449 url(../images/navmenu_back.jpg) top left repeat-x;
  	float:left;
  	width:100%;
  	font-weight: bold
  	border:solid #999999;
  	border-width:1px 0;
  	}

#mainnav ul { padding: 0; }

#mainnav ul li { display: inline; }

#mainnav ul{
	margin: 0;
	padding: 0;
	font-weight: bold
	color: #000000;
	font-size: 12px;
	}

#mainnav ul li a {
	padding: 0.2em 14px;
	color: #000000;
	text-decoration: none;
	float: left;
	border-right: 1px solid #A8BAE6;
	}

#mainnav ul li a:hover {
	background: #50AE2C url(../images/navmenu_back_ro.jpg);
	color: #EAF8D0;
	}


/* ---------- Begin leftnav ----------------------- */
#navlist  {
        margin-left: 0;
        padding-left: 0;
        list-style: none;
        background: url(../images/leftbox_back.gif) repeat-y;
        }

#navlist li {
        padding-left: 0px;
        }

#navlist ul { list-style: none; }

/* Left Navigation Links */

#navlist a:link {
	font-size: 12px;
        text-align: center;
	text-decoration: none;
	color: #C4683D;
        }

#navlist a:visited	{
	font-size: 12px;
        text-decoration:none;
	color: #C4683D;
	}

#navlist a:hover	{
	font-size: 12px;
        text-decoration:none;
	color: #C4683D;
	margin: 0;
	padding: 2px;
	}

#navlist a:active	{
	font-size: 12px;
        text-decoration:none;
	text-align: center;
	color: #C4683D;
	}
/*  */

#navlistlink a:link {
	font-size: 12px;
	padding-left:45px;
        text-align: right;
	text-decoration: none;
	color: #68C714;
        }

#navlistlink a:visited	{
	font-size: 12px;
        text-decoration:none;
	color: #68C714;
	}

#navlistlink a:hover	{
	font-size: 12px;
        text-decoration:none;
	color: #68C714;
	margin: 0;
	padding: 2px;
	}

#navlistlink a:active	{
	font-size: 12px;
        text-decoration:none;
	text-align: center;
	color: #68C714;
	}

/* */


/* ---------- End mainnav area----------------------- */

#content_container {
	position:relative;
	margin:0;
	padding:0;
	}

#left	{
	float:left;
	width: 200px;
	font-size: 12px;
/*	position-top: 0;
	position-left: 0;	*/
	}

#content {
        float:right;
        width: 765px;
	text-align: justify;
        padding-right:10px;
        background-color:;
	}

#contentleft {
        float:left;
        width: 225px;
	text-align: justify;
        padding-right:20px;
        background-color:#FFFFFF;
	}

#contentright {
        float:right;
        width: 475px;
	text-align: justify;
        padding-right:20px;
        background-color:#FFFFFF;
	}

#right	{
	float:right;
	width: 770px;
	margin-left:400px;
        padding-right:5px;
	padding-left:5px;
        background:#FFFFFF;
        color:green;

/*	position-top: 0;
	position-right: 0;	*/
	}

#socialmedia {
	clear:both;
	padding-left:15px;
	padding-right:15px;
	background: url(../images/footer_border_back.gif) repeat-y;
	}

#products {
	clear:both;
	margin:0;
	padding-top:10px;
	width: 700px
	height:300px;
       	font-size: 12px;
	line-height: 1.2em;
	color: #000000;
	background:green;
	}

#footer	{
	clear:both;
	margin:0;
	padding-top:5px;
	width:100%;
        height:225px;
        background-color:;
	font-size: 12px;
	line-height: 1.2em;
	color: #000000;
	}

#footerblock {
	clear:both;
	margin:0;
	padding-top:1px;
	width:900px;
	font-size: 1.1em;
	line-height: 1.2em;
	background: url(../images/footer_border_back.gif) repeat-y;
	color: #000000;
	}

#footerblockl {
	float:left;
        margin:0;
	padding-top:5px;
	padding-left:25px;
	width:250px;
	text-align:left;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #000000;
	}

#footerblockc {
        float:left;
        margin:0;
	padding-top:5px;
	padding-left:25px;
	width:250px;
	text-align:left;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #000000;
	}

#footerblockr {
	float:left;
        margin:0;
	padding-top:5px;
	padding-left:25px;
	width:250px;
        text-align:left;
        font-size: 1.1em;
	line-height: 1.2em;
	color: #000000;
	}

/*----------End General Page Layout-----------*/

/*--------Start of Header Template CSS elements---------------*/
h1 {
	font-size: 4em;
	text-align: center;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	}

/*--------Start of Main Index CSS elements---------------*/


h1 	{
	font-size: 1.8em;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h2, h3 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

/*-------------------------------------------------*/
.center {
	text-align: center;
	}


/*--------Time for some Footer Template action--------------------------*/
#footer a:link {
	font-size: 12px;
        text-align: center;
	text-decoration: none;
	color: ;
        }

#footer a:visited	{
	font-size: 12px;
        text-decoration:none;
	color: ;
	}

#footer a:hover	{
	font-size: 12px;
        text-decoration:none;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	}

#footer a:active	{
	font-size: 12px;
        text-decoration:none;
	text-align: center;
	}

/*---------------Misc------------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
        }

.floatimgleft {
        float:left;
        margin-top:5px;
        margin-right:5px;
        margin-bottom:5px;
        }

.floatimgright {
        float:right;
        margin-top:5px;
        margin-left:5px;
        margin-bottom:5px;
        }

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}