/*------------------------------------------------------------------------------------------------*/
/* Synergy Resource Solutions CSS										*/
/* Created by Mohammed Kiani, Charm Office Solutions Limited (http://charmoffice.co.uk			*/
/* Copyright 2010												*/
/* Version 1.0													*/		
/*------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------
Page Info & Additional Resets
-------------------------------------------------*/
body {
margin:0;
padding:0;
background:#212121;
font-family:Helvetica, Tahoma, sans-serif;
font-size:1.0em;
line-height:1.2em;
color: #eee;}

br {
clear:both;
margin:0;
padding:0;}

a img {
border:none;}

img {
border:none;}

/*-------------------------------------------------
Basic Structure
Inner pages don't show slider
-------------------------------------------------*/
#header {
width:100%;
height:100px;
padding:20px 0 10px 0;
background:#fff url(../images/backgrounds/bg_header.png) repeat-x;}

#header .inner {
width: 900px;
margin-top:0;
text-align: left;
position: relative;}

div#logo a {
width:300px;
float:left;
padding-top:0px;
text-decoration:none;
border:none;}

div#logo a:hover {
text-decoration:none;
border:none;}

div.nav {
float:right;
width:600px;
height:80px;
position:relative;
left:8px;
top:25px;}
/*top:25px;}*/



/*-------------------------------------------------
Home Page ONLY
-------------------------------------------------*/
#construction_home {
width:850px;
clear:both;
padding-top:270px;
margin:10px auto;
text-align:center;
background: url(../images/construction/hard_hat.jpg) no-repeat;
background-position:top center;}

#content_home {
width:100%;
margin:0 auto;
padding-left:5px;
height:340px;
background:#fff /*url(../images/backgrounds/bg_content.jpg) repeat-x;*/;
background-position:bottom left;}

#content_home .inner {
width:900px;
text-align:left;
position:relative}

/*-------------------------------------------------
Standard Inner Pages
-------------------------------------------------*/
#content_main {
width:100%;
background:#fff url(../images/backgrounds/bg_content.jpg) repeat-x;
background-position:bottom left;
padding: 0 0 15px 0;}

#content_main .container {
width:900px;
text-align:left;
margin:0;}

/*-- Headline Title and contact area --*/
.headline {
width:900px;
height:80px;
background:url(../images/backgrounds/headline_bg.png) repeat-x;
background-position:bottom;
padding:0;
margin:0 0 10px 0;
float:right;}

.headline .title {
float:left;
padding-top: 17px;}

.headline .contact {
float:right;
padding-top:17px;}

.main_inner {
width:900px;
margin:10px 0 10px 0;
padding:5px 0 10px 0;
clear: both;
background:url(../images/backgrounds/bg_main.png) repeat-y;}

.main_inner .text {
width:655px;
float:left;
text-align:left;
padding:0 20px 0 0;}

.main_inner .infobar {
width:225px;
float:right;
text-align:right;
font-size:0.8em;
line-height:1.2em;
position:relative;}

