/* ALVARE.COM master styles */

/* specific divs structure
--------------------------------- */
#container { 
	margin: 0;
	padding: 0;
	text-align: left;
	width: 760px;
	float: left;
	}
#footer { 
	clear: both;
	padding: .5em 0 1em 0;
	font-size: 9px;
	color: #999;
	margin-left: 250px;
	padding-top: 50px;
	}
div#navmain{
	float:left;
	width:75px;
	margin-left:-760px;
	}
div#nav2{
	float:left;
	width:155px;
	margin-left:-685px;
	}
div#clientbar{
	float:left;
	width:110px;
	margin-left:-110px;
	}
div#wrapper{float:left;
	width:100%}
div#content	{
	margin-left: 250px;
	width:380px;
	margin-top: 100px;
	}
div#contentwide	{
	margin-left: 250px;
	width: 510px;
	}
div#contentspan	{
	margin-left: 95px;
	width: 665px;
	}
#contentindex {
	margin-left: 230px;
	width: 530px;
	height: 400px;
	padding:0px;
	float:left;
	background:#000;
	}
div#extra{}
div#support	{
	float:right;
	margin-right: 50px;
	clear: both;
	}

/* MASTER ELEMENTS
--------------------------------- */
html,body {margin:0;padding:0;}

body { 
	font: normal 12px/18px arial, veranda, trebuchet, helvetica, sans-serif;
	text-align: center;
	color: #666;
	background: #FFF url(../images/bg_portfolio.gif) repeat-y 0 0;
	width: 760px;
	}

a:link 	{ text-decoration: underline; color: #B2AA7D; }
a:hover { color: #663366; text-decoration: underline; }
a:visited { color: #999163; text-decoration: none; }

/* HEADERS
--------------------------------- */
h1 {/* image replacement header */
	text-indent: -9999px;
	margin: 0 0 .5em 0; 
	margin: 0 0 .5em 0; 
	width: 510px;
	height: 240px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
h2 {
	font-size: 9px;
	color: #B2AA7D;
	margin: 1em 0 0 0;
	}
h3 {/* portfolio project heads */
	font: normal 13px/15px georgia, times, "times new roman", serif;
	color: #B2AA7D;
	margin: 1em 0 0 0;
	}
	
/* TYPOGRAPHY AND COLORS
--------------------------------- */
P {
	margin: 0 0 1em 0;
	}
.light {color: #A18F97;}
.large {font-size: 14px;
	line-height: 18px;}
.white {color: #FFF;}
.sub {font-size: 10px;
	color: #B2AA7D;}/* gold subheads in portfolio section */

/* LISTS
--------------------------------- */
ul {  
 	list-style-type: square;
 	padding: 0 0 0 15px;
 	margin: 0;
	} 
	
li { 
	color: #999;
	float: none;
	text-align: left; 
	padding-left: 0px;
	}	
ul#pdflink {  
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
	} 
#pdflink li {
	background-image: url(../images/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: left; 
	padding-left: 20px;
	margin-bottom: 15px;
	height: 20px;
	}
#navmain ul {
	list-style-type: none;
	padding: 0;
	margin: 100px 0 0 0;
	}
#navmain li {
	margin-top: 10px;
	text-indent: 10px;
	font-size: 10px;
	line-height: 14px;
	}
#navmain ul li a {
	display: block;
	padding-left: 5px;
	text-align: left;
	text-decoration: none;
	color: #333;
	}
#navmain ul li a:hover { 
	color: #FFF; 
	text-decoration: underline; }

#navmain li a.on {
	background-image: url(../images/bullet_8px_white.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	text-align: left; 
	text-color: #FFF;
	}

#nav2 ul, #clientbar ul {
	list-style-type: none;
	margin-top: 200px;
	padding: 0;
	}
#nav2 li, #clientbar li {
	margin-top: 10px;
	text-indent: 10px;
	font-size: 10px;
	line-height: 14px;
	}
	
#nav2 a {
	display: block;
	width: 155px;
	}

#clientbar a {
	display: block;
	width: 110px;
	}
	
#nav2 a:link, #nav2 a:visited, #clientbar a:link, #clientbar a:visited{
	text-decoration: none;
	color: #333; 
	}

#nav2 a:hover, #clientbar a:hover, #nav2 li a.on, #clientbar li a.on {
	background-color: #FFF;
	}

#active a:link, #active a:visited, #active a:hover{
	background-color: #FFF;
	}
#text3col li { 
	float: left;
	color: #90827A;
	padding: 0 0 1em 2em;
	width: 220px;
	}

/* FORM ELEMENTS
--------------------------------- */
#formTable td { padding: .5em 1em; }
form {
	padding: 1em 0;
	}
.textinput {
	margin-bottom: 1em;
	width: 90%;
	}
.textarea {
	margin-bottom: 1em;
	width: 90%;
	}
.selection {
	margin-bottom: 1em;
	}
	
/* IMAGES
--------------------------------- */

img {border: 0;}
#logoimg {
	border: 0; margin-top: 15px;}
#topimg {
	border: 0; margin-top: -10px;}
.leftFloat { float: left; }
.rightFloat { float: right; }

#welcomeimg {
margin-top: 20px;
width: 530px;
height: 51px}