@charset "UTF-8";
@import url("orange.css");
@media screen,projection  {
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

body {
font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
letter-spacing:-0.04em;
color:#666;
font-size:67%;
line-height:1.538em;
background:#afb1b4 url("../../images/bg_body.jpg") no-repeat center top;
}

ul,ol {
list-style-type:none;
margin:13px 0 13px 15px;
padding:0;
}

ul li,ol li {
line-height:1.7;
margin:0 0 2px;
padding:0;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

a:hover, a:active, a:focus {
outline:0;
}

del {
text-decoration:line-through;
}

table {
border-collapse:collapse;
border-spacing:0;
}

html {
font-size:100%;
}

a {
outline:0;
margin:0;
font-weight:bold;
}

a:hover, a:focus, a:active {
color:#666;
text-decoration:none;
font-weight:bold;
}

p {
line-height:1.7;
font-size:1.2em;
margin:0 0 12px;
}

h3 {
font-weight:700;
font-size:1.1em;
margin:20px 0 0;
}

.clear {
clear:both;
font-size:0;
height:0;
line-height:0;
position:relative;
}

.clearandspace {
clear:both;
font-size:0;
height:20px;
line-height:0;
position:relative;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

.container {
width:100%;
background:transparent;
margin:0 auto;
padding:10px 0 0;
}

.wrapper {
width:998px;
margin:0 auto;
padding:0;
}

.header {
position:relative;
height:91px;
width:998px;
margin:0;
}

.sub-header {
height:368px;
width:998px;
background:transparent url("../../images/shadow.png") no-repeat bottom center;
margin:0 0 10px;
}

.content {
width:998px;
background:url("../../images/bg_content.png") no-repeat bottom left;
padding:0 14px 40px;
}

.content_services {
width:998px;
margin:-30px 0px 10px 0px;;
height:993px;
background:url("../../images/bg_content_main.png") no-repeat top left;
padding:14px 50px 0px 50px;
}

.content_footer {
width:998px;
margin:-55px 0px 10px 0px;;
height:210px;
background:url("../../images/bg_content_footer.png") no-repeat top left;
padding:14px 50px 0px 50px;
}


.content_main {
width:998px;
margin:-30px 0px 0px 0px;;
height:400px;
background:url("../../images/bg_content_bottom.png") no-repeat top left;
padding:14px 50px 0px 20px;
}

.content-text {
width:900px;
margin:0 auto;
padding:0;
}

.footer-text {
width:998px;
font-size:0.85em;
text-align:center;
background:none;
margin:0px 0;
padding:0;
}

#footer-nav{
width:928px;
font-size:1.85em;
text-align:left;
background:none;
margin:25px 0 10px 0px;
padding:0;
}

#footer-nav h2{
font-size: 14px;
font-weight:bold;
margin:0 0 -5px 0;
color:#000000;
}


#footer-nav a{
color:white;
margin: 0 0 0 -4px;
font-size:14px;
}

#footer-nav a:hover{
color:#000000;
}


.footer-links {
font-size:12.5px;
float:left;
display:inline;	
color:black;
padding:0 0px 0 20px;	
}

#footer-socialmedia  {
display:inline;
float:left;
display:inline;
margin:0 0px 0px 120px;	
}

.footer-icon{
margin: 0 40px -15px 10px;
}

.footer-icon a{

}

.socialmedia  {
margin:-32px 0 0 50px;
font-size: 14px;
font-weight:bold;
color:white;
}


.header h1 {
position:absolute;
top:15px;
left:15px;
width:307px;
height:70px;
text-indent:-9999px;
background:transparent url("../../images/logo.png") no-repeat 0 0;
margin:0;
padding:0;
}

.header .nav {
position:absolute;
top:42px;
right:40px;
margin:0;
padding:0;
}

.header .nav li {
float:left;
width:auto;
background:transparent;
margin:0 15px;
}

.header .nav li a {
color:#fff !important;
font-size:1.4em;
text-transform:uppercase;
background:transparent;
}



#front-centre {
float:left;
width:60%;
background:transparent url("../../images/") no-repeat top right;
margin:10px 0 0 -30px;
padding:10px 20px 0 0px;
}

#front-centre h1 a {
font-size:1.9em;
font-weight:700;
color:#404040 !important;
margin:0;
}

#front-centre h1 a:hover {
font-size:1.9em;
font-weight:700;
color:#f13809 !important;
margin:0;
}


#front-centre p {
padding:0 0px 0 0;
}


#front-centre h2 a{
text-align:center;
font-size:1.9em;
font-weight:700;
color:#404040;
}

#front-centre h2 a:hover{
text-align:center;
font-size:1.9em;
font-weight:bold;
color:#f13809;
}



#front-mid {
float:left;
width:30%;
margin:10px 0 0 20px;
padding:10px 20px 0 0;
}

#front-mid h1 a {
font-size:1.9em;
font-weight:700;
color:#404040 !important;
margin:0;
}

#front-mid p {
padding:0 20px 0 0;
}

#front-mid h2 {
text-align:left;
font-size:1.9em;
font-weight:bold;
color:#404040;
margin-top:15px;
}


a.promotion {  
display:block;  
width:310px;  
height:90px;  
background: url(../../images/buttons.jpg) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;   
}    
   
a:hover.promotion {  
background: url(../../images/buttons.jpg) no-repeat 0 0;  
background-position: 0 -87px;
}  
   
a.promotion2 {  
display: block;  
width:310px;  
height:90px;  
background: url(../../images/buttons.jpg) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
background-position: 0 -174px; 
}    
   
a:hover.promotion2 {  
background: url(../../images/buttons.jpg) no-repeat 0 0; 
background-position: 0 -264px; 
}

a.promotion3 {  
display: block;  
width:310px;  
height:90px;  
background: url(../../images/buttons.jpg) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
background-position: 0 -355px;  
}    
   
a:hover.promotion3 {  
background: url(../../images/buttons.jpg) no-repeat 0 0; 
background-position: 0 -445px; 
}

a.promotion4 {  
float:left;  
width:975px;  
height:82px;  
background: url(../../images/arrows.png) no-repeat 0 0;  
overflow: hidden;  
text-indent: -20000px;  
margin: 80px 0 50px -65px; 
}    
   
a:hover.promotion4 {  
background: url(../../images/arrows.png) no-repeat 0 0;  
background-position: 0 -83px;
}


#services_container {
float:left;
width:95%;
margin:0 auto;
padding:10px 10px 10px 10px;
}

#services_container h3 a {
font-size:1.9em;
font-weight:700;
color:#404040 !important;
margin:0;
}

.services {
display:inline;
float:left;
width: 16%;
margin:0;
padding:10px 12px 0;
}


#col-left {
float:left;
width:250px;
background:transparent url("../../images/col_sep.gif") no-repeat top right;
margin:45px 0 0;
padding:40px 0 0;
}

#col-left h1 {
font-size:1.4em;
font-weight:700;
text-transform:uppercase;
border-left:6px solid #ccc;
margin:0;
padding:5px 0 5px 13px;
}

#col-left ul {
margin:20px 0 40px;
padding:5px;
}

#col-left ul li {
color:#b4b4b4;
margin:5px 0 0 22px;
padding:0;
}

#col-left ul li a {
font-size:1.4em;
color:#b4b4b4 !important;
margin:0;
padding:0;
}

#col-left ul li a:hover,#col-left ul li a.selected {
color:#404040 !important;
}

#section_image {
float:right;
width:260px;
height:362px;
margin:-60px -40px 0 0;
}

#col-right {
float:left;
width:630px;
margin:0;
padding:40px 40px 0 50px;
}


#col-right h1 {
font-size:2.4em;
letter-spacing:-2px;
text-transform:uppercase;
margin:30px 0 0;
}

#col-right h2 {
font-size:5.5em;
color:#989797;
letter-spacing:-4px;
text-transform:uppercase;
margin:-5px 0 20px;
}

#col-right h3 {
font-size:1.5em;
color:#f13809;
font-weight:700;
letter-spacing:0;
}



#col-right h6 {
text-align:center;
font-size:1.3em;
font-weight:bold;
color:#3e6788;
}

#col-right h6 a{
text-align:center;
font-size:1.3em;
font-weight:bold;
color:#3e6788;
}

#col-right h6 a:hover{
text-align:center;
font-size:1.3em;
font-weight:bold;
color:#f13809;
}


#col-right .span-1 {
float:left;
width:45%;
margin:0 30px 0 0;
}

#col-right .span-1 a {
color:#666;
}

#col-right .span-1 a:hover {
color:#f13809;
}

#col-right .span-2 {
float:left;
width:40%;
background:transparent url("../../images/col_sep_quote.gif") no-repeat top left;
margin:20px 0 0;
padding:20px 0 20px 60px;
}

#col-right .span-2 p {
font-size:1.6em;
text-align:justify;
line-height:1.4em;
color:#b2b1b1;
padding:3px 0;
}

#col-right .span-2 span {
text-transform:uppercase;
padding:0 0 5px;
}

#col-right .span-3 {
float:left;
width:40%;
margin:10px 30px 0 0;
}

#col-right .span-4 {
background:#f7f7f7;
float:left;
border:1px solid #ccc;
width:40%;
margin:0 0 0 90px;
}

#col-right .span-4 h3 {
margin:10px 0 0 12px;
}

#col-right .span-5 {
float:left;
width:60%;
margin:0 30px 0 0;
}

#col-right .span-6 {
float:left;
width:100%;
margin:0 30px 0 0;
}

.servicebox1 {
display:inline;
width:50px;
border-bottom:0 dashed #f13809;
overflow:hidden;
height:100%;
margin:0;
padding:0;
}


.team-block {
width:100%;
float:left;
margin:30px 0 0;
}

.team-block .box-left {
width:150px;
float:left;
padding:0;
}

.team-block .box-left img {
border:3px solid #f1f1f1;
}

.team-block .box-right {
margin:0 0 0 150px;
padding:0;
}

.team-block .box-right h3 {
font-weight:700;
margin:0;
}

.team-block .box-right blockquote {
font-style:italic;
background:url(../../images/quote.png) no-repeat 0 0;
margin:30px 0 20px;
padding:0 0 2px 40px;
}

.team-block .box-right blockquote p {
margin-bottom:10px;
text-align:left;
}

.showcase {
float:left;
width:305px;
margin:15px 10px 10px 0;
}

.showcase h3 {
font-weight:400;
font-size:1.2em;
margin-top:8px;
}

.showcase h4 {
font-size:10px;
font-weight:400;
margin:1px 0 0 2px;
}

.portfolio_content {
display:inline;
float:left;
margin-top:10px;
width:615px;
padding:0;
}

.portfolio_view {
float:right;
font-size:1.2em;
margin:40px 30px 0 0;
}

table.designPackages {
width:100%;
font-weight:700;
font:normal 1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

table.designPackages thead th,table.designPackages tfoot th {
text-align:center;
color:#fff;
border-bottom:2px solid #fff;
background:#f13809;
padding:3px 1%;
}

table.designPackages th.txtLeft {
text-align:left;
}

table.designPackages tbody th {
width:30%;
font-weight:400;
text-align:left;
border-bottom:2px solid #fff;
background:#e5e5e5;
padding:3px 1%;
}

table.designPackages tbody th.extra {
font-weight:700;
text-align:left;
color:#fff;
border-bottom:2px solid #fff;
background:#7d7d7d;
padding:3px 1%;
}

table.designPackages tbody td {
width:13%;
text-align:center;
font-weight:400;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
background:#e5e5e5;
padding:3px 1%;
}

table.designPackages tbody td.additional {
width:13%;
text-align:center;
font-weight:400;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
background:#000;
padding:3px 1%;
}

table.designPackages tbody td.bronzePackage {
background:#dac075;
}

table.designPackages tbody td.silverPackage {
background:#d2d2d2;
}

table.designPackages tbody td.goldPackage {
background:#e4e16f;
}

table.designPackages tbody td.platinumPackage {
background:#ebeeee;
}

table.designPackages tbody td.extraPackage {
background:#7d7d7d;
border-left:0 solid #fff;
border-bottom:0 solid #fff;
}

ins,a,a:visited,a:active {
text-decoration:none;
}

h1,h2 {
font-weight:400;
margin:15px 0 10px;
}

.servicebox1 h2 a,.servicebox2 h2 a {
font-size:1.25em;
font-weight:700;
color:#f13809;
}

.servicebox1 h2 a:hover, .servicebox2 h2 a:hover {
color:#404040;
}
}