/* BROWSER RESET
-----------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
/*---------------------------------------------------------*/


/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}

body {	background-attachment:fixed;
		background-color:#24231e;
		background-image:url(../images/bgImage2.gif); 
		background-repeat:repeat;
		font:62.5% Arial, Helvetica, sans-serif;
	 }
/*---------------------------------------------------------*/

 
/* HEADERS
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;} 
h1 {letter-spacing:-1px; font-size:2em;} 
h2	{	color:#aa9234; font-size:1.5em;}
h3	{	color:#0f0f0f; text-decoration:none; font-size:3em; font-weight:normal; }
h3.dark	{	color:#fdf7e9; font-size:28px; font-weight:normal; }
h4	{	color:#676767; font-size:2em;}
h5	{	color:#aa9234; font-size:1.3em; font-weight:bold; letter-spacing:0.2mm; text-transform:uppercase; word-spacing:0.4mm;}
h6	{	color:#5c6871; font-size:1.2em; font-weight:bold; letter-spacing:0.2mm; padding-bottom:7px; text-transform:uppercase; word-spacing:0.4mm;}
/*---------------------------------------------------------*/
 

/* COMMON FORMATTING
-----------------------------------------------------------*/
p, ul, ol {margin:0; padding:0 0 5px 0;} 
ul, ol {padding:0 0 5px 25px;} 
blockquote {margin:1.25em; padding:1.25em 1.25em 0 1.25em;} 
small {font-size:0.85em;} 
img {border:0;} 
sup {position:relative; bottom:0.3em; vertical-align:baseline;} 
sub {position:relative; bottom:-0.2em; vertical-align:baseline;} 
acronym, abbr {cursor:help; letter-spacing:1px; border-bottom:1px dashed;}
/*---------------------------------------------------------*/

 
/* LINKS
-----------------------------------------------------------*/
a {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
a:link {font-style:normal; cursor:pointer; text-decoration:none;}
a:visited {color:#a23c37; text-decoration:none;}
a:hover	{ color:#c08c13; text-decoration:underline;}
a:active {font-style:normal; color:#c08c13; cursor:pointer; text-decoration:underline;}
/*---------------------------------------------------------*/


/* FORMS
-----------------------------------------------------------*/
form {margin:0; padding:0; display:inline;}
input, select, textarea {font:0.8em Arial, Helvetica, sans-serif;} 
textarea {width:100%; line-height:1.25;} 
label {cursor:pointer;}
/*---------------------------------------------------------*/

 
/* TABLES
-----------------------------------------------------------*/ 
table {border:0; margin:0 0 1.25em 0; padding:0;} 
table tr td {padding:2px;}
/*---------------------------------------------------------*/

 
/* GLOBAL CLASSES
-----------------------------------------------------------*/
.footer, .push {	height: 494px; }
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.marginLeft10	{	margin-left:10px; }
.marginTop10	{	margin-Top:10px; }
.subtitle		{	margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ababab; text-decoration:none; }
/*---------------------------------------------------------*/



/* BACKGROUND (HEADER)
-----------------------------------------------------------*/
#headerBg	{ background-image:url(../images/headerBg3.gif); background-repeat:repeat-x; left:0; position:absolute; top:0; width:100%;}
/*---------------------------------------------------------*/


/* WRAPPER
-----------------------------------------------------------*/
#wrapper 	{	margin:0px auto; width:925px;}
/*---------------------------------------------------------*/


/* HEADER
-----------------------------------------------------------*/	  	
#header	{	position:relative; width:925px;	}				
#menu	{height:25px; left:0; position:absolute; top:8px; width: 398px;}
#contacts	{ height:25px; left:625px; position:absolute; text-align:right; top:10px; width:300px;}
#bio	{ height:25px; left:520px; position:absolute; text-align:right; top:8px; width:300px;}
#bio ul	{	text-align:right; }
#bio ul li	{	display:inline; list-style-type:none; padding-left: 10px; }
#bio ul li a{ text-decoration:none; font-size:1.1em; font-family: Georgia, "Times New Roman", Times, serif; }
#bio ul li a:hover	{ font-size:1.1em; font-family: Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #c08c13; color:#676767;}					
#logo	{	height:180px; left:10px; position:absolute; top:32px;}
			
/*---------------------------------------------------------*/

/* CONTENT
-----------------------------------------------------------*/
#content{	margin:0px auto; left:0; position:relative; top:224px; width:925px;}
#featured	{ background-image:url(../images/main.png); background-repeat:repeat-y; left:0; padding-bottom:20px; position:relative; top:0; width:925px;}
.mainfeature{	left:63px; margin-bottom:20px; position:relative; top:25px; width:825px;}
.featuredesign	{ left:-60px; position:absolute; top:-64px;}
.mainfeature ul		{ margin:10px 0 0 -25px;}
.mainfeature ul li		{ font-size:1.2em; line-height:1.8em;}
.mainfeature ul li	a, .mainfeature a	{  color:#996600; text-decoration:none;}
.mainfeature ul li	a:hover,  .mainfeature a:hover	{  text-decoration:underline;}
.mainfeature ul li	span{ font-size:0.9em; }
.post	{	left:25px; position:relative; top:25px; width:900px;}
.madeByPi	{	left:379px; position:absolute; top:340px;}
.leftPost	{	border-bottom:1px dashed #ababab;left:0; margin-bottom:20px; padding-bottom:20px; position:relative; top:0; width:425px;}
.leftPost ul		{ margin:10px 0 0 -25px;}
.leftPost ul li		{
	color:#fdf7e9;
	font-size:12px;
	line-height:1.8em;
	font-family: Arial, Helvetica, sans-serif;
}
.leftPost ul li	a	{ color:#fff; font-size:1em; text-decoration:none;}
.leftPost ul li	a:hover	{ color:#5c6871; text-decoration:underline;}
.leftPost ul li	span{ font-size:0.9em; }
.leftPost p	a	{ color:#fff; font-size:11px; text-decoration:none;}
.leftPost ul li	a:hover, .leftPost p a:hover	{ color:#5c6871; text-decoration:underline;}
.rightPost		{	border-bottom:1px dashed #ababab; left:472px; margin-bottom:20px; padding-bottom:20px; position:absolute; top:0; width:425px;}
.rightPost ul		{ margin:10px 0 0 -25px;}
.rightPost ul li	{
	color:#fdf7e9;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
.rightPost ul li a	{ color:#fff; font-size:1em;text-decoration:none;}
.rightPost ul li a:hover	{ color:#5c6871;text-decoration:underline;}
.rightPost ul li span{ font-size:0.9em; }
.rightPost p	a	{ color:#fff; font-size:11px; text-decoration:none;}
.rightPost ul li a:hover, .rightPost p a:hover	{ color:#5c6871;text-decoration:underline;}
.dateTab	{	left:-63px; position:absolute; top:5px;}
.mainSoftware	{	left:724px; position:absolute; text-align:right; top:31px; width:100px;}
.software	{	left:325px; position:absolute; text-align:right; top:38px; width:100px;}
.postPadding{	line-height:2em; padding-bottom:5px;}
.postPicture{	padding:10px 0; margin-bottom:-10px;}
.postBackToTop{	left:415px; position:absolute;}
.mainPostBackToTop{	left:815px;position:absolute;}
		
/*---------------------------------------------------------*/

/* TYPOGRAPHY
-----------------------------------------------------------*/
p	{	color:#0f0f0f;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;line-height:1.6em;}
p.dark	{	color:#fdf7e9;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;line-height:1.6em;}
.greyText	{	color:#676767;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.3em;}
/*---------------------------------------------------------*/

/* GENERIC (LISTS, FORMS, BUTTONS ETC)
-----------------------------------------------------------*/
#menu ul	{	margin-left:-25px; }
#menu ul li	{	display:inline; list-style-type:none; margin-left:25px; }
#menu ul li a{color:#FFFFFF;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.1em;text-transform:uppercase;font-weight:normal;text-decoration:none;}
#menu ul li a:hover	{border-bottom:1px solid #c08c13;color:#999999;text-transform:uppercase;font-weight:normal;text-decoration:none;}
#menu ul li a.selected{	border-bottom:2px solid #c08c13; color:#fdf5e6; font-weight:bold; }
#contacts ul	{	text-align:right; }
#contacts ul li	{	color:#FFFFFF; display:inline; list-style-type:none; }
#contacts ul li a{	color:#FFFFFF; font-weight:normal; text-transform: uppercase; text-decoration:none; font-size:1.1em; font-family: Georgia, "Times New Roman", Times, serif; }
#contacts ul li a:hover	{border-bottom:1px solid #c08c13;color:#676767;font-weight:normal;text-decoration:none;}
					
/*---------------------------------------------------------*/

/* FOOTER
-----------------------------------------------------------*/
.folioFooter {	position: relative;width:100%;}
.footerBox	{	margin:0 auto;position:relative;vertical-align:top;width:925px;}
.footerCopyright	{	left:25px; position:absolute; top:272px; }
.footerCopyright p	{	color:#a3a09a; font-size:1em; font-style:normal; width:500px; }		
.footerMenu	{	left:525px; position:absolute; top:272px; }
.footerMenu p	{	color:#a3a09a; font-size:1em; font-style:normal; text-align:right; width:400px; }		
.footerMenu p a	{	color:#a3a09a; font-size:1em; margin-left:6px; text-decoration:none; }
.footerMenu p a:hover{	color:#fff; font-size:1em; margin-left:6px;text-decoration:none; border-bottom:1px solid #c08c13; }
					
/*---------------------------------------------------------*/


/* FOOTER
-----------------------------------------------------------*/
.wrapper {min-height: 100%;height: auto;height: 100%;margin: 0 auto -294px;}
.footer, .push {height: 294px;}


/*---------------------------------------------------------*/

.folioFooter, .folioPush {
	height: 34px;
}