/*==http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/==*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: url(../i/bg.jpg) repeat-x;
	font: 13px/1.2 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
}

body#testimonials {
	background: url(../i/bg-testimonials.jpg) repeat-x;
}

body#splash {
	background: url(../i/splash-bg.jpg) repeat-x;
	background-color: #e41819;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*========================================================*/

#container {
	display: block;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

div.navigation {
	display: block;
	width: 960px;
	height: 115px;
	background-image: url(../i/bg-navigation.jpg);

}

ul.navigation {
	width: 960px;
	display: block;
	margin-top: 79px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	height: 36px;
}

ul.navigation li { 
	float: left; 
	display: block;
	height: 36px;
	text-indent: -9999px;
	background: url(../i/li-navigation.png) no-repeat;
}

ul.navigation li a { display: block; height: 36px;}

ul.navigation li:hover { cursor: pointer; }

ul.navigation li.about-us { width: 86px; margin-left: 315px; background-position: 0 -37px; }
ul.navigation li.about-us:hover { background-position: 0 0px; }
ul.navigation li.about-us.active { background-position: 0 0px; }

ul.navigation li.services { width: 88px; background-position: -86px -37px; }
ul.navigation li.services:hover {background-position: -86px 0px; }
ul.navigation li.services.active {background-position: -86px 0px; }
/*
ul.navigation li.mcclusky-news { width: 133px; background-position: -173px -37px; }
ul.navigation li.mcclusky-news:hover { background-position: -173px 0px }
ul.navigation li.mcclusky-news.active { background-position: -173px 0px }
*/
ul.navigation li.testimonials { width: 173px; background-position: -306px -37px; }
ul.navigation li.testimonials:hover { background-position: -306px 0px; }
ul.navigation li.testimonials.active { background-position: -306px 0px; }

ul.navigation li.contact-us { width: 120px; background-position: -479px -37px; }
ul.navigation li.contact-us:hover { background-position: -479px 0px; }
ul.navigation li.contact-us.active { background-position: -479px 0px; }

.banner-home { background-image: url(../i/hero-home.jpg); width: 960px; height: 219px; }
.banner-about-us { background-image: url(../i/hero-about-us.jpg); width: 960px; height: 219px; }
.banner-services { background-image: url(../i/hero-services.jpg); width: 960px; height: 219px; }
.banner-testimonials { background-image: url(../i/hero-testimonials.jpg); width: 960px; height: 219px; }
.banner-contact-us { background-image: url(../i/hero-contact-us.jpg); width: 960px; height: 219px; }
.banner-mcclusky-news { background-image: url(../i/hero-mcclusky-news.jpg); width: 960px; height: 219px; }
.banner-media-crisis-management { background-image: url(../i/hero-media-crisis-management.jpg); width: 960px; height: 219px; }
.banner-media-training { background-image: url(../i/hero-media-training.jpg); width: 960px; height: 219px; }
.banner-corporate-hosting-and-facilitating { background-image: url(../i/hero-corporate-hosting-and-facilitating.jpg); width: 960px; height: 219px; }
.banner-corporate-video-production { background-image: url(../i/hero-corporate-video-production.jpg); width: 960px; height: 219px; }

a {
	color: #e41819;
}

a.click-home {
	display: block;
	width: 960px;
	height: 219px;
}

div.main {
	display: block;
	margin-top: 50px;
	z-index: 1;
}

div.columns {
	display: block;	
	margin-left: 315px;
	position: absolute;
	width: 550px;
}

div.left-column {
	display: block;
	float: left;
	width: 250px;
}

div.right-column {
	padding-left: 30px; 
	width: 250px;
	display: block;
	float: left;
}	

div.left-column img { padding-bottom: 15px; }
	
p.body-copy { padding-bottom: 15px;}
p.body-copy strong { font-weight: bold; }
p.body-copy em { font-style: italic; color: #777; }
p.body-copy em strong { font-weight: bold; }


ul.bullets {
	padding-bottom: 15px;
}

ul.bullets li {
	list-style-type: disc;
	list-style-position: outside;
	padding-bottom: 5px;
	margin-left: 10px;
}

ul.bullets li span.bullet-align {
	padding-left: 10px;
}


div.subnav {
	float: left;
	width: 250px;
	margin-left: 71px;
}

/*===sub nav===*/

ul#sliding-navigation  
{  
    list-style: none;
    clear: both;  
}  
  
ul#sliding-navigation li.sliding-element h3,  
# ul#sliding-navigation li.sliding-element a  
{  
    display: block;  
    width: 150px;  
    padding: 5px 15px;  
    margin: 0;  
    margin-bottom: 5px;  
}  
  
ul#sliding-navigation li.sliding-element h3  
{  
    color: #fff;  
    background: #333;  
    border: 1px solid #1a1a1a;  
    font-weight: normal;  
}  
  
ul#sliding-navigation li.sliding-element a  
{  
    color: #999;  
    bottom-border: 1px solid #1a1a1a;  
    text-decoration: none;  
}  

ul#sliding-navigation li.subnav-active a  
 {
	text-decoration: underline;
}
  
ul#sliding-navigation li.sliding-element a:hover { 
	color: #000000;
/* 	border-bottom: 1px dotted #8e1912;   */
} 

  
 
#navigation-block {  
    position:relative;  
    top:200px;  
    left:200px;  
}  
   
 #hide {  
    position:absolute;  
    top:30px;  
    left:-190px;  
}

.contact-thankyou {
	display: block;
	width: 500px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 350px;
}

span.required {
	color: #999;
}

a.click-to-home {
	display: block;
	width: 200px;
	height: 200px;
	position: absolute;	
	margin-top: 125px;
	margin-left: 50px;
}

.flash {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 550px;
	margin-top: 50px;
}

.enter-site {
	width: 960px;
	height: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	text-align: center;	
}

.enter-site a {
	color: white;
	letter-spacing: 5.0px;
	text-decoration: none;
	font-size: 10px;
}

.enter-site a:hover {
	color: white;
}

p.copyright {
	display: block;
	position: absolute;
	color: gray;
	letter-spacing: 2.0px;
	text-decoration: none;
	font-size: 10px;
	margin-top: 800px;
	margin-left: 65px;
}

body#home p.copyright {
	display: block;
	position: absolute;
	color: gray;
	letter-spacing: 2.0px;
	text-decoration: none;
	font-size: 10px;
	margin-top: 850px;
	margin-left: 65px;
}

body#testimonials p.copyright {
	display: block;
	position: absolute;
	color: gray;
	letter-spacing: 2.0px;
	text-decoration: none;
	font-size: 10px;
	margin-top: 1040px;
	margin-left: 65px;
}

#feed-control {
	background-color: #e4e4e4;
	border: 5px solid #e4e4e4;
}

div.old-address p {
	text-decoration: line-through;
	color: #E41819;
}

img.were-moving {
	position: absolute;
	margin-left: -25px;
}
