/*.............GENERAL LAYOUT AND STYLES.............*/
.Clear
{
    clear: both;
}

.btnSite
{
    border: 0 none;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat; 
    overflow: hidden;
    
    /* 
    text-indent: -9999px;
    
    fix for ie 6 and 7 to stop text displaying 
    font-size: 0px;
    line-height: 0px;
    */
}

img
{
    border: 0 none;
    padding: 0;
    margin: 0;
}

h1
{
    font-size: 22px;
    margin: 14px 16px;
}


h2
{
    font-size: 18px;
    margin: 14px 0;
}

div#FollowUs h2
{
    font-size: 14px;
}

div#Left h2,div#Center h2,div#Right h2
{
    margin: 0 0 12px 12px;
    font-size: 14px;
}

a
{
    color:#000;
}

a:focus 
{
    outline: 0px;
} 

h3
{
    margin: 0 0 12px 0;
}
   
body 
{
    margin: 0;
    padding: 0;
    background: #eaeaea;
    color: #494848;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

#Main h1
{
    color:#AAAAAA;
    font-size:22px;
    margin:10px 16px;
    width:580px;
}

#Main p
{
    color:#666666;
    font-size:9pt;
    margin:0 16px 16px 15px;
    width:580px;
}

#HeaderWrapper
{
    width: 100%;
    height: 125px;
    background-color: #fff;
    cursor: default !important;
}

#Header
{
    width: 1028px;
    height: 125px;
    margin: 0 auto;
    background: url(/Media/Images/Logo.png) no-repeat 60px 0;
    position: relative;
}

#Header h1
{
    width: 250px;
    height: 125px;
    float: left;
    margin: 0 0 0 60px;
    padding: 0;
}

#Header h1 a
{
    width: 250px;
    height: 125px;
    display: block;
    text-indent: -999px;
}

#TelNo
{
    position: absolute;
    bottom: 16px;
    right: 152px;
    cursor: default;
}

.Tel
{
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
} 

.Strapline
{
    color: #a0a0a0;
    font-size: 16px;
}

#WrapperBg
{
    width: 1026px;
    margin: 0 auto;
    background: #eaeaea url(/Media/Images/BgImg.png) no-repeat -1px -1px;
}

#Wrapper
{
    width: 904px;
    margin: 0 auto;
    padding: 0 43px;
    position: relative;
    background-color: #fff;
}

#Banner
{
    width: 904px;
    height: 70px;
    padding-top: 20px;
    background: #494848 url(/Media/Images/GreyTop_904.gif) no-repeat 0 0;
}

#Welcome
{
    width: 904px;
    height: 275px;   
    padding-top: 20px;
    background: #494848 url(/Media/Images/GreyTop_904.gif) no-repeat 0 0;
}

.MainMsgWrapper, .TagLine
{
    height: 230px;
    border-bottom: 4px solid #fff;
   /* margin-bottom: 4px;*/
   /* padding: 30px 50px 0 50px;*/
    /*background-color: #494848;*/
}

.TagLine
{
    height: 36px;
    padding: 0 0 0 33px;
    margin-top: -10px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

#MainLinkWrapper
{
    height: 41px;
    background-color: #fff;
}

.MainLink
{
    width: 298px;
    height: 29px;
    padding-top: 12px;
    display: block;
    float: left;
    background-color: #706f6f;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.MainLink:hover
{
    background-color: #494848;
}

.MainLink:hover .MainLinkText
{
    border-bottom: 2px solid #ffdf00;
}   
    

.Innovate
{
    background: #706f6f url(/Media/Images/GreyLeft_41.gif) no-repeat left 0;   
}

.Attract
{
    margin: 0 5px;
}

.Engage
{
    background: #706f6f url(/Media/Images/GreyRight_41.gif) no-repeat right 0;  
}
    

.ContactUs
{
    position: absolute;
    right: 26px;
    top: -57px;
}
    
#Main
{
    min-height: 330px;
    margin-top: 20px;
}

#Left, #Center, #Right
{
     padding: 12px;
     float: left;
}

/* ..... HOME  ..............*/
 div#HomeIntro
 {
     float:left;
     width:600px;
 }
 
 div#FollowUs
 {
     float:left;
     width:280px;
     margin:35px 0 0 20px;
 }

div#followUsIcons
{
    position: relative;
    height: 42px;
}

#twitter-icon
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 42px;
    height: 42px;
}

#linkedin-icon
{
    position: absolute;
    left: 55px;
    top: 0px;
    width: 41px;
    height: 42px;
}

#facebook-icon
{
    position: absolute;
    left: 109px;
    top: 0px;
    width: 42px;
    height: 42px;
}

div#twitterFeed
{
    /*  border-top: dashed 2px #f6931e;*/
    margin-top: 15px;
    padding-top: 15px;
}


/*..............LOGOS SHOW AREA.................*/

#Left
{
    width: 220px;
}

#Logos
{
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width:200px;
}

#Logos li
{
   height: 65px;
   margin: 0 0 8px 8px;
   text-align:center;
}

#Logos li img
{
    margin-bottom: 20px;
}

/*..........PORTFOLIO SCROLL.....*/

#Center
{
    width: 350px;
    height: 321px;
	padding: 20px 0 0 0;
	background: #eaeaea url(/Media/Images/GreyTop_350.gif) no-repeat 0 0;
    position: relative;
    overflow: hidden;
}

#Center h3
{
    padding-left: 12px;
}
    
#Slider, #Slider ul, #Slider li
{
    height: 283px;
	width: 350px;
	overflow: hidden;
}

#Slider ul, #Slider li
{ 
    margin: 0;
    padding: 0;
    list-style: none outside none;
}	

#Slider li
{
   position: relative;
}

#Slider li img
{
    margin: 0 45px;
}
			
#prevBtn, #nextBtn
{ 
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: 15px;
	top: 278px;
}
	
#nextBtn
{ 
	left: 316px;
}
														
#prevBtn a, #nextBtn a
{  
	display: block;
	width: 30px;
	height: 77px;
	background: url(/Media/Images/btn_prev.gif) no-repeat 0 0;
	text-indent: -9999px;	
}
	
#nextBtn a
{ 
	background: url(/Media/Images/btn_next.gif) no-repeat 0 0;	
	overflow: hidden;
}

.SliderCaptionWrapper
{
    width: 350px;
    height: 23px;
    padding: 27px 0;
    background-color: #4d4d4d;
    color: #fff;
    filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
    position: absolute;
    bottom: 0;
    left: 0;
}

#BottomStrip
{
    width: 350px;
    height: 10px;
    background: #4D4D4D url(/Media/Images/GreyBottom_350.gif) no-repeat 0 0;
    filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
}

.SliderCaption
{
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

/*............NEWSFEED AREA.............*/
    
#Right
{
    
}

.NewsFeature
{
    width: 260px;
    padding: 0 0 10px 10px;
    float: left;
}

.NewsFeature img
{
    width: 32px;
    margin-right: 5px;
    float: left;
}

.NewsFeatureText
{
    width: 210px;
    float: right;
    font-size: 12px;
    line-height: 16px;
}


/*...........FOOTER.............*/

#FooterWrapper
{
    width: 100%;
    clear: both;    
    background-color: #706f6f;
}

#Footer
{
    width: 904px;
    padding: 18px 62px 28px 62px;
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
    background-color: #706f6f;
}

#FooterBox
{
    width: 638px;
    height: 132px;
    padding: 17px 15px;
    float: left;
    background: #9c9c9c url(/Media/Images/GreyTop_668.gif) no-repeat 0 0;
    position: relative;
}

.GreyBottom668
{
    position: absolute;
    bottom: -10px;
    left: 0;
    background-color: #9C9C9C;
}

.FooterBoxCol, .FooterBoxCol a
{
    width: 130px;
    margin: 0 100px 0 0;
    float: left;
    list-style: none outside none;
    padding: 0;
    color: #fff;
    text-decoration: none;
    display: inline;
}

#FooterContactInfo.FooterBoxCol
{
    width: 130px;
    margin: 0;
}

.FooterBoxCol li
{
    width: 130px;
    padding: 0 0;
    line-height: 1.6em;
    float: left;
    display: inline;
    margin: 0;
}

.FooterBoxTitle
{
    font-size: 13px;
    font-weight: bold;
}

#FooterForm
{
    width: 204px;
    padding-top: 6px;
    float: right;
}

#Copyright
{
    width: 990px;
    margin: 0 auto; 
    padding: 10px 0;
}

/*........FORMS: FOOTER AND OTHER........*/


.InputContainer
{
    width: 500px;
    margin-bottom: 6px;
    clear: left;
}

.InputContainer .InputLabel
{
    float: left;
    text-transform: uppercase;
    width: 200px;
}

.InputContainer .InputBox
{
    float: left;
    width: 300px;
}

.InputBox input
{
    width: 300px;
    background: url(/Media/Images/Input_On_Grey_Long.gif) no-repeat 0 0;
}

.InputContainer input, .InputContainer textarea
{ 
    padding: 5px 8px;
    float: right;
    border: 0 none #fff; 
    font-size: 8pt;
    overflow: hidden;
    font-family: Arial, Sans-Serif;
}

.InputContainer
{
    width: 500px;
    margin-bottom: 6px;
    clear: left;
}

.InputContainer .InputLabel
{
    float: left;
    text-transform: uppercase;
    width: 200px;
}

.InputContainer .InputBox
{
    float: left;
    width: 300px;
}

.InputBox input,
.InputBox textarea
{
    width: 290px;
}

.InputBox textarea
{
    height: 56px;
    background: url(/Media/Images/Input_On_Grey_Tall_Long.gif) no-repeat 0 0;
    overflow: auto;
}

.validationError .InputBox input
{ 
    background: url(/Media/Images/Input_On_Grey_Long_Error.gif) no-repeat 0 0;
}


.InputBox textarea.focused
{ 
    height: 190px;
    background: url(/Media/Images/Input_On_Grey_Taller_Long.gif) no-repeat 0 0; 
}


.validationError .InputBox textarea
{ 
    background: url(/Media/Images/Input_On_Grey_Tall_Long_Error.gif) no-repeat 0 0;
}  

.validationError .InputBox textarea.focused
{ 
    background: url(/Media/Images/Input_On_Grey_Taller_Long_Error.gif) no-repeat 0 0;
}  
    
 
#FooterForm .InputContainer
{ 
    width: 205px;
    font-size: 9px
}
    
#FooterForm .InputLabel
{ 
    width: 70px;
    height: 16px;
}

#FooterForm .InputBox
{ 
    width: 135px;
}

#FooterForm input 
{
    width: 120px;
    height: 16px;
    background: url(/Media/Images/Input_On_Grey_Short.gif) no-repeat 0 0; 
}

 #FooterForm textarea
{
    width: 120px;
    height: 56px; 
    background: url(/Media/Images/Input_On_Grey_Short_Tall.gif) no-repeat 0 0; 
}

 #FooterForm .validationError input
{
    
    background: url(/Media/Images/Input_On_Grey_Short_Error.gif) no-repeat 0 0; 
}

#FooterForm  .validationError textarea
{
    background: url(/Media/Images/Input_On_Grey_Short_Tall_Error.gif) no-repeat 0 0; 
}
  
.btnSubmit
{
    width: 60px;
    height: 14px;
    padding: 3px 6px 4px 6px;
    background: url(/Media/Images/Btn_Proceed.png) no-repeat top center;
    color: #494848;
    font-weight: bold;
    font-size: 11px;
    text-decoration:none;
    text-align:center;
}

#FooterForm .btnSubmit
{
    margin-left:70px
}

#ContactContainer
{
    width: 595px;
    padding: 30px 10px 0 0px; 
    float: left;
    color: #706f6f;
    font-size: 12px;
}

.ContactContent
{
    padding: 0 15px
}

.ContactContent h1
{
    margin: 16px 0 0 0;
}

.ContactContent h1 span
{
    text-transform: uppercase;
    border-bottom: 2px solid #ffdf00;
}

.ContactContent h2
{
    font-size: 15px;
    font-weight: normal;
    margin: 8px 0 15px 0;
}

 
/*..........BLOG PAGE..........*/

#breadcrumb{margin:3px 20px;}
#breadcrumb a{color:#696969; text-decoration:none;}
#breadcrumb a:hover{color:#000; text-decoration:underline;}

#BlogContainer
{
    width: 595px;
    padding: 30px 10px 0 0px;
    float: left;
    color: #706f6f;
    font-size: 12px;
}
#BlogContainer h1 a {
    color: #706f6f;text-decoration:none;} 
.AddThisLinks
{

}

.NewsArticle
{
    margin-bottom: 40px;   
}

.NewsArticle h2
{
    /*width: 400px;*/
    margin: 0;
    font-size: 18px;
}

.NewsArticle h2 a
{
    color: #706f6f;
    text-decoration: none;
}

.NewsArticle h2 a:hover,
#BlogContainer h1 a:hover
{
    border-bottom: 2px solid #ffdf00;
}

.NewsAuthor
{
    margin: 15px 0 25px 0;
}

#RightColumn, #LeftColumn
{
    width: 299px;
    margin-top: 36px;
    float: left;
}

#LeftColumn
{
    width: 204px;
    margin-top: 36px;
}

.SecondaryNav
{ 
    margin-bottom: 30px;
    padding-top: 15px; 
}

#LeftColumn  div.SecondaryNav ul
{
    list-style: none;
    padding: 0;
    margin: -12px 0 0 0;
}

#LeftColumn  div.SecondaryNav ul li
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#LeftColumn  div.SecondaryNav ul li#SecNav0
{
    background: #FFDF00 url(/Media/Images/YellowTop_204.gif) no-repeat 0 0;
    padding: 10px 0 0 0;
}

.RightColBox, .LeftColBox
{
    padding: 20px 0 0 0;
    margin-top: 0;
}

div.SecondaryNav ul li#SecNav-1 a
{
    height: 10px;
    padding: 0;
    background: #DBDBDB url(/Media/Images/GreyBottom_204.gif) no-repeat 0 0;
}

div.SecondaryNav ul li a,.RightColBox h2, .LeftColBox h2
{   
    background-color: #DBDBDB;
    display: block; 
    font-size: 13px; 
    padding-top: 12px; 
    text-decoration: none;
    line-height: 1.1em;
} 

.RightColBox h2, .LeftColBox h2
{
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase; 
    color: #FFFFFF; 
}

div.SecondaryNav ul li a
{
    margin-bottom: 2px;
    color:#666666;
}

div.SecondaryNav ul li a:hover,
div.SecondaryNav ul li a.selected
{    
    color:#000000;
    background-color:#FFEE7F;
}

.RightColBox h2, .LeftColBox h2, div.SecondaryNav ul li#SecNav0 a
{  
    background-color: #FFDF00;
    color: #ffdf00;
    margin: 0 0 3px 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.RightColBox h2, .LeftColBox h2
{
    background: #FFDF00 url("/Media/Images/YellowTop_299.gif") no-repeat scroll 0 0;
    display: block;
    color: #706F6F;
    padding: 10px 15px 8px 15px;
}

.LeftColBox h2
{
    background: #FFDF00 url("/Media/Images/YellowTop_204.gif") no-repeat scroll 0 0;  
}

div.SecondaryNav ul li a
{
    display: block; 
    padding: 5px 15px;
}
    
div.SecondaryNav ul li#SecNav0 a  
{
    color: #706F6F;
    padding: 3px 15px 10px;
}

/*.SecondaryNav ul li:hover .MainLinkText
{
    border-bottom: 2px solid #ffdf00;
}   */

.LeftColBoxContents
{
    background: #dbdbdb url(/Media/Images/GreyBottom_204.gif) no-repeat 0 bottom;
}

.RecentPosts, .tagcloud
{
    background: #dbdbdb url(/Media/Images/GreyBottom_299.gif) no-repeat 0 bottom;
}

.LeftColBoxContents
{
    padding: 10px 10px 30px;    
}

.RecentPosts ul, .tagcloud ul
{
    list-style: none outside none;
    margin: 0px 15px 0px 15px;
    padding: 10px 0 15px 0;
    font-size: 12px;
}

.tagcloud ul li
{
    display: inline;
}

.RecentPosts ul li
{
    margin-bottom: 10px;
}

.RecentPosts ul li a, .tagcloud ul li a
{
    color: #706f6f;
    text-decoration: none;
}

.RecentPosts ul li a:hover, .tagcloud ul li a:hover
{
    text-decoration: underline;
}

.posttitle
{
    font-weight: bold;
}

.posttitle:hover
{
    text-decoration: underline;
}

#SectionText
{ 
    width: 436px;
    margin:36px 28px 0 28px;
    padding-top: 10px;
    float: left;
}

#SectionText h1
{
    margin: 0 0 16px 0;
    font-size: 24px;
}

#SectionText h2
{
    font-size: 18px;
}

#SectionText p
{
    line-height: 19px;
}	

.NewsArticle
{
    padding: 0 20px 0 20px;
}

/*..........COMMENTS..........*/

.GreyTop595
{
    height: 10px;
}

#post-comment-header, #existing-comments-header
{    
    padding: 0 20px;
    margin: 14px 0;
    font-size: 17px;
    text-transform: uppercase;
}
    
#post-comment-header span, #existing-comments-header span
{
    color: #706F6F;
    text-decoration: none;
}

#CommentsList li
{ 
    background-color: #eee;
}

#CommentsList li
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    
    clear: left;
    margin-bottom: 30px;
    padding: 25px 15px 15px 20px; 
}

#CommentsTick, .SubmitComment, .SendMessage
{
    margin: 15px 73px 0 0;
    float: right;
    padding: 0;
}

.SubmitComment, .SendMessage
{
    width: 50px;
    height: 16px;
    clear: right;  
    color: #ffdf00;
    padding: 3px 6px;
    background-color: #706f6f;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold; 
}

.SendMessage
{
    width: 38px;
    margin: 5px 90px 0 0;
}

#CommentsTick input
{
    margin-left: 15px;
}

#CommentsList
{
    clear: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#CommentsList li
{
    margin-bottom: 15px;
    padding: 15px 15px 15px 20px;
}

#CommentsList li.commentAltRow
{
    background-color :#FFFBDF;
}

#CommentsList h3
{
    text-transform: uppercase;
    font-size: 12px;
}
      
 /*...........CONTACT FORM..........*/
 
#contactForm, #PostComment
{
     background: #9C9C9C url(/Media/Images/GreyBottom_595.gif) no-repeat 0 bottom;
     padding: 10px;
     color: #fff;
} 

.GreyTop595
{
    background-color: #9C9C9C;
}

#map 
{
    width: 546px; 
    height: 150px;
    -moz-border-radius: 10px;
} 

 
 
 /*..........FORM RESPONSES........*/
div.warning 
{
     -moz-border-radius: 10px;
     height: 50px;
     height: auto !important;
     min-height: 50px; 
     border: solid 1px #cc3333;
     clear:both; 
     background: #FFEFEF url(/Media/Images/warning.png) no-repeat 5px 5px; 
     padding: 5px 5px 5px 65px; 
     margin:10px 0 15px 0;
 } div.warningMini 
{
     -moz-border-radius: 10px;
     height: 30px;
     height: auto !important;
     min-height: 30px; 
     border: solid 1px #cc3333;
     clear:both; 
     background: #FFEFEF url(/Media/Images/warningMini.gif) no-repeat 5px 5px; 
     padding: 3px 3px 3px 40px; 
     margin:5px 0 7px 0;
 }
 
 div.warning ul, div.warningMini ul{margin:5px 10px;padding:0px;}
 div.warning ul li, div.warningMini ul li{margin:0 10px;padding:0px;}
 
div.goodnews 
{
     -moz-border-radius: 10px;
     height: 50px;
     height: auto !important;
     min-height: 50px;
     border: solid 1px #89C23F;
     clear: both; 
     background: #E3FFBF url(/Media/Images/accept.png) no-repeat 5px 5px; 
     padding: 5px 5px 5px 65px; 
     margin: 10px 0 15px 0;
     color:#363636;
}