body { background: url("../img/bg.jpg") no-repeat top center #4e0102; font-family:Arial,Helvetica,sans-serif; font-size:14px; text-align:center; }

@media screen and (min-width: 1500px) {
	body { background-size: 100% auto; }
}

header { padding:40px 0 0 0; margin:0 auto; text-align:left; position:relative; width:940px; }

dl.social_media {display:block; width:120px; height:30px; background:url(../img/social_media.png); position:relative; margin:2px auto 2px auto; float: right;}
a.facebook {left:0px; top:0px; background:transparent;}
a.facebook {display:block; width:33px; height:0; padding-top:27px; overflow:hidden; position:absolute;}
a.twitter {left:43px; top:0px; background:transparent;}
a.twitter {display:block; width:33px; height:0; padding-top:27px; overflow:hidden; position:absolute;}
a.linkedin {left:84px; top:0px; background:transparent;}
a.linkedin {display:block; width:33px; height:0; padding-top:27px; overflow:hidden; position:absolute;}

header address { display:block; position:absolute; left:640px; text-align:right; top:90px; width:300px; }
header address a { color:#7a0304; font-style:normal; font-weight:bold; text-decoration:none;  }
header address a:hover { text-decoration:underline; }

header nav { background:url('../img/nav-bg.gif') repeat-x #590102; height:36px; margin:25px 0 0 0; }
header nav a { color:#ffffff; display:block; float:left; font-size:17px; line-height:36px; padding:0 35px; text-decoration:none; }
header nav a:hover { 
		background: rgb(255, 255, 255) transparent; 
		background: rgba(255, 255, 255, 0.4); 
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"; }

header:not([dummy]) nav a:hover {
    /* IE9 only */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

section { display:block; margin:0 auto; text-align:left; padding:20px 20px 0 40px; position:relative; width:880px;
		background: rgb(255, 255, 255) transparent; 
		background: rgba(255, 255, 255, 0.6); 
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"; }

section:not([dummy]) {
    /* IE9 only */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

section img#andreaPhoto { float:right; padding:0px 0px 25px 20px; }
section h1 { color:#282727; font-size:27px; margin:0; }
section h2 { color:#282727; font-size:18px; margin:0; }
section p { width:430px; }
section p a { color:#7a0304; text-decoration:none; }
section p a:hover { text-decoration:underline; }
section img#footerIcons { margin:0 0 0 -20px; display:block; padding:0; text-align:center; }

section#home { text-align:center; }
section#home h1 { padding:50px 0 20px 0; text-align:center; }
section#home h2 { padding:20px 0; text-align:center; }

audio { display:block; margin:10px auto; }
.audio_clip {
	background-color: #404040;
	width: 450px;
	color: white;
	margin-top: 10px;
	border: 5px solid #d9d5d5;
	margin-left: 0px;
	padding-left: 15px;
}
.audio_text {
	float: left;
	padding-top: 15px;
}
aside { background:#4e0102; display:block; margin:0; padding: 5px 0 0; text-align:center; }
aside div { margin:0 auto; text-align:left; overflow:hidden; position:relative; width:940px; }
aside dl { margin:0 20px 0 0; padding:0; width:300px; float:left; }
aside dl.last { margin-right:0; }
aside dl dt { color:#ffffff; font-size:27px; padding:20px 0 15px 0; width:320px;  }
aside dl dd { color:#ffffff; font-size:15px; font-weight:lighter; line-height:20px; margin:0; padding:0; }

aside div img#clients { margin:50px 0; }

footer { background:#2f150b; margin:0; padding:10px 0 200px 0; text-align:center; }
footer div { margin:0 auto; text-align:left; overflow:hidden; position:relative; width:940px; }
footer small { color:#ffffff; font-size:11px; float:left; }
footer a { color:#ffffff; font-size:11px; float:right; text-decoration:none; }


/* nice looking CSS3 buttons
 * @source: http://webdesignerwall.com/tutorials/css3-gradient-buttons
 */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: .6em 3em .65em 1em;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #efefef;
	border: solid 1px #4e0102;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#e48803), to(#b75603));
	background: -moz-linear-gradient(top,  #e48803,  #b75603);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e48803', endColorstr='#b75603');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#b75603), to(#e48803));
	background: -moz-linear-gradient(top,  #b75603,  #e48803);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b75603', endColorstr='#e48803');
}

.orange:not([dummy]) {
    /* IE9 only */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}