/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}




/*--------------------------------------
------  Primary Website Styles -------
---------------------------------------*/

body, select, input, textarea {
	font: 13px/1.4em Helvetica, Helvetica Neue, Arial, sans-serif;
	/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
	color: #444;
}

html, body {

	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 100%;
	z-index: 0;

}

p {
	margin: 0.5em 0;
}

/* Common ------------------------------ */

.clear { clear: both; }
.trans { border: 0; }


/* Wrapper ----------------------------- */

#wrapper {
	
	display: block;
	width: 942px;
	margin: 0 auto;
}

/* Header ------------------------------- */

#header {
	
	display: block;
	width: 942px;
	height: 106px;
	clear: both;
}

#header h1 {
	display: block;
	float: left;
	width: 205px;
	height: 106px;
	background: url(http://www.demoustier.pt/symphonypt/images/logosym.jpg) no-repeat;
	overflow: hidden;
	margin: 10px 0;
}

#header h1 a {
	display: block;
	width: 205px;
	height: 106px;
	text-indent: -9999px;
	
}

#header h2 {
	display: block;
	float: right;
	width: 450px;
	height: 38px;
	text-align: right;
	font-family: arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	padding-right: 4px;
	color: #007fac;
	clear: right;
}

ul#links {
	text-align: right;
	font-family: arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;	
	float: right;
	margin: 35px 0 20px;
}

ul#links li {
	margin-bottom: 5px;
}

ul#links li img {
	margin-right: 5px;
}


ul#links li a {
	color:#222;
	text-decoration:none;
}

ul#links li a:hover {
	color: #07718F;
	text-decoration:underline;
}


.txt {
    color: #666666;
    font-size: 10px;
}
td, div {
    color: #000000;
    font-family: arial,helvetica;
    font-size: 12px;
}
td, div {
    color: #000000;
    font-family: arial,helvetica;
    font-size: 12px;
}
#home-sharebox {
    float: left;
    height: 43px;
    margin-top: 37px;
    padding-left: 20px;
    width: 250px;
}	

#home-sharebox h4 {
    color: #076682;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    text-align: center;
}

#home-sharebox iframe {
	width: 160px;
	height: 43px;
	border: 1px solid #fff;
	padding-left: 30px;
}

/* Cycle ---------------------------------------- */

#cycle {
	display: block;
	width: 942px;
	height: 283px;
	overflow: hidden;
	margin: 15px 0 25px 0;
	border-radius: 5px;
}

#cycle img {
	
	width: 942px;
	height: 283px;
	display: block;
}


/* Navigation ------------------------------------- */

#nav {
	
	display: block;
	width: 942px;
	height: 295px;
}

#nav li {
	
	float: left;
	display: block;
	height: 295px;
	
}

#nav a {
	
	display: block;
	text-indent: -9999px;
	height: 295px;
	background: url(http://www.symphonyenvironmental.com/images/nav.jpg) no-repeat;
	overflow: hidden;
			
}

a.n1 { width: 189px; }
a.n2 { width: 195px; background-position: -189px 0px !important; }
a.n3 { width: 195px; background-position: -384px 0px !important; }
a.n4 { width: 193px; background-position: -579px 0px !important; }
a.n5 { width: 188px; background-position: -772px 0px !important; }


/* New Navigation ----------------------------------- */

.box {
	width: 170px;
	height: 250px;
	margin-right: 25px;
	position: relative;
	text-align: center;
	float: left;
	border-radius: 5px;
}

.box-text {
    bottom: 0;
    color: #FFFFFF;
    height: 50px;
    padding: 15px 0;
    position: absolute;
    width: 170px;
    border-radius: 0 0 5px 5px;
}

.box h5 {
	font-weight: bold;
}

.box img {
	margin-top: 25px;
}

/* d2w ----------*/
.d2w {
	background: #00853E;
}

.d2w:hover {
	background-color: #3CA16C;
	transition: background-color .8s ease 0s;
}

.d2w-text {
	background: #25975B;	
	background: rgba(255,255,255,0.15);
}

/* d2p ----------*/
.d2p {
	background: #007EB1;
}

.d2p:hover {
	background-color: #46A1C7;
	transition: background-color .8s ease 0s;
}

