﻿/* CSS layout */
body {
	margin: 0;
	padding: 0;
	background-color:black;
	font-family:Verdana;
	text-align:center;
}

#mainwrap {
	background-image:url('images/bg.jpg');
	background-repeat:no-repeat;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	min-height:600px;

	z-index:-1;
}
img
	{
	border:0px;
}
#top_nav {
	height:20px;
	width:687px;
	right:113px;
	left:-113px;
	position:relative
}

#container {
	width: 800px;
	height:100%;
	position:static;
	margin-top:-200px;
	z-index:2;
	
}

#navtop
{
	height:50px;
	text-align:right;
	

}
#containerbottom
{
	
	width:800px;

	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	top:0px;
	
}
#containertop
{
	margin-left:113px;
	position:relative;
	height:200px;
	width:800px;
	top:0px;
	z-index:3
	
	
}

#leftcol {
	width: 245px;
	float: left;
	height:200px;
	color:white;
	text-align:right;
	font-size:small;
	position:relative;
	
}
#mainnav
{
	padding-right:0;
	line-height:1.5em;
	height:105px;
	margin-top:76px;
	margin-bottom:19px;
	vertical-align:top;
	font-size:.8em;
	font-weight:bold;
	width:245px;
	
}

#rightcol {
	width: 113px;
	float: right;
	height:200px;
	position:relative;	


}

#rightcol2 {
	background: url(images/philographic.png)top left no-repeat;
	width: 113px;
	float: right;
	height:200px;
	position:relative;
	text-align:left;
	


}

#stripe{
	background-color:#0A0A0A;
	height:200px;
	width:100%;
	top:50px;
	position:relative;
	z-index:1;

}
#contact
{
	margin-top:25px;
}
#middlecol {
	margin-left: 245px;
	margin-right: 113px;
	width:442px;
	height:200px;
	position:relative;

}
#pagetitle
{
	padding-top:15px;
	padding-bottom:10px;
	text-align:right;
	color:#FFffff;
	font-size:small;
	font-weight:bold;
	text-transform:uppercase;
}
#pagetitle1
{
	padding-top:15px;
	padding-bottom:0px;
	text-align:right;
	color:#ff0033;
	font-size:small;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:top;
	font-size:120%
}
#diamond2
{
	float:left;
	margin-top:1%;
	
}
#pagetitle2
{
	cbackground:url(images/howthink.png) bottom right no-repeat;
	text-align:right;
	color:#ff9933;
	font-size:small;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:top;
	font-size:120%;
	height: 0px;
	width:100%;
}
#pagetitle3
{
	padding-top:15px;
	padding-bottom:0px;
	text-align:right;
	color:#9933ff;
	font-size:small;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:top;
	font-size:120%
}
#pagetitle4
{
	padding-top:15px;
	padding-bottom:0px;
	text-align:right;
	color:#0099ff;
	font-size:small;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:top;
	font-size:120%
}
#pagetitle5
{
	padding-top:15px;
	padding-bottom:0px;
	text-align:right;
	color:#33ff00;
	font-size:small;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:top;
	font-size:120%
}
#pagetitle_legal
{
	background:url(images/fineprint.png) bottom right no-repeat;
	text-align:right;
	color:#cccccc;
	font-size:small;
	font-weight:bold;
	text-transform:uppercase;
	height:40px;
}
#pagetitle_privacy
{	
	sbackground:url(images/onlineprivacy.png) bottom right no-repeat;
	height:10px;
	text-align:right;
	color:#999999;
	font-size:small;
	font-weight:bold;
	text-transform:uppercase;
}



#text
{
	color:white;
	font-size:small;
	text-align:right;
	font-size:70%;
	margin-left:180px;
	line-height:1.4em;
	font-weight:lighter;
	padding-bottom:15px;
	
}
#textfolio
{
	color:white;
	font-size:small;
	text-align:right;
	font-size:70%;
	margin-left:180px;
	line-height:1.4em;
	font-weight:lighter;
	padding-bottom:15px;
	padding-top:25px;
}

#temp
	{
	position:inherit;
	color:white;
	width:687px;
	right:113px;
	left:-113px;
	margin-top:10px;
	text-align:right
}
#footer {
	clear:both;
	color:white;
	text-align:right;
	position:relative;
	bottom:-10px;
	font-size:xx-small;
	padding-bottom:25px;
	font-weight:lighter
		}
		
a.foot:link, a.foot:visited
	{
	color:white;
} 
a:link
	{
	color:#ff0033;
}
a:visited
	{
	color:#9966cc;
}
#policy
{
	width:80%;
	text-align:left;
	font-size:x-small;
	background-color:white;
	color:#333333;
	padding-top:25px;
	padding-left:20px;
	padding-right:45px;
	padding-bottom:20px;
	
}
#title
	{
	font-size:small;
	font-weight:bold;
}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#profile
{
	color:#ff0033;
	text-decoration:none;
}

#philosophy, #color2
{
	color:#ff9933;
	text-decoration:none;
}

#clients
{
	color:#9933ff;
	text-decoration:none;
}

#folio
{
	color: #0099FF;
	text-decoration: none;
}

#contact, #color5
{
	color:#33ff00;
	text-decoration:none;
}

a:link.toclink
{	text-decoration:none;
}

a:visited.toclink
{	text-decoration:none;
}

a#profile.toclink:hover, a#philosophy.toclink:hover, a#clients.toclink:hover, a#folio.toclink:hover, a#contact.toclink:hover

{	color:#ffffff;
}
#boldquote
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
	line-height:150%;
	background: url(images/quotesback.png) bottom right no-repeat;
    padding-top:20px;
    padding-left: 30px;
    padding-right: 40px;
    height:80px;
    letter-spacing:.5px;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
}
h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	letter-spacing:2.5px;
	font-weight:200;
}

BLOCKQUOTE {
        background: url(images/quotesfront.png) top left no-repeat;
       
    }
#plscontact
{
	width:800px;
	text-align:center;
	margin-left:-180px;
}
#flash1
{
	width:550px;
	height:400px;
}

