html, body {
	margin:0px;
	padding:0px;
	height:100%; /* this is the key! */
	width:100%;
}

body {
	overflow: -moz-scrollbars-vertical;
	text-align: center;
}

#container {
	padding:0px;
	margin: 0px;
	min-height:99.7%; /* works only if parent container is assigned a height value */
	background-color:#efc4ab;
	background-image:url('../images/tektonic-bg.jpg');
	background-repeat:repeat-x;
	border:0 none;
	margin: auto;
}

#topper{
	margin:auto;
	width:717px;
	height: 164px;
	background-image:url('../images/tektonic_04.jpg');
}

#nav-bg{
	margin:auto;
	width:717px;
	height: 27px;
	background-image:url('../images/tektonic_06.gif');
}

#nav-gap{
	margin:auto;
	width:717px;
	height: 52px;
	background-image:url('../images/tektonic_07.gif');
}

/* ------------------------ below is the main menu CSS ------------------------------------------------------------------- */

#main-nav ul { 
	margin: 0; 
	padding: 0 0 0 40px; 
	list-style-type: none; 
}

#main-nav li { 
	float: left; 
}

#main-nav li a {
	float: left;
	height: 0px !important;
	height /**/:27px; /* IE 5/Win hack */ 
	padding: 27px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav li a:hover {
	background-position: 0 -27px;
}

#main-nav li#home,
#main-nav li#home a { 
	width: 90px; 
	background-image: url(../images/nav/home.gif); 
}

#main-nav li#about,
#main-nav li#about a { 
	width: 90px; 
	background-image: url(../images/nav/about.gif); 
}

#main-nav li#services,
#main-nav li#services a { 
	width: 90px; 
	background-image: url(../images/nav/services.gif); 
}

#main-nav li#case-studies,
#main-nav li#case-studies a { 
	width: 90px; 
	background-image: url(../images/nav/case-studies.gif); 
}

#main-nav li#contact,
#main-nav li#contact a { 
	width: 90px; 
	background-image: url(../images/nav/contact.gif); 
}

#main-nav li#downloads,
#main-nav li#downloads a { 
	width: 90px; 
	background-image: url(../images/nav/downloads.gif); 
}

/* ------------------------ end of main menu CSS ------------------------------------------------------------ */

#content-pane{
	margin:auto;
	width:717px;
	min-height: 301px;
	background-image:url('../images/tektonic_08.gif');
}

#content-wrapper{
	padding:5px 20px 5px 20px;
	text-align:left;
}

#content {
 margin-right:175px;
}

#right-col {
	float:right;	
	margin-right:15px;
	width:150px;
	min-height:280px;
	border: 1px solid #ae9ec5;
	background-color: #5f408b;	
}

div.expanding{
	background-color:#5f408b;
	border:1px dashed #fff;
	padding:10px;
}

#footer-gap{
	margin:auto;
	width:717px;
	height:16px;
	background-image:url('../images/tektonic_11.gif');
}

#footer{
	margin:auto;
	width:717px;
	height:48px;
	background-image:url('../images/tektonic_12.gif');
}

#footer,
#footer a {
	font-family: arial, verdana;
	font-size:10px;
	color:#fff;
	font-weight: normal;
	text-decoration:none;
}

#footer a:hover {
	font-family: arial, verdana;
	font-size:10px;
	color:#fff;
	font-weight: normal;
	text-decoration:underline;
}

#list ul {
	margin:0px;
	padding:0 0 0 25px;
}

#list li{
	list-style-image:url("../images/bullet.gif");
	text-indent:0px;
	margin:0px;
	padding:0px;
	display: list-item;
}

#list li a{
	text-decoration:none;
}

#ex-list li{
	list-style:none;
	text-indent:0px;
	margin:0px;
	padding:0 0 0 0px;
	display: list-item;
}

#ex-list li a{
	font-family: georgia, arial, verdana;
	font-size:14px;
	color:#fff;
	font-weight: normal;
	text-decoration:none;
}

#ex-list li a:hover{
	color:#cc5e1e;
	font-weight: normal;
	text-decoration:none;
}

.biggy{
	font-size: 2em;
	font-family: times new roman;
}

a {
	color:#cc5e1e;
	font-weight: normal;
	text-decoration:none;
}

a:hover {
	color:#cc5e1e;
	font-weight: normal;
	text-decoration:underline;
}

h1{
	margin:0;
	padding:0.15em;
	font-family: georgia, times new roman, tahoma, arial, verdana;
	font-size:24px;
	color:#fff;
	font-weight: normal;
	text-decoration:none;
}

h2{
	margin:0;
	padding:0.15em;
	font-family: arial, verdana;
	font-size:16px;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
}

h3{
	margin:0;
	padding:0.15em;
	font-family: arial, verdana;
	font-size:12px;
	color:#fff;
	line-height:1.5em;
	font-weight: normal;
	text-decoration:none;
	text-align: justify;
}

h4{
	margin:0;
	padding:0.15em;
	font-family: arial, verdana;
	font-size:10px;
	color:#fff;
	font-weight: normal;
	text-decoration:none;
}