.d2p-text {
	background: #2590BC;	
	background: rgba(255,255,255,0.15);
}

/* d2t ----------*/
.d2t {
	background: #7C4299;
}

.d2t:hover {
	background-color: #9867B0;
	transition: background-color .8s ease 0s;
}

.d2t-text {
	background: #A176B5;	
	background: rgba(255,255,255,0.15);
}

/* w2v ----------*/
.w2v {
	background: #B20837;
}

.w2v:hover {
	background-color: #C54669;
	transition: background-color .8s ease 0s;
}


.w2v-text {
	background: #BE2D56;	
	background: rgba(255,255,255,0.15);
}

/* w2v ----------*/
.SET {
    background: none repeat scroll 0 0 #00778B;
    height: 235px;
    margin: 0;
    padding-top: 15px;
}

.SET:hover {
	background-color: #4099A8;	
	transition: background-color 1s ease 0s;
}

.SET-text {
	background: #268C9B;	
	background: rgba(255,255,255,0.15);
}


/* Latest News -------------------------------------- */

#home-share-ticker {
	float: right;
	width: 160px;
	height: 43px;
	border: 1px solid #fff;
}

#news {
	display: block;
	width: 620px;
	height: 37px;
	background: url(http://www.symphonyenvironmental.com/images/latest-news.gif) no-repeat;
	padding-left: 140px;
	font-size: 13px;
	font-family: arial,sans-serif;
	
	padding-top: 13px;
	overflow: hidden;
    position: relative;
}

#news p {
	margin:0px 0 0 0px;
	left: 0;
	top:0;
    position: relative;
	font-weight:bold;
}

#news a {
	color: #000;
	text-decoration:none;
}
	#news a:hover {
		color:#314F2D;
	}

.key-news-items {
    display: block;
    height: 24px;
    left: 3px;
    position: absolute;
    text-indent: -999em;
    width: 131px;
}

#copy {
	margin: 10px 0 30px;
}

#copy a {
	color: #009BCD;
}

/* Footer --------------------------------------------- */

#footer {
	
	display: block;
	width: 960px;
	height: 105px;
	background: url(http://www.symphonyenvironmental.com/images/footer.gif) no-repeat;
}

#footer ul {
	display:block;
	height:65px;
	margin:0 auto;
	/*padding-left:67px;
	padding-right:95px;*/
	padding-top:20px;
	width:950px;
}

#footer li {

	height: 65px;
	display: block;
	float: left;
	overflow: hidden;	
	
}

#footer a {

	background: url(http://www.symphonyenvironmental.com/images/footer-logos.jpg) no-repeat;
	display: block;
	height: 65px;
	text-indent: -9999px;
	
}

a.f1 { width: 96px; }
a.f1:hover { background-position: 0px 1px !important; }

a.f2 { width: 81px; background-position: -96px 0px !important; }
a.f2:hover { background-position: -96px 1px !important; }

a.f3 { width: 84px; background-position: -182px 0px !important; }
a.f3:hover { background-position: -182px 1px !important; }

a.f4 { width: 76px; background-position: -271px 0px !important; }
a.f4:hover { background-position: -271px 1px !important; }

a.f5 { width: 107px; background-position: -352px 0px !important; }
a.f5:hover { background-position: -352px 1px !important; }

a.f6 { width: 73px; background-position: -464px 0px !important; }
a.f6:hover { background-position: -464px 1px !important; }

a.f7 { width: 83px; background-position: -542px 0px !important; }
a.f7:hover { background-position: -542px 1px !important; }

a.f8 { width: 70px; background-position: -630px 0px !important; }
a.f8:hover { background-position: -630px 1px !important; }

a.f9 { width: 70px; background-position: -705px 0px !important; }
a.f9:hover { background-position: -705px 1px !important; }

a.f10 { width: 50px; background-position: -779px 0px !important; margin-right:5px; }
a.f10:hover { background-position: -779px 1px !important; }

a.f11 { width: 82px; background-position: -905px 0px !important; }
a.f11:hover { background-position: -905px 1px !important; }

a.f12 { width: 70px; background-position: -829px 0px !important; }
a.f12:hover { background-position: -829px 1px !important; }