/*

	PanGraphX
	http://www.pangraphx.com

*/

/*

	Table of Contents
	
	1. Body
	2. Typography
	3. Image
	4. Header
	5. Content
	6 Footer
	
*/

/*
----------Examples---------
font-family: "verdana";
line-height: 1.5em;
text-align: justify;
text-decoration: underline;
font-size: 1.2em;
font-weight: normal;
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
background-image: url('images/pan.gif');
clear: both;
vertical-align: middle;
background-position: bottom;
border: thin dashed black;
ul { list-style-image: url("http://png.com/ellipse.png") }
background: #011D23 url('<?php echo $background; ?>') no-repeat;background-position: top;
style="background: #e1e1e1 url('<?php echo $background; ?>') repeat-x;"

*/


/*


	----------------------------------------------------------------
	1. Body			
	----------------------------------------------------------------

	
*/

body
{
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: "verdana";
	color: #000000;
	background-repeat: repeat-x;
	background-color: #ffffff;

}

body a img
{
	border: 0px;
}

body p a:hover
{
	color:#0042B3;
	background:#FFDB43;
	text-decoration: none;
}

body p a:link
{
	color: #51B317;
	text-decoration: none;
}

body p a:visited
{
	color: #51B317;
	text-decoration: none;
}

#frame
{ 
	margin: 0 auto;
	width: 770px;
	height: 100%;
	border: 0px solid #000000;
}

/*


	----------------------------------------------------------------
	2. Typography			
	----------------------------------------------------------------

	
*/

p
{
	padding: 10px;
}

h1
{
	font-family:Georgia,Times;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing:2px;
	text-align: left;
}

/*


	----------------------------------------------------------------
	3. Image		
	----------------------------------------------------------------

	
*/

/*


	----------------------------------------------------------------
	4. Header			
	----------------------------------------------------------------

	
*/

#header 
{
	position:relative;
	float: left;
	width: 770px;
	height: 100px;
	text-align: left;
	border-bottom: 1px solid #000000;
}

#logo
{
	position: relative;
	float: left;
	width: 244px;
	height: 100%;
}

#menu
{
	position: relative;
	float: left;
	width: 400px;
	height: 75px;
}

/*


	----------------------------------------------------------------
	5. Content			
	----------------------------------------------------------------

	
*/

#content 
{
	position: relative;
	float: left;
	width: 730px;
	height: 100%;
	padding: 20px;
	border: 0px solid #000000;
}

#layouts ul
{
	position: relative;
	float: left;
	height: 100%;
	width: 720px;
	padding: 0px 0px 40px 10px;
}
#layouts a img
{
	border: 0px !important;
	vertical-align: top;
}
#layouts img
{
	border: 0px !important;
	vertical-align: top;
	width: 40px;
}
#layouts li:hover
{
	border: 1px solid #51B317;
}
#layouts li
{
	display: inline;
	position: relative;
	float: left;
	font-size: 10px;
	padding: 5px;
	margin: 2px;
	border: 1px solid #C2E8FB;
}


/*


	----------------------------------------------------------------
	6. Footer			
	----------------------------------------------------------------

	
*/

#footer 
{ 
	position: relative;
	float: left;
	width: 730px;
	height: 100%;
	padding: 20px;
}