@charset "UTF-8";

/* CSS Document */
/* XIT - Sam Beckingsale 2010*/


/* EDITOR START */
hr{
border-bottom:1px solid #999999;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:1.8em;
color:#ec1b2e;
line-height:28px;
font-weight:200;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #999999}

h2{
font-size:1.4em;
color:#b7b8b7;
font-weight:100;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:1.3em;
font-weight:200;
color:#ec1b2e;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:1.1em;
font-weight:200;
color:#b7b8b7;
margin-top:5px;
margin-bottom:5px}

h5{
font-size:1.6em;
color:#b7b8b7;
margin-bottom:15px}

a{
color:#b7b8b7;
text-decoration:none}

a:hover{
color:#bd1827;
text-decoration:underline}

p{
margin-bottom:10px}

.textarea ul{
padding:10px 0 10px 0}

.textarea li{
list-style:none;
background:url(assets/bulletpoint.png) no-repeat top left;
border:none;
padding:0 0 0 20px}

.textarea ol{
padding:10px 0 10px 15px}

.white{
color:#ffffff}

.red{
color:#ec1b2e}

.grey{
color:#b7b8b7}

body{
font-size:0.8em;
font-weight:200;
line-height:1.5em;
font-style:normal!important;
color:#ffffff;
font-family:Helvetica, Verdana, Arial, sans-serif;
background:#000000 url(assets/bg.jpg) repeat-x}


/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

img, div, input { behavior: url("iepngfix.htc") }

/* Main Container */

#wrapper{
width:990px;
height:100%;
padding:0;
margin:0 auto}

#main_container{
width:990px;
height:100%;
float:left;
background:url(assets/bgred.png) no-repeat top center;
padding:0;
margin:0}

/* --------- Masthead ---------*/
#masthead{
width:990px;
height:206px;
margin:0;
float:left;
padding:0}

.headertext{
width:651px;
height:21px;
margin:20px 0 0 200px;_margin:20px 0 0 100px;
padding:0;
float:left}

.logo{
width:245px;
height:142px;
padding:0;
margin:50px 0 0 50px;_margin:50px 0 0 25px;
float:left}

.testimonials{
width:120px;
height:150px;
line-height:19px;
margin:38px 0 0 23px;_margin:30px 0 0 23px;
padding:0;
float:left}

.testimonials h4{
color:#a5111f!important;
margin-top:15px;
font-weight:bold}


/* Slideshow */
#slideshow{
padding:0;
margin:0;
float:left;
width:478px;
background:url(assets/slideshow.jpg) no-repeat;
height:206px}

#slideshow_area{
margin:24px 0 0 24px;_margin:16px 0 0 27px;
padding:0;
float:left;
width:478px;
height:206px}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative}

.nivoSlider img {
position:absolute;
top:0px;
left:0px}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none}

/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%}

.nivo-box {
display:block;
position:absolute;
z-index:5}

/* Caption styles */
.nivo-caption {
position:absolute;
right:20px;
bottom:5px;
color:#fff;
opacity:0.5; /* Overridden by captionOpacity setting */
width:100%;
z-index:8}

.nivo-caption p {
font-size:3.5em;
font-weight:200;
float:right;
margin:0;
padding:20px 0 20px 0}

.nivo-caption a {
display:inline !important}

.nivo-html-caption {
display:none}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer}

.nivo-prevNav {
left:0px}

.nivo-nextNav {
right:0px}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer}

.nivo-controlNav a.active {
font-weight:bold}

.nivo-controlNav {
position:absolute;
left:170px;
top:450px}

.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(assets/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left}

.nivo-controlNav a.active {
background-position:0 -22px}

.nivo-directionNav a {
display:block;
width:31px;
height:31px;
background:url(assets/arrows.png) no-repeat;
text-indent:-9999px;
border:0}

a.nivo-nextNav {
background-position:-31px 0;
right:15px}

a.nivo-prevNav {
left:15px}

.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif}

.nivo-caption a { 
color:#efe9d1;
text-decoration:underline}

/* Mainarea */

#mainarea{
width:990px;
height:100%;
float:left;
margin:0;
padding:0}

#textarea_bg{
padding:0;
margin:0 0 0 46px;_margin:0 0 0 23px;
float:left;
background:url(assets/textbg.png);
width:705px;
height:100%;
min-height:500px}

.textarea{
padding:0;
margin:26px 0 0 26px;_margin:26px 0 0 14px;
float:left;
padding-bottom:4px;
width:646px;
height:100%;
min-height:382px}

.textarea_footer{
background:url(assets/textfooter.png) no-repeat;
width:705px;
higth:49px;
margin:14px 0 10px 0;
float:left;}

.xitsmall{
width:95px;
margin:12px 0 0 50px;
height:55px;
float:left;}

/* Navigation top  */
#menu {
position:relative;
z-index:100;
height:48px;
width:850px;
text-align:center;
margin:83px 0 0 40px;_margin:17px 0 0 25px;
padding:0;
float:left}

#menu ul{
margin:0;
padding:0;
width:850px}

#menu li {
list-style:none;
margin:2px -10px 0 0;
padding:0;
text-align:center;
float:left;}

#menu li:hover>div { 
visibility:visible}

#menu a {
position:relative;
z-index:77;
text-decoration:none;
display:block;
width:114px;
padding:0;
margin:0;
color:#999999}

#menu a:hover {
padding:0;
color:#ffffff}

#menu .current a{
color:#ffffff;
background:url(assets/active.png);
margin:0;
padding:0}

#menu div {
visibility:hidden;
width:114px;
background:url(assets/active.png);
margin:0;
padding:0}

#menu div .current a{
color:#ffffff;
background:url(assets/active.png);
margin:0;
padding:0}

div#menu li.back {
width:100%;
height:48px;
float:left;
z-index:10;
position:absolute;}
	
div#menu li.back .left {
height:48px;
width:100%;
visibility:visible}

/* Mega Menu */
.megamenu1{
position:absolute;
display:none;
left:0;
top:0;
background-color:#000000;
color:#ffffff;
padding:10px;
z-index:100}

.column{
float:left;
width:150px;
margin:10px;
padding:10px}

.column ul{
margin:0;
padding:0;
list-style-type:none}

.column ul li{
padding-bottom:5px}

.column h3{
font-size:1.4em;
font-weight:400;
color:#cbb54b;
margin:0 0 15px 0}

.column ul li a{
font-weight:400;
color:#ffffff;
text-decoration:none}

.column ul li a:hover{
font-weight:400;
text-decoration:underline}

div#copyright { 
display:none}

/* Right Column */
#right_column{
width:178px;
height:100%;
padding-bottom:5px;
margin:0 0 25px 15px;
float:left;
background:url(assets/rightnavbg.png) repeat-y;
min-height:524px;_min-height:540px!important}

/* Logo Scroller - Start */
#scroller{
padding:0;
margin:9px 0 0 6px;_margin:7px 0 0 4px;
float:left;
overflow:hidden;
width:165px;
height:165px}

#scroller img{
float:left}

#scroller li{
list-style:none}

.offer_promotion{
width:665px;
padding:20px;
margin-top:11px;
float:left;
background:#292929 url(assets/right_navfade.png) repeat-x top left}

#subForm{
width:250px;
float:left;
padding:0;
margin:0 0 30px 0}

.input{
width:150px!important;
height:37px;
background:#ffffff;
float:left;
border:1px solid red;
padding:0;
margin:35px 0 0 16px;_margin:2px 0 0 9px}

.go{
width:34px;
height:34px;
background:url(assets/go.png) no-repeat;
float:left;
border:none;
padding:0;
margin:-37px 0 0 170px}


/* Navigation Right Services */
.right_nav{
width:159px;
float:left;
text-align:left;
padding:0;_padding:0 0 0 11px;
margin:0 0 0 9px;_margin:0;}

.right_nav h3{
padding:5px 0 0 9px;
margin:13px 0 5px 0;
font-size:1.1em;
float:left;
background-color:#000000;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
width:153px;
color:#ffffff}

.right_nav ul{
margin:0;
padding:0;
width:159px}

.right_nav li{
list-style:none;
margin:0 0 5px 0;
line-height:16px;
border-bottom:1px solid #888888;
padding:0 0 0 10px}

.right_nav a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:0}

.right_nav a:hover{
text-decoration:underline;
color:#c0bcbc;
margin:0;
padding:0}

.right_nav #active{
text-decoration:none;
color:#ec1b2e;
font-weight:bold}

.right_nav #active a{
text-decoration:none;
color:#ec1b2e;
font-weight:bold}

.right_nav #active a:hover{
text-decoration:none;
color:#ec1b2e;
font-weight:bold}

.quoteme{
width:160px;
height:63px;
float:left;
margin:7px 0 0 10px;
padding:0}

/* Footer */
.copyright{
width:600px;
height:15px;
display:block;
margin:0 auto;
font-size:10px;
text-align:center;
padding:0;
margin:20px 0 0 105px}

.copyright a{
text-decoration:none;
color:#ffffff}

.copyright a:hover{
text-decoration:underline;
color:#ffffff}

.copyright p{
padding:0;
color:#ffffff;
margin:0}

#footer_wrapper{
width:100%;
height:79px;
float:left;
padding:0;
margin:0}

.fb-like{
float:left;
margin:30px 0 0 30px}

/* MaxiGallery */
ul.thumbs li{
background-image:none!important;
border:1px solid #666666;
text-align:center;
width:108px;
height:135px;
padding:20px}

