/*
Theme Name: Dustin 360 - Layout Home
Theme URI: http://wwww.optimowebsolutions.com
Description: Custom Website for Dustin360.
Author: Steve Beatty - Optimo Web Solutions

Layout Home is 2 Main Columns (Left and Right) with
1 Content Columns (No Content Sidebar).
*/

@import "global.css";
@import "left-column.css";
@import "top-nav.css";
@import "footer.css";

body {
	background-image: url(../images/backgrounds/bg-home.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #c5c5c5;
}

#main-container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align:center;
}
/********** Layout One CSS (Right Column) ***********/
#right-container {
	width: 835px;
	float: right;
}

/*  ########## Layout 1 Banner Section ########## */
#banner-container {
	width: 835px;
	height: 454px;
	margin: 0 0 10px 0;
	padding:0;
	text-align: center;
	position: relative;
}
.banner-image {
	width: 835px;
	height: 454px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.banner-image img {
	margin: 0;
	padding: 0;
	float: none;
	border: none;
}

/* Banner Intro Video */
.banner-intro {
	width: 194px;
	height: 65px;
	margon: 0 auto;
	padding: 0;
	position: absolute;
	left: 641px;
	top: 30px;
	*top: 35px;
	z-index:25;
}
a.intro {
	display: block;
	width: 194px;
	height: 65px;
	text-decoration: none;
	float: left;
	margin: 0;
	padding: 0;
	background: url("../images/intro-video.png");
	cursor: pointer;
}
a.intro:hover {
	background-position: 0 -65px;
}


/*  ########## Layout 1 Bottom Content Section ########## */
#content-container {
	width: 835px;
	height: 385px;
	margin: 0 0 10px 0;
	padding:0;
	text-align: center;
	position: relative;
}

.content-home {
	width: 835px;
	height: 385px;
	padding:0;
	text-align: center;
	background-image: url(../images/bg-content-home.png);
	/* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
    opacity:0.6;
	position: absolute;
	z-index:1;
	*left: -1px;
}
/*  ### Layout 1 Content ### */
.content {
	width: 800px;
	height:360px;
	margin: 0;
	padding: 20px 20px 0 20px;
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
	position: absolute;
	z-index:25;
	top: -1px;
	*left: -1px;
}

a.homebox-blog {
	display: block;
	width: 250px;
	height: 100px;
	text-decoration: none;
	float: left;
	margin: 7px 10px 10px 5px;
	padding: 0;
	background: url("../images/homebox/homebox-blog.gif");
	cursor: pointer;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}
a.homebox-blog:hover {
	background-position: 0 -100px;
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}
a.homebox-video {
	display: block;
	width: 250px;
	height: 100px;
	text-decoration: none;
	float: left;
	margin: 7px 10px 10px 5px;
	padding: 0;
	background: url("../images/homebox/homebox-video.gif");
	cursor: pointer;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}
a.homebox-video:hover {
	background-position: 0 -100px;
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}
a.homebox-about {
	display: block;
	width: 250px;
	height: 100px;
	text-decoration: none;
	float: left;
	margin: 7px 10px 10px 5px;
	padding: 0;
	background: url("../images/homebox/homebox-about.gif");
	cursor: pointer;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}
a.homebox-about:hover {
	background-position: 0 -100px;
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}
a.homebox-test {
	display: block;
	width: 250px;
	height: 100px;
	text-decoration: none;
	float: left;
	margin: 7px 10px 10px 5px;
	padding: 0;
	background: url("../images/homebox/homebox-test.gif");
	cursor: pointer;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}
a.homebox-test:hover {
	background-position: 0 -100px;
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}
a.homebox-webinar {
	display: block;
	width: 250px;
	height: 100px;
	text-decoration: none;
	float: left;
	margin: 7px 10px 10px 5px;
	padding: 0;
	background: url("../images/homebox/homebox-webinar.gif");
	cursor: pointer;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}
a.homebox-webinar:hover {
	background-position: 0 -100px;
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}
a.homebox-team {
	display: block;
	width: 250px;
	height: 100px;
	text-decoration: none;
	float: left;
	margin: 7px 10px 10px 5px;
	padding: 0;
	background: url("../images/homebox/homebox-team.gif");
	cursor: pointer;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}
a.homebox-team:hover {
	background-position: 0 -100px;
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}
a.homebox-follow {
	display: block;
	width: 250px;
	height: 100px;
	text-decoration: none;
	float: left;
	margin: 7px 10px 10px 5px;
	padding: 0;
	background: url("../images/homebox/homebox-follow.gif");
	cursor: pointer;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}
a.homebox-follow:hover {
	background-position: 0 -100px;
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}
a.homebox-faq {
	display: block;
	width: 250px;
	height: 100px;
	text-decoration: none;
	float: left;
	margin: 7px 10px 10px 5px;
	padding: 0;
	background: url("../images/homebox/homebox-faq.gif");
	cursor: pointer;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}
a.homebox-faq:hover {
	background-position: 0 -100px;
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}

a.homebox-911 {
	display: block;
	width: 250px;
	height: 100px;
	text-decoration: none;
	float: left;
	margin: 7px 10px 10px 5px;
	padding: 0;
	background: url("../images/homebox/homebox-911.gif");
	cursor: pointer;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}
a.homebox-911:hover {
	background-position: 0 -100px;
	/* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}