/*-------------------------------------------------
Fonts
-------------------------------------------------*/
h1 {
font-size:1.2em;
margin:0 0 16px 0;
padding:0;
display:inline;
color: #f9c40b;}


.main_inner .text h2 {
font-size:1.15em;
line-height:1.35em;
letter-spacing:-1px;
margin:1px 16px 16px 0;
padding:0;
color: #f9c40b}

.main_inner .infobar h1 {
margin:0 0 6px 0;
padding:0;
color: #f9c40b}


.main_inner .infobar h2 {
margin:16px 0 6px 0;
padding:0;
color: #f9c40b}


p {
font-size:0.7em;
padding:0;
margin:12px 16px 0 0;}

p.const_footer {
font-size:0.6em;
padding:0;
margin:12px 16px 0 0;}

p.yellow {
padding:0;
margin:12px 16px 0 0;
color: #f9c40b}

p.table_break {
font-size:0.1em;
padding:0;
margin:0;
line-height:0.5em;}

p.draft {
color:#cc3300;
font-weight:bold;}

.main_inner .infobar p {
font-size:11px;
padding:0;
margin:0 2px 0 0;}

div.infobar ul li a, div.infobar ul li a:link, div.infobar ul li a:visited, div.infobar ul li a:focus, div.infobar ul li a:hover, div.infobar ul li a:active {
/*INFOBAR LINKS*/
font-weight:normal;
text-decoration:none;
color:#444;
padding:0;
border-bottom:1px dotted #f9c40b;}

div.infobar ul li a:hover {
color:#444;
padding:0;
border-bottom:1px dotted #f9c40b;}

div.infobar a, div.infobar a:link, div.infobar a:visited, div.infobar a:focus, div.infobar a:hover, div.infobar a:active{
/*INFOBAR LINKS*/
font-weight:normal;
text-decoration:none;
color:#f9c40b;
padding:0;
border-bottom:1px dotted #222;}

div.infobar a:hover {
color:#222;
padding:0;
border-bottom:1px dotted #f9c40b;}

a:link, a:visited, a:focus, a:hover, a:active {
/*NORMAL LINKS*/
font-weight:bold;
color:#fff;
padding:0;
text-decoration:none;
border-bottom:1px dotted #f9c40b;}

a:hover {
font-weight:bold;
color:#f9c40b;
padding:0;
text-decoration:none;
border-bottom:1px dotted #fff;}

.small_text {
font-size:80%;}

.img_left {
float:left;
margin:4px 8px 4px 0px;
padding:1px;
border:1px solid #d2d5d3;
}

.img_right {
float:right;
margin:4px 0 4px 8px;
padding:1px;
border:1px solid #d2d5d3;
}

.jsalert {
background:#fff6bf;
color:#c00;
width:800px;
text-align:center;
margin:10px auto;
padding:10px;
border:2px solid #c00;}

/*-------------------------------------------------
Navigation
-------------------------------------------------*/
ul.topnav {
z-index:100;
list-style:none;
padding:0;
margin:0;
float:right;
font-size:1em;
background:transparent;}

ul.topnav li {
float:left;
margin:0;
padding:0;
position:relative; /*--Declare X and Y axis base for sub navigation--*/}

ul.topnav li a{
text-decoration:none;
border:none;
overflow:hidden;
display:block;}

#home {
text-indent:-9999px;
background:url(../images/navigation/home.png);
width:91px;
height:56px;}

#home:hover {
background:url(../images/navigation/home.png) -91px 0  !important;}

#home.active { 
background:url(../images/navigation/home.png) -91px 0;}

#about { 
text-indent:-9999px;
background: url(../images/navigation/about.png);
width: 93px;
height:56px;}

#about:hover { 
background:url(../images/navigation/about.png) -93px 0  !important;}

#about.active { 
background:url(../images/navigation/about.png) -93px 0;} 

#services { 
text-indent:-9999px;
background:url(../images/navigation/services.png);
width: 122px;
height:56px;}

#services:hover { 
background:url(../images/navigation/services.png) -122px 0  !important;}

#services.active { 
text-decoration:none;
border:none;
background:url(../images/navigation/services.png) -122px 0;} 

#contact {
text-indent:-9999px;
background: url(../images/navigation/contact.png);
width: 100px;
height:56px;}

#contact:hover { 
background: url(../images/navigation/contact.png) -100px 0  !important;}

#contact.active {
text-decoration:none;
border:none;
background: url(../images/navigation/contact.png) -100px 0;}

ul.topnav li a#home:hover{
background-position:-182px;}

ul.topnav li span { /*--Drop down trigger styles--*/
width:17px;
height:35px;
float:left;
position:relative;
top:-52px;
left:-7px;
background:url(../images/navigation/subnav_btn.png) no-repeat center 5px;}

ul.topnav li span.subhover {
background-position: center -35px;
cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
z-index:1000;
text-indent:0px;
list-style:none;
position:absolute; 
/*-- ^^ Important - Keeps subnav from affecting main navigation flow ^^ --*/
left:-6px;
top:52px;
margin:0;
padding:0;
display:none;
float:left;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-top-left-radius: 2x;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
width:155px;
border:2px solid #e1e1e1;}

ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #5A3166; /*--Create bevel effect--*/
border-bottom: 1px solid #CA95C2; /*--Create bevel effect--*/
clear: both;}

html ul.topnav li ul.subnav li a {
font-size:0.8em;
color:#fff;
float: left;
width: 135px;
background:#772275 url(../images/navigation/dropdown_linkbg.png) no-repeat -1px center;
padding:5px 0 5px 20px;}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #772275 url(../images/navigation/dropdown_linkbg.png) no-repeat 0 center;}

ul.topnav li ul ul.subnav {
z-index:1000;
text-indent:0px;
list-style:none;
position:absolute; 
/*-- ^^ Important - Keeps subnav from affecting main navigation flow ^^ --*/
left:145px;
top:10px;
margin:0;
padding:0;
display:none;
float:left;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-top-left-radius: 2x;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
width:155px;
border:2px solid #e1e1e1;}

ul.topnav li ul ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #5A3166; /*--Create bevel effect--*/
border-bottom: 1px solid #CA95C2; /*--Create bevel effect--*/
clear: both;}

html ul.topnav li ulul.subnav li a {
font-size:0.8em;
color:#fff;
float: left;
width: 135px;
background:#772275 url(../images/navigation/dropdown_linkbg.png) no-repeat -1px center;
padding:5px 0 5px 20px;}

html ul.topnav li ul ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #772275 url(../images/navigation/dropdown_linkbg.png) no-repeat 0 center;}

/*-------------------------------------------------
Block Quotes & Pull Quotes
-------------------------------------------------*/

blockquote.brace {
font-size:0.85em;
padding:10px 0 10px 10px;
margin:10px 0 10px 10px;
text-indent:10px;
/*background-image: url(../images/quotes/openquote_brace.png);*/
background-repeat: no-repeat;
background-position: 10px left;} 
  
blockquote.brace div {
padding:0 20px 0 10px;
margin-right:0px;
display: block;
background-image: url(../images/quotes/closequote_brace.png);
background-repeat: no-repeat;
background-position: top right;} 

blockquote.search {
width:95%;
font-size:0.7em;
padding:0 0 10px 10px;
margin:10px 0 10px 10px;
text-indent:2px;
border-left: 4px solid #f9c40b;} 
  
blockquote.search div {
padding:0 20px 0 0;
margin-right:5px;
display: block;
background-image: url(../images/pages/search/search_line.png);
background-repeat: no-repeat;
background-position: center right;} 

blockquote.search ol li {
padding:0 0 20px 0;} 

blockquote.news {
font-size:0.85em;
padding:10px 0 10px 10px;
margin:10px 0 10px 10px;
text-indent:10px;
/*background-image: url(../images/quotes/openquote_brace.png);*/
background-repeat: no-repeat;
background-position: 10px left;} 
  
blockquote.news div {
padding:0 30px 0 10px;
display: block;
background-image: url(../images/pages/news/placeholder.png);
background-repeat: no-repeat;
background-position: top right;} 


/*-------------------------------------------------
Bullets
-------------------------------------------------*/
div.text ol {
list-style-type: decimal;
width:85%;
font-size:0.75em;
margin:16px 12px 12px 24px;
padding:0;}

div.text ul.map {
color:#222;
list-style-type: none;
width:85%;
font-size:0.8em;
margin:0 0 2px 6px;
padding:0;}

div.text ul.map li {
font-weight:bold;
padding:0 0 4px 12px;}

div.text ul.map li a {
text-decoration:none;
color:#222;
border-bottom:none;
padding:0;}	

div.text ul.map li a:hover {
text-decoration:none;
color:#888;
border-bottom:1px dotted #f9c40b;
padding:0;}	

div.text ul.map li ul li{
color:#444;
font-size:1.1em;
margin:0;
padding:0 0 0 2px;}

div.text ul.map li ul li a {
text-decoration:none;
color:#222;
border-bottom:none;
padding:0;}	

div.text ul.map li ul li a:hover {
text-decoration:none;
color:#888;
border-bottom:1px dotted #f9c40b;
padding:0;}	

div.text ul.map li ul li ul li {
font-size:1em;
padding:0 0 0 2px;}

div.text ul.map li ul li ul li a {
text-decoration:none;
color:#666;
border-bottom:none;
padding:0;}	

div.text ul.map li ul li ul li a:hover {
text-decoration:none;
color:#888;
border-bottom:1px dotted #f9c40b;
padding:0;}	

div.text ul.midbrace,
div.text ul.smallbrace{
list-style-type: none;
width:85%;
font-size:0.75em;
margin:16px 12px 32px 12px;
padding:0;}


div.text ul.midbrace li,
div.text ul.smallbrace li{
padding:0 0 4px 12px;}

div.text ul.midbrace li a,
div.text ul.smallbrace li a{
text-decoration:none;
color:#222;
border-bottom:1px dotted #f9c40b;
padding:0;}	

div.text ul.midbrace li a:hover,
div.text ul.smallbrace li a:hover{
text-decoration:none;
color:#f9c40b;
border-bottom:1px dotted #222;
padding:0;}	

div.text ul.midbrace li{
background:url(../images/quotes/closequote_mid_brace.png) left 4px no-repeat;
padding:0 0 4px 12px;}

div.text ul.midbrace li a {
text-decoration:none;
color:#222;
border-bottom:1px dotted #f9c40b;
padding:0;}	

div.text ul.midbrace li a:hover {
text-decoration:none;
color:#f9c40b;
border-bottom:1px dotted #222;
padding:0;}	

div.text ul.smallbrace {
list-style-type: none;
width:85%;
font-size:0.8em;
margin:16px 12px 32px 4px;
padding:0;}

div.text ul.smallbrace li{
background:url(../images/quotes/closequote_small_brace.png) left 0 no-repeat;
padding:0 0 4px 12px;}

div.text ul.smallbrace li a {
text-decoration:none;
color:#222;
border-bottom:1px dotted #f9c40b;
padding:0;}	

div.text ul.smallbrace li a:hover {
text-decoration:none;
color:#f9c40b;
border-bottom:1px dotted #222;
padding:0;}	

div.infobar ul {
list-style-type:none;
font-size:11px;
margin:0 2px 0 20px;
padding:0;}

div.infobar ul li{
padding:0 0 4px 0;}

div.infobar ul li a {
text-decoration:none;
border-bottom:1px dotted #ddd;
padding:0;}	

/*-------------------------------------------------
Search
-------------------------------------------------*/
.searchtext {
font-size:0.8em;
color:#777;
text-align:left;
margin:0 0 0 8px;}


/*-------------------------------------------------
Block Hover for News
-------------------------------------------------*/
div.links ul {
list-style-type:none;
margin:24px 0 0 0;
padding:0;
width:550px;
float:left;} 

div.links li a{
color:#333;
display:block;
height:80px;
font-size:1em;
font-weight:bold;
margin-bottom:4px;
padding:16px;
text-decoration:none;
background:#fefefe;
border:1px dotted #999;}

* html div.links li a {  /* make hover effect work in IE */
width:490px;
margin:0;
padding:18px 0;
text-decoration: none;
border-bottom:none;}

div.links a em {
display:block;
color:#333;
font-size:0.7em;
margin:6px 0 0 0;
padding:0;
font-style:normal;
font-weight:normal;
line-height:1.5em;
text-decoration:none;
border-bottom:none;}

div.links a span {
color:#333;
font-size:1em;
font-weight:bold;
margin:2px 0 8px 0;
padding:0;
text-decoration: none;
border-bottom:none;}

div.links img {
float:right;
clear:left;
display:block;
margin:2px 2px 0 16px;
border:1px solid #d2d5d3;
background:#eee;
padding:1px;}

div.links li a:hover,
div.links li a:hover em,
div.links li a:hover span{
color:#fff;
background:#660066}


/*-------------------------------------------------
Footer
-------------------------------------------------*/
#footer {
width:100%;
height:300px;
background:url(../images/footer/footer_bg_main.png) repeat-x #994E8A;
font-size:0.7em;
line-height:16px;}

#footer .inner,
#footer .inner a,
#footer .inner a:hover {
width:900px;
text-align:left;
text-decoration:none;
border:none;}

#footer .wide {
clear:both;
width:900px;
margin:0 0 18px 0;}

#footer .left {
float:left;
width:290px;
margin-right:20px;
background:url(../images/footer/footer_bg_left_middle.png) repeat-x;}

#footer .left .inner {
width:270px;
padding-top:15px;}

#footer .middle {
float:left;
width:290px;
margin-right:10px;
background:url(../images/footer/footer_bg_left_middle.png) repeat-x;}

#footer .middle .inner {
width:270px;
padding-top:15px;}

#footer .right {
float:right;
width:280px;}

#footer .right .inner {
float:right;
width:280px;
padding-top:15px;}

#footer .left2 {
float:left;
width:290px;
margin-right:20px;
background:url(../images/footer/footer_bg_left_middle2.png) repeat-x;}

#footer .left2 .inner {
width:270px;}

#footer .middle2 {
float:left;
width:290px;
margin-right:10px;
background:url(../images/footer/footer_bg_left_middle2.png) repeat-x;}

#footer .middle2 .inner {
width:270px;}

#footer .right2 {
float:right;
width:280px;}

#footer .right2 .inner {
float:right;
width:280px;
padding-top:0px;}

#footer .text {
margin-top:14px;
padding:0 0 0 3px;
color:#fff;}

#footer .text2 {
margin-top:18px;
padding:0 0 0 3px;
color:#fff;}

#footer .text2 a{
font-weight:normal;
text-decoration:none;
border:none;
margin-top:18px;
padding:0 0 0 3px;
color:#fff;}

#footer .text2 a:hover{
color:#5A3166;
border-bottom:1px dotted #fff;}

#footer .texter {
padding:0 0 0 3px;
color:#fff;
margin: 4px 0 12px 0;}

#footer .texter a,
#footer .texter a:hover {
font-weight:normal;
text-decoration:none;
border:none;
padding:0 0 0 3px;
color:#fff;
margin:4px 0 12px 0;}

#footer .seo {
text-align:center;
margin-top:18px;
padding:0;
color:#fff;}

#footer .text .over {
margin-top:12px;}

#footer .news {
margin-top:15px;}

#footer .news1 {
width:280px;
height:28px;
background:url(../images/footer/footer_news_bg1.png) repeat-x;
padding-left:5px;}

#footer .news2 {
width:280px;
height:28px;
background:url(../images/footer/footer_news_bg2.png) repeat-x;
padding-left:5px;}

#footer .copyright {
width:900px;
margin-top:37px;
padding:0;}

#footer .copyright {
color:#fff;}

a.copy:link,
a.copy:visited,
a.copy:focus,
a.copy a:hover,
a.copy:active {
font-weight:normal;
text-decoration:none;
color:#fff;
border-bottom:1px dotted #5A3166;}

a.copy:hover {
font-weight:normal;
text-decoration:none;
color:#5A3166;
border-bottom:1px dotted #fff;}

#footer .copyright .left {
float:left;
width:900px;
background:none;
text-align:center;
margin:0;}

#footer .copyright .right {
width:440px;
float:right;
text-align:left;
margin:0;
padding-left:10px;}

.footerNewsLeft {
font-weight: bold;
color: #fff;
line-height: 30px;
margin:0 10px 0 0;}

.footerNewsLeftBottom {
position:relative;
top:-10px;
left:-5px;}

.footerNewsRight {
color: #555242;
font-weight: normal;}

.footerNewsLeftOver {
font-weight: bold;
color: #fff;
line-height: 30px;
margin-right: 10px;}

.footerNewsRightOver {
color: #fff;
font-weight: normal;}