/*************************************************
	
	INITIAL STYLES
	
*************************************************/
body {
	background       : #7695A5 url(../images/main_bg.gif);
	margin           : 20px 0px 100px 0px;
	text-align       : center;
}
body, td, div, span {
	font-family      : arial, verdana;
	font-size        : 12px;
	color            : #666;
}
#main {
	width            : 702px;
	text-align       : left;
	margin-left      : auto;
	margin-right     : auto;
}
#main #intro #summary, 
#main #intro #page-header h1, 
#link-list #lnavigation .navigate,
#supporting-text h3 {
	display          : none;
	margin           : 0px;
}

a:link, a:visited, a:active {
	color : #369;
}
a:hover {
	color : #036;
	text-decoration : none;
}

/*************************************************
	
	Header
	
*************************************************/
#main #intro #page-header {
	background       : #fff url(../images/header.jpg) no-repeat;
	height           : 107px;
}

/*************************************************
	
	Page Frame
	
*************************************************/
#supporting-text {
	background       : #fff url(../images/landscape-bg.jpg) no-repeat bottom right;
	border-right     : 2px solid #000;
}
#supporting-text p {
	margin-top       : 0px;
}
#supporting-text h3 {
	margin           : 0px;
}
#extradiv1 {
	background       : transparent url(../images/body_bg_bot.gif) no-repeat bottom;
	height           : 5px;
	width            : 702px;
	position         : relative;
	top              : -3px;
}
#supporting-text #extra {
	width            : 217px;
	height           : 207px;
	position         : relative;
	top              : 163px;
	left             : 282px;
}

/*************************************************
	
	Navigation
	
*************************************************/
#lnavigation ul {
	margin           : 0px;
	padding          : 0px;
	position         : absolute;
	top              : 86px;
}
#lnavigation li {
	list-style-type  : none;
	float            : left;
}
#lnavigation a:link, #lnavigation a:visited {
	font-family      : verdana,verdana;
	font-size        : 11px;
	color            : #666;
	text-decoration  : none;
	height           : 30px;
	width            : 80px;
	display          : block;
	text-align       : center;
	white-space      : nowrap;
	padding-top      : 2px;
	font-weight      : bold;
}
#lnavigation a:hover {
	color            : #888;
}

/*************************************************
	
	Footer
	
*************************************************/
#footer {
	font-family      : verdana,arial;
	font-size        : 11px;
	color            : #fff;
	padding-left     : 10px;
	padding-right    : 10px;
	position         : relative;
	top              : 17px;
	text-align       : right;
}

/*************************************************
	
	Home
	
*************************************************/
#index #extra {
	background       : transparent url(../images/landscape-index.jpg) no-repeat top left;
}	
#index p {
	font-size        : 17px;
}
#index {
	margin           : 0px;
	background       : transparent url(../images/page-title-index.gif) no-repeat;
	padding          : 5px 20px 150px 200px;
	background-position: 15px 5px;
}

/*************************************************
	
	About Us
	
*************************************************/
#aboutus #extra {
	background       : transparent url(../images/landscape-aboutus.jpg) no-repeat top left;
}	
#aboutus {
	margin           : 0px;
	background       : transparent url(../images/page-title-aboutus.gif) no-repeat;
	padding          : 5px 20px 150px 200px;
	background-position: 15px 5px;
}

/*************************************************
	
	Contact
	
*************************************************/
#contact #extra {
	background       : transparent url(../images/landscape-contact.jpg) no-repeat top left;
}	
#contact {
	margin           : 0px;
	background       : transparent url(../images/page-title-contact.gif) no-repeat;
	padding          : 5px 20px 150px 200px;
	background-position: 15px 5px;
}
#contact table {
	border-right : 1px solid #ccc;
/*	border-top   : 1px solid #eee;
	border-left  : 1px solid #eee;*/
	border-collapse : collapse;
}
#contact table td {
	border-bottom : 1px solid #ccc;
	padding       : 10px;
}

/*************************************************
	
	Demo Reel
	
*************************************************/
#demoreel p {
	font-size        : 17px;
}
#demoreel {
	margin           : 0px;
	background       : transparent url(../images/page-title-demoreel.gif) no-repeat;
	padding          : 5px 20px 150px 200px;
	background-position: 15px 5px;
}

/*************************************************
	
	Licensing
	
*************************************************/
#licensing #extra {
	background       : transparent url(../images/landscape-licensing.jpg) no-repeat top left;
}	
#licensing {
	margin           : 0px;
	background       : transparent url(../images/page-title-licensing.gif) no-repeat;
	padding          : 5px 20px 150px 200px;
	background-position: 15px 5px;
}

/*************************************************
	
	Services
	
*************************************************/
#services #extra {
	background       : transparent url(../images/landscape-services.jpg) no-repeat top left;
}	
#services {
	margin           : 0px;
	background       : transparent url(../images/page-title-services.gif) no-repeat;
	padding          : 5px 20px 150px 200px;
	background-position: 15px 5px;
}
