html, body, #outer, #inner { min-height: 1200px; }

body
{
	margin: 0;
	padding: 0;
	background-image: url(/images/bubbles.gif);
	background-repeat: repeat;
	/*background-color: #000;*/
	font-family: Arial, Verdana, Helvetica, sans;
	font-size: 75%;
	line-height: 150%;
	color: #666;
}

h1, h2, h4
{
	padding: 0;
	margin: 0;
}

h3 { margin-top: 0; }
h4 { margin-top: 1em; }

a, a:link, a:active { outline: none; }

.clear { clear: both; }
img { border: none; }
.blue { color: #19BCB9; }
.orange { color: #FBB161; font-weight: bold; }

#outer
{
	background-image: url(/images/bg_gradient.png);
	background-repeat: repeat-x;
}

#inner
{
	background-image: url(/images/bg_white.gif);
	background-repeat: no-repeat;
	background-position: center 15px;
}

#container
{
	width: 823px;
	margin: 0 auto;
	padding: 40px 12px 30px 15px;
}

.single
{
	clear: both;
	background-image: url(/images/line_horizontal.gif);
	background-repeat: no-repeat;
	background-position: 0px -1px;
	height: 7px;
}
.double
{
	clear: both;
	background-image: url(/images/line_horizontal.gif);
	background-repeat: no-repeat;
	height: 8px;
}

#header, #header2
{
	background-image: url(/images/line_top.gif);
	background-repeat: repeat-y;
	background-position: 631px top;
}

#title
{
	clear: left;
	width: 620px;
	float: left;
}
#title h2 { width: 520px; }

#click
{
	float: right;
	margin: 60px 45px 0 0;
}

#click2
{
	float: right;
	width: 185px;
	padding-top: 20px;
}

a.newsletter {
	display: block;
	height: 13px;
	background-image: url(../images/newsletter_subscribe.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}
a.newsletter:hover {
	background-position: 0px -15px;
}

#logo
{
	float: left;
	margin-top: -36px;
	margin-right: 30px;
}

#menu
{
	float: left;
	margin: 26px 0 0 12px;
	background-image: url(/images/menu/bg.gif);
  background-repeat: no-repeat;
}

#menu ul
{
	padding: 0;
	margin: 0;
}

#menu li
{
	list-style-type: none;
	float: left;
	margin-right: 20px;
}

#menu a, #menu a:link
{
	display: block;
	text-indent: -3000px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	border: none;
}

#menu a.home
{
	background-image: url(/images/menu/home.gif);
	width: 32px;
}

#menu a:hover, #menu a.active { background-position: left -20px; }

#menu a.about
{
	background-image: url(/images/menu/about_us.gif);
	width: 57px;
}

#menu a.what
{
	background-image: url(/images/menu/what_we_do.gif);
	width: 71px;
}

#menu a.projects
{
	background-image: url(/images/menu/projects.gif);
	width: 54px;
}

#menu a.aspirations
{
	background-image: url(/images/menu/aspirations.gif);
	width: 79px;
}

#menu a.links
{
	background-image: url(/images/menu/links.gif);
	width: 35px;
}

#menu a.contact
{
	background-image: url(/images/menu/contact.gif);
	width: 49px;
}

#content
{
	background-image: url(/images/line_vertical.gif);
}
#content-projects
{
	background-image: url(/images/line_vertical2.gif);
}

#col-left
{
	width: 624px;
	float: left;
	margin-top: 13px;
}

#col-left p { margin-right: 25px; }

#col-left .box1
{
	float: left;
	background-color: #19BCB9;
}

#col-left .box2
{
	float: right;
	background-color: #FBB161;
}

#col-left .box1, #col-left .box2
{
	display: block;
	width: 296px;
	margin: 0 0 22px 0;
}

#col-left .box1 img, #col-left .box2 img { display: block; }

.col1
{
	float: left;
	width: 296px;
}

.col2
{
	float: right;
	width: 296px;
}

#col-left ul { padding-left: 15px; }

#col-left ul.links { list-style-image: url(/images/bullet.gif); }

#col-left a { text-decoration: none; color: #666666 }
#col-left a:hover { text-decoration: underline; }


#col-right
{
	width: 185px;
	float: right;
}

#quote { margin-top: 13px; }

#quote p
{
	margin: 0;
	padding: 8px 5px 22px 0;
	font-size: 120%;
	line-height: 150%;
	color: #333;
}

.seeProjects #header
{
	background-color: #FBB161;
	margin: 13px 0 7px 0;
	padding: 0;
}

.seeProjects #list { padding: 5px; }

.seeProjects a
{
	text-decoration: none;
	color: #666;
}
.seeProjects a:hover
{
	color: #FBB161;
}

.seeProjects ul
{
	padding: 0 0 10px 14px;
	margin: 0;
}