/*	yahoo styles (http://developer.yahoo.com/yui/grids/)
********************************************************************************/
/*
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
	version: 2.2.0
*/

/* reset.css */
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;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/* fonts.css */
body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
select, input, textarea{font:99% arial,helvetica,clean,sans-serif;}
pre, code{font:115% monospace;*font-size:100%;}
body *{line-height:1.22em;}

/*grids.css*/
#doc{width:750px;*width:750px;min-width:750px;margin:auto;text-align:left;}
body{text-align:center;}
#footer{clear:both;}
.page{margin:auto;text-align:left;width:750px;*width:750px;min-width:750px;}

.yahoo-b{_position:static;}
#content .yahoo-b{position:static;}
#content{width:100%;}
.page #content{float:right;margin-left:-25em;}
.page .yahoo-b{float:left;width:200px;*width:200px;}
.page #content .yahoo-b{margin-left:200px;*margin-left:200px;}
#content .yahoo-b{float:none;width:auto;}

#body:after,.yahoo-g:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#body,.yahoo-g{zoom:1;}

/*	custom styles
********************************************************************************/

body{
	background: #fff url(/img/gradient-b3.jpg) repeat-x fixed center top;
}

a{
	color: #00c;
	text-decoration: none;
}

a:hover{
	color: #00c;
	text-decoration: underline;
}

h1{
	border-bottom: 1px solid #000;
	font-size: 150%;
	margin-top: 2px;
	margin-bottom: 8px;
}

p{
	margin-bottom: 24px;
}

#header,
#topnav,
#body{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#header{
	height: 178px;
	background: #fc0 url(/img/gradient-header.jpg) repeat-x fixed center top;
	overflow: hidden;
}

#topnav{
	background: #e90;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-size: 110%;
	font-weight: bold;
	padding: 1px 2px;
}

#topnav a,
#topnav a:hover{
	color: #000;
	text-decoration: none;
}

#topnav div.address{
	text-align: center;
}


#body,
.yahoo-b{
	background: #transparent;
}

#content{
	background: #ff0 url(/img/gradient-nav.jpg) repeat-x center top;
}

.content{
	background: #fefee3 repeat-x center top;
	border-left: 1px dotted #fc0;
	min-height: 500px;
	padding: 4px 8px;
}

#footer{
	border-top: 1px solid #999;
}

#copyright{
	color: #666;
	padding-top: 4px;
	text-align: center;
}

/*	menu styles
********************************************************************************/
ul.menu li{
	padding-bottom: 4px;
}

ul.menu li.header{
	background: #e90;
	border-top: 2px solid #fc0;
	padding: 2px;
}

ul.menu li.first{
	background: #e90;
	padding: 4px 2px 2px 2px;
}

ul.menu li.first a,
ul.menu li.header a{
	color: #000;
	font-weight: bold;
}

ul.menu li.first a:hover,
ul.menu li.header a:hover{
	color: #000;
}

li#services-menu,
li#projects-menu,
li#about-menu{
	background: #ff0 url(/img/gradient-menu.jpg) repeat-x center top;
	padding: 4px;
}

ul.submenu{
	list-style: none;
	margin-left: 16px;
}

ul.submenu li{
	list-style: none;
}

ul.submenu li:hover{
	list-style: disc;
}

ul.submenu li a,
ul.submenu li a:hover{
	color: #000;
}

/*	custom styles
********************************************************************************/
p.indent{
	margin-left: 16px;
}

div.center{
	text-align: center;
}

dl.about{
	margin: 0 0 12px 0;
}

dl.styled{
	margin: 0 0 24px 0;
}

dl.about dt,
dl.styled dt{
	font-weight: bold;
}

dl.about dd,
dl.styled dd{
	margin-left: 20px;
}

ul.about{
	list-style: circle;
	margin: 0 0 12px 0;
}

ul.styled{
	list-style: disc;
	margin: 0 0 24px 0;
}

ul.styled ul{
	list-style: circle;
}

ul.about,
ul.styled li{
	margin-left: 20px;
}

#skiplink{
	left: -1000px;
	position: absolute;
}