/* 

SIGHTLINE CSS

Developed by Stephen Scott, using Dreamweaver CS3 and Web Developer Firefox extension.

Started December 2007, revisited January and June 2008.

TABLE OF CONTENTS

1. Overall layout
2. Header
3. Navigation elements
4. Main Content
5. Footer
6. Miscelleneous


1. Overall layout
*/

html {
	font-size:100%;
}
* {
	margin: 0;
}
body {
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	color: #333333;
	margin:0;
}
p {
	margin-top: 10px;
}
hr {
	clear:both;
	height:1px;
	width:1px;
	background-color:#EEEEEE;
	border:0;
}
#container {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 964px;
	margin-top: 7px;
}
h1 span {
	display: none;
}
#newshead {
	display: none;
}
#leftcontent {
	float: left;
	width:711px;
	margin-right: 7px;
	margin-left:0px;
}
#navigation {
	background:url(images/top-bar.png) no-repeat !important;
	background:url(images/top-bar.gif) no-repeat;
	height: 27px;
	width: 696px;
	padding-left:15px;
}
#home {
	float: left;
	margin-right: 5px;
}
#aboutus {
	float: left;
	margin-right: 5px;
}
#ourapproach {
	float: left;
	margin-right: 5px;
}
#ourwork {
	float: left;
	margin-right: 5px;
}
#clients {
	float: left;
	margin-right: 5px;
}
#news {
	float: left;
	margin-right: 5px;
}
#contact {
	float: left;
	margin-right: 5px;
}
#headerbar {
	clear: both;
	margin-top: 7px;
	background:url(images/page-top.png) no-repeat !important;
	background:url(images/page-top.gif) no-repeat;
	height: 49px;
	width: 711px;
}
#headerbar ul, #subnavigation ul {
	list-style-type:none;
	margin: 0;
	padding: 3px 0 0 12px;
}
#headerbar ul {
	padding-top:12px;
	padding-left: 15px;
	font-size: 1.3em;
}
#headerbar h2 {
	padding-top:12px;
	padding-left: 15px;
}
#headerbar li, #subnavigation li {
	display:inline;
	margin: 0 10px 0 0;
}
#headerbar li.housing2 {
	/*margin: 0 10px 0 250px;*/
	float:right;
}
#title {
	padding-top:12px;
	padding-left: 15px;
	font-size: 1.4em;
}
#centercontent {
	float: left;
	width: 179px;
	margin-right: 7px;
}
#subtitle h3 {
	padding-top: 23px;
}
#subtitle h3 span {
	color:#999999;
}
/*#content {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 1px;
	font-size:1.2em;
	line-height: 1.67em;
	min-height: 538px;  was 568px 
	height: auto !important;
	height: 538px; was 568px 
	background: url(images/page-main-background-fill.png) !important;
	background: url(images/page-main-background-fill.gif);
}*/
#content {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 1px;
	font-size:1.2em;
	line-height: 1.67em;
	min-height: 582px; /* was 568px then 536px then 538px then 568px then 609px */
	height: auto !important;
	height: 582px; /* was 568px then 536px then 538px then 568px */
	background: url(images/page-main-background-fill.png) !important;
	background: url(images/page-main-background-fill.gif);
}
/*#content_home {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 1px;
	font-size:1.2em;
	line-height: 1.67em;
	min-height: 451px;  was 482px 
	height: auto !important;
	height: 451px; was 482px 
	background: url(images/page-main-background-fill.png) !important;
	background: url(images/page-main-background-fill.gif);
}*/
#content_home {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 1px;
	min-height: 496px; /* was 492 then 509px then 482px then 524px*/
	height: auto !important;
	height: 496px; /* was 492 then 509px then 482px */
	background: url(images/page-main-background-fill.png) !important;
	background: url(images/page-main-background-fill.gif);
}
#content a:link, #content_home a:link {
	color:#FF6600;
	text-decoration:none;
}
#content a:visited, #content_home a:visited {
	color:#999999;
	text-decoration:none;
}
#content a:hover, #content_home a:hover {
	color:#FF6600;
	text-decoration:underline;
}
#content a:active, #content_home a:active {
	color:#000000;
	text-decoration:none;
}
#content ul, #content_home ul {
	margin:0 8px ;
	padding:0 8px ;
	/*list-style-type:square;
	color:#ff9900;*/
}
#content ul li span, #content_home ul li span {
	color:#000000;
}
#content p {
	margin:0 0 1em 0;
	font-size:1em;
}
#content blockquote, #content_home blockquote {
	margin:1em 0;
	padding:0;
	border:none;
}
#content #bodytext {
	padding-top:10px;
	clear:both;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin:0 0 1em 0;
	font-size:1.2em;
}
#content #news_content img {
	padding-top:3px; 
	padding-right:10px; 
}
#content #news_content p {
	margin:0 0 5px 0;
	padding:0 0 5px 0; 
}
#content_home #bodytext {
	padding-top:40px; /* was 70px */
	clear:both;
}
#content_home #bodytext h3 {
	margin:0 0 1em 0;
	font-size:1.7em;
	line-height: 1.4em;
}
#content_home #bodytext p {
	margin:0 0 1.5em 0;
	font-size:1.2em;
	line-height: 1.76em;
}

#content #bodytext textarea, #content_home #bodytext textarea, #content #bodytext input {
	margin: 0px 0 7px 0;
	padding:2px;
	color:#000000;
	background-color:#ffcc99;
	border:1px dotted #ff9900;
	font-size:1.2em;
}
#content #caplozenge {
	clear:both;
	width:645px;
}
#content #caplozenge #caplozengetopbit {
	background:#FFE8C6 url(images/orange-lozenge-top.png) no-repeat !important;
	background:#FFE8C6 url(images/orange-lozenge-top.gif) no-repeat;
	width:645px;
	height: 8px;
}
#content #caplozenge #caplozengemidbit {
	background-color:#FFE8C6;
}
#content #caplozenge #caplozengemidbit h4 {
	font-size:1.1em;
	padding:8px 20px;
	margin:0;
	color:#888888;
}
#content .clientimagelist {
	padding-left:5px; 
	padding-right:10px; 
	padding-bottom:50px;
}
#content .clientimage {
	padding:5px 60px 5px 5px;
}
#content .clientlogo {
	padding:0 15px 10px 0;
}
#content #caplozenge #caplozengebotbit {
	background:url(images/orange-lozenge-bot.png) no-repeat !important;
	background:url(images/orange-lozenge-bot.gif) no-repeat;
	width:645px;
	height: 8px;
}
#subnavigation {
	background:url(images/sub-nav-bar.png) no-repeat !important;
	background:url(images/sub-nav-bar.gif) no-repeat;
	margin-left:-17px;
	width:686px;
	min-height: 27px;
	height: 27px;
}
#subsubnavigation {
	margin-left:-17px;
	width:686px;
}
#subsubnavigation #topbit {
	background:url(images/lozenge-top.png) no-repeat !important;
	background:url(images/lozenge-top.gif) no-repeat;
	width:686px;
	height: 8px;
}
#subsubnavigation #midbit {
	background-color:#D6D6D6;
}
#subsubnavigation #botbit {
	background:url(images/lozenge-bot.png) no-repeat !important;
	background:url(images/lozenge-bot.gif) no-repeat;
	width:686px;
	height: 8px;
}
#subnavigation ul {
	list-style-type:none;
	margin: 0;
	padding: 3px 0 0 12px;
	font-size:1.1em;
	line-height:1.5em;
}
#subnavigation li {
	display:inline;
	margin: 0 10px 0 0;
}
#subnavigation li.housing {
	/*margin: 0 10px 0 240px;*/
	float:right;
}
#subsubnavigation ul {
	list-style-type:none;
	margin: 0 12px 0 12px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.84em;
	font-weight:bold;
	line-height:1.5em;
}
#subsubnavigation ul li {
	display:inline;
	margin: 0 8px 0 0;
	padding:0;
}
#subnavigation ul a:link, #subsubnavigation ul a:link, #headerbar ul a:link {
	color:#666666;
	text-decoration:none;
}
#subnavigation ul a:visited, #subsubnavigation ul a:visited, #headerbar ul a:visited {
	color:#666666;
	text-decoration:none;
}
#subnavigation ul a:hover, #subsubnavigation ul a:hover, #headerbar ul a:hover {
	color:#FF6600;
	text-decoration:underline;
}
#subnavigation ul a:active, #subsubnavigation ul a:active, #headerbar ul a:active {
	color:#000000;
	text-decoration:underline;
}
#panel {
	margin-top:17px;
	margin-left: 50px;
	margin-bottom: 20px;
	width: 340px;
	float:right;
}
#media {
	text-align:center;
}
#videowrapper {
	text-align:center;
}
#showreellink {
	margin-top:5px;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
}
#vidcaption {
	margin-top:5px;
	text-align:center;
}
#showreellink a:link {
	color:#666666;
}
#showreellink a:visited {
	color:#666666;
}
#showreellink a:hover {
	color:#FF6600;
}
#showreellink a:active {
	color:#FF6600;
}
#subnavigation ul a:link {
	color:#222222;
	text-decoration:none;
}
#subnavigation ul a:visited {
	color:#666666;
	text-decoration:none;
}
#subnavigation ul a:hover {
	color:#FF6600;
	text-decoration:underline;
}
#subnavigation ul a:active {
	color:#000000;
	text-decoration:underline;
}
#headerfooter {
	background:url(images/page-bottom.png) !important;
	background:url(images/page-bottom.gif);
	height: 14px;
	width: 711px;
}
#headerfooter_home {
	background:url(images/footer_icons.png) top center !important;
	background:url(images/footer_icons.gif) top center;
	height: 100px;
	width: 711px;
}
#newstop {
	margin-top: 34px;
	background:url(images/news-box-top.png) !important;
	background:url(images/news-box-top.gif);
	height: 51px;
	width: 179px;
}
#newscontent {
	background:url(images/news-fill.png) !important;
	background:url(images/news-fill.gif);
	min-height:228px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.1em;
}
#newscontent ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#newscontent ul li {
	list-style-type:none;
	margin:0;
	padding:0 0 7px 0;
}
#newscontent ul li a:link {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#newscontent ul li a:visited {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#newscontent ul li a:hover {
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
#newscontent ul li a:active {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#newsbottom {
	background:url(images/news-box-bot.png) !important;
	background:url(images/news-box-bot.gif);
	height: 15px;
	width: 179px;
}
#sting {
	margin-top:70px;
}
#sting_o2 {
	margin-top:10px;
}
#rightcontent {
	float: left;
	width:60px;
}
#logo {
	background:url(images/sightline-logo.png) !important;
	background:url(images/sightline-logo.gif);
	height: 362px;
	width: 60px;
	margin-top: 82px;
}
#footerleft {
	float:left;
	margin-top: 7px;
	background:url(images/footer.png) no-repeat !important;
	background:url(images/footer.gif) no-repeat;
	height: 51px;
	width: 696px;
	clear:left;
	padding-top: 15px;
	padding-left: 15px;
}
#footerleft a:link {
	font-weight: bold;
	color: #FF9900;
	text-decoration: underline;
}
#footerleft a:visited {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
#footerleft a:hover {
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
#footerleft a:active {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#video {
	float: left;
}
#video span {
	display: none;
}
#newmedia {
	float: left;
}
#web {
	float: left;
}
#television {
	float: left;
}
#housingsector {
	float: left;
}
#videobut {
	float: left;
	margin:0 17px;
}
#cdbut {
	float: left;
	margin:0 17px;
}
#digibut {
	float: left;
	margin:0 17px;
}
#tsbut {
	float: left;
	margin:0 17px;
}
#motionbut {
	float: left;
	margin:0 17px;
}
#webbut {
	float: left;
	margin:0 17px;
}
#copyright {
	float: right;
	padding-top:3px;
	padding-right: 15px;
	font-size: 0.92em;
}
#footerright {
	margin-top: 7px;
	margin-left: 7px;
	float: left;
	background:url(images/bringing-concepts-to-life.png) !important;
	background:url(images/bringing-concepts-to-life.gif);
	height: 56px;
	width: 179px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */