*{
margin: 0;
padding: 0;
border: 0;
}

/*body, html{ height: 100%;}*/
/*html{min-height: 100%;}*/


html {
	border: none;
	min-height: 100%;
	overflow:-moz-scrollbars-vertical;
}

body {
	background-color: #7981b1;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	font-size: 76%;
	font-family:  verdana, helvetica, arial, sans-serif;
	color: #321;
}
body * {	font-size: 100%;}

body, #page, #footer{
	max-width: 66em;
}



#leftshadowwrap{
	margin-left: -10px;
	padding-left: 10px;
	background: url(images/shadow_left.jpg) bottom left no-repeat;
}

#page {
	padding-top: 2em;
	margin-top: -2em;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	background-color: #ffedc2;

	/* Right Hand Shadow 
	margin-right: -20px;
	padding-right: 20px;
	background:  url(images/shadow_right.jpg) bottom right no-repeat;*/
}


* html #page {
	height: 100%;
}

#headershine{background:  #303030 url(images/skyslice.png) 0 0 repeat-x fixed;}
	
#header{
	color: White;
	position: relative;
	background:  #303030 url(images/shirt.png) 0 -84px repeat-x;
	height: 173px;
	border-bottom: 1px solid #bdb193;
}



#header.minimal{
	height: 43px;
	background-position: 0 -144px;
}

#columns{	
	/*height: 99.99%;
	margin-top: -43px;
	margin-bottom: -2em;*/
	position: relative;
	background: url(images/yellow_trim.png) top left repeat-y;
	padding-top: 2em;
	padding-left: 4.5em; /* Pixel value of 4.5em at default size lines up left margin with image */
	padding-bottom: 4em; /* at least height of footer (2em) */
}


#footer {
	
	border-top: 1px solid #a97;
	background: #666 url(images/shirt_grey.png) top right repeat-y; color: #bbb;
	height: 2em; position: absolute; bottom: 0;
	clear: both;
	width: 100%;
	
	 /* Pixel value lines up left margin with image */
}

#footer p{height: .5em; padding: 0 0 0 4.5em; margin: 0;}


a.version{	color: White;}

#border_trim{
	background: url(images/shirt_left.png) 0 -64px no-repeat;
	position: absolute;
	z-index: 10;
	height: 100%;
	width: 19px;
}

#header.minimal #border_trim{
	background-position: 0 -124px;

}


#qatano{
	z-index: 50;
	
	position: absolute;
	margin-top: 41px;
	margin-left: -37px;
	height: 133px;
	width: 351px;
}
#qatano a{
	height: 73px;
	width: 351px;
	display: block;
	}

#qatano_small {
	z-index: 150;
	position: absolute;
	margin-top: 5px;
	margin-left: -10px;
	height: 88px;
	width: 232px;


}
/*
#header.minimal #qatano{
	display: none;
}*/

#qatano h1, #qatano h2, #qatano_small h1, #qatano_small h2{		text-indent: -5000em;}

#controls{
	float: right;
	clear: right;
	right: 0;

	text-align: right;
	border: 0;
	margin: 0;

}

#searchbox{
	float: right;
	position: relative;
	background: url(images/curve.png) no-repeat;
	z-index: 9;
	margin-top: -8px;
	height: 86px;
	width: 483px;
}

#searchbox form{
position: absolute;
bottom: 10px;
right: 10px;

}

#header.minimal #searchbox{
	margin-top: -68px;

}

#navigation{height: 1.6em; position: absolute; bottom: 0; right: 2em; float: right; clear: right;}
#navigation ul{float: right;margin: 0; padding: 0;}
#navigation  li{list-style: none; text-align: center; 
line-height: 1.6em; width: 8em; float:left; padding: 0; margin: 0 0.5em 0 0.5em;}
#navigation li.selected{background:  #ffedc2 url(images/tab_curve.gif) top left no-repeat;}

#navigation h2{ font-size: 1em; font-weight: bold; line-height: 1.6em; position: relative; bottom: -1px;
 margin: -1px 0 0 0; padding: 0 0 1px 0; background:  #ffedc2 url(images/tab_curve.gif) top left no-repeat; }


#about{ background-color:  #7981b1;}
#portfolio{ background-color:  #a53a2e;}
#portfolioPage{  background-color:  #7d3b34;}
#services{ background-color:  #806e81;}
#servicesPage{ background-color:  #806e81;}
#articles{ background-color:  #6c8f83;}
#articlesPage{ background-color:  #6c8f83;}

/* End Header Stuff */
#location{
margin: 0; padding: 0.2em 1em 0.2em 0;
text-align: right;

margin-right: 18em;
display: block;
}
#location h3{

font-size: 1.6em;
}



.column { margin: 0; padding: 0 1em 1em 0;}

.fixedcolumn { margin: 0; padding: 0 1em 1em 0; position: absolute; right: 0;}

#main_content{
	margin-right: 18em;
	padding-right: 3em;
	border-right: 1px solid #dc8;
}
#main_content h3, #main_content h5{text-align: right;}
#main_content p{text-align: justify; word-spacing: 0.1em;}

#right_content{
	margin-left: 16em;
	padding-left: 2em;
	border-left: 1px solid #dc8;
}

#right_content .infobox{float: right; width: 16em; border: 1px solid #567; background-color: #987;}

em{word-spacing: 0;}

#navbar{
	float: left;
	width: 16em;

}

#sidebar{	
	/* line-height: 1.3em; better line height for narrow columns */
		/*background: url(images/yellow_trim_r.png) top right repeat-y;*/

	float: right;
	width: 16em;
	margin-bottom: 0;
}

.email{ list-style-image: url(images/email.png);}
.phone{ list-style-image: url(images/phone.png);}

.hspace{ margin-top: 1em;}
ul {list-style-image: url(images/bullet.gif);	}
li {	color: #853; line-height: 1.8em;	margin-left: 2em;}	
li.selected{	font-weight: bold;}
li.selected a{	text-decoration: none;	font-weight: bold;}

ul.inline{ list-style: none; display: inline; margin: 0; padding: 0; line-height: 1em;}
ul.inline li{display: inline;margin: 0; padding: 0; }

.screenshot{float: right;}
.portrait{float: right; border: 10px solid White;}

div .section {display: none;}