/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
height: 100%;
}
 
body {
font:medium/1.5em Helvetica, Arial, Verdana, sans-serif;
color:#333;
background:#3d3d3d url(../images/bg_body01.gif) no-repeat center 0;
}

body.what, 
body.how, 
body.company, 
body.perspectives, 
body.contact,
body.hosted,
body.custom,
body.buzz,
body.mobile
 {
background:#3d3d3d url(../images/bg_body02.gif) no-repeat center 0;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-weight:normal;
}
 
h1 {
	font-size:2em;
	line-height:1.1em;
	font-weight:normal;
	padding-bottom:20px;
	color:#333;
}

h2 {
	font-size:1.75em;
	line-height:1.1em;
	letter-spacing:-.05em;
	font-weight:normal;
	padding-bottom:20px;
	color:#333;
}
 
h3 {
	font-size:1.5em;
	line-height:1.1em;
	font-weight:normal;
	padding-bottom:20px;
	color:#333;
}

h4 {
	font-size:1.25em;
	line-height:1.1em;
	font-weight:normal;
	padding-bottom:20px;
	color:#333;
}

h5 {
	font-size:1.15em;
	line-height:1.1em;
	font-weight:normal;
	padding-bottom:10px;
	color:#333;
}

h6 {
	font-size:1.05em;
	line-height:1.1em;
	font-weight:normal;
	padding-bottom:0;
	color:#333;
}

.subhead1 {
	font-size:.85em;
	color:#7db4da;
}


/***** Common Formatting *****/

p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:underline;
}

a {
color:#3399cc;
}

a:link {
color:#3399cc;
}

a:hover {
color:#333;
}

#content a:hover, 
#sidebar a:hover, 
#features a:hover, 
#footer a:hover {
color:#fff;
background:#66ccff;
text-decoration:none;
}


 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}

 
/***** Global Classes *****/
 
.clear          { clear:both; }
.float-left     { float:left; }
.float-right    { float:right; }
 
.text-left      { text-align:left; }
.text-right     { text-align:right; }
.text-center    { text-align:center; }
.text-justify   { text-align:justify; }
 
.bold           { font-weight:bold; }
.italic         { font-style:italic; }
.underline      { border-bottom:1px solid; }
.highlight      { background:#ffc; }
 
.wrap           { clear:both; width:930px;margin:0 auto; }
.nowrap         { white-space:nowrap; }

.img-left       { float:left;margin:4px 10px 4px 0; }
.img-right      { float:right;margin:4px 0 4px 10px; }
 
.nomargin       { margin:0; }

.nopadding      { padding:0; }
.padding-top    { padding-top:.75em; }
.padding-right  { padding-right:0; }
.padding-bottom { padding-bottom:0; }
.padding-left   { padding-left:0; }


.noindent       { margin-left:0;padding-left:0; }
.nobullet       { list-style:none;list-style-image:none; }

.inline         { display:inline; padding-right:10px; }
.darkgreen      { color:#669933; }


/***** Wrapper *****/
 
#wrap {
	position:relative;
	padding:0;	
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -125px auto;
	width:930px;
	text-align:left;
	font-size:.95em;
	line-height:1.5em;
	background:#fff;
}

#header {
	position:relative;
	padding:0 0 50px 0;
	width:930px;
	height:50px;
	background:#fff;
	overflow:hidden;
}

#logo {
	position:relative;
	float:left;
	width:225px;
	height:139px;
	background:url(../images/Dream_Marketing_Logo.png) no-repeat 0 0;
	text-indent:-9999px;
}

#logo a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

#letterbox {
	position:relative;
	float:left;
	width:930px;
	height:175px;
	background:url(../images/bg_home_letterbox.png);
}

body.what #flash, 
body.how #flash, 
body.company #flash, 
body.perspectives #flash, 
body.contact #flash,
body.hosted #flash,
body.custom #flash,
body.buzz #flash,
body.mobile #flash
 {
	display:none;
}

#content {
	position:relative;
	float:left;
	width:625px;
	overflow:hidden;
}

#content .padding {
	display:block;
	padding:35px 25px 25px 50px;
}

#sidebar {
	position:relative;
	float:right;
	width:305px;
	min-height:305px;
	height:auto !important;
	height:305px;
	background:url(../images/bg_sidebar.png) no-repeat 0 0;
	overflow:hidden;
}

#sidebar .padding {
	display:block;
	padding:70px 25px 25px 35px;
} 

.newsbox {
	margin-bottom:50px;
	padding:10px;
	background:#669933;
	overflow:hidden;
}

.readmore {
	float:right;
	padding:0;
}

.bar {
	clear:both; 
	margin:0 auto 15px auto;
	width:930px;
	height:15px;
	background:#999;
}

#features {
	position:relative;
	margin:0 auto 25px auto;
	padding:0 25px 0 37px;
	width:880px;
	overflow:hidden;
}

.feature {
	float:left;
	margin-right:25px;
	width:195px;
	height:15em;
	font-size:.8em;
	line-height:1.5em;
	border-top:solid 8px #333;
	background:url(../images/bg_feature.png) no-repeat 0 0;
}

.feature .padding {
	display:block;
	padding:15px 15px 15px 15px;
}

.feature ul {
	padding:0 0 10px 25px;
	list-style:square;
}

#footer {
	position:relative;
	width:930px;
	height:125px;
	margin:0 auto 0 auto;
	text-align:right;
	font-size:.75em;
	color:#333;
	background:url(../images/bg_footer.png) no-repeat 0 0;
	overflow:hidden;
}

#footer .padding {
	display:block;
	padding:75px 25px 0 0;
}

.push {
	clear:both;
	position:relative;
	height:125px; /* .push must be the same height as .footer */
}


/* ---------------------------------------------------------------------------
	
	=expandable boxes

--------------------------------------------------------------------------- */


.box {
position:relative;
margin:0;
padding:0;
width:419px;
}

.box_top {
position:relative;
margin:0;
padding:0;
width:419px;
height:7px;
background:url(../images/bg_box_top.gif) no-repeat 0 0;
}

.box_middle {
position:relative;
margin:0 0 0 0;
padding:0 15px 0 65px;
border-right:#e83530 1px solid;
border-left:#e83530 1px solid;
background:#fff;
overflow:hidden;
}

.box_bottom {
position:relative;
margin:0 0 25px 0;
padding:0;
width:419px;
height:7px;
background:url(../images/bg_box_bottom.gif) no-repeat 0 0;
}



/* ---------------------------------------------------------------------------
	
	=navigation

--------------------------------------------------------------------------- */

#navigation {
	position:relative;
	float:left;
	width:695px;
	height:101px;
	margin:0;
	padding:38px 0 0 0;
	background:#fff;
	overflow:hidden;
}

#nav {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	font:1.0em/1.5em Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	color:#333;
}

#nav li {
	float:left;
	margin:0;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}

#nav li a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

#nav_what, #nav_what a {
	width: 121px;
	background: url(../images/nav_what.png) no-repeat 0 0;
}

#nav_how, #nav_how a {
	width: 138px;
	background: url(../images/nav_how.png) no-repeat 0 0;
}

#nav_company, #nav_company a {
	width: 103px;
	background: url(../images/nav_company.png) no-repeat 0 0;
}

#nav_perspectives, #nav_perspectives a {
	width: 132px;
	background: url(../images/nav_perspectives.png) no-repeat 0 0;
}

#nav_contact, #nav_contact a {
	width: 117px;
	background: url(../images/nav_contact.png) no-repeat 0 0;
}

#nav_home, #nav_home a {
	width: 77px;
	background: url(../images/nav_home.png) no-repeat 0 0;
}


/* hover state */

#nav li a:hover {
	background-position: 0 -40px;
}

/* here states */

body.home #nav #nav_home, body.home #nav #nav_home a, body.home #nav #nav_home a:hover,
body.what #nav #nav_what, body.what #nav #nav_what a, body.what #nav #nav_what a:hover,
body.how #nav #nav_how, body.how #nav #nav_how a, body.how #nav #nav_how a:hover,
body.company #nav #nav_company, body.company #nav #nav_company a, body.company #nav #nav_company a:hover,
body.perspectives #nav #nav_perspectives, body.perspectives #nav #nav_perspectives a, body.perspectives #nav #nav_perspectives a:hover,
body.contact #nav #nav_contact, body.contact #nav #nav_contact a, body.contact #nav #nav_contact a:hover {
	background-position: 0 -80px;
}