body * {

outline:none;

}

body {

padding:0;

margin:0;

font-family:Arial;

font-size:12px;

color:#5e5e5e;

background:url(../images/main_bg.jpg) center top no-repeat #121212;

}



@font-face {
    font-family: 'CalibriRegular';
    src: url('font/calibri-webfont.eot');
    src: url('font/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/calibri-webfont.woff') format('woff'),
         url('font/calibri-webfont.ttf') format('truetype'),
         url('font/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CalibriBold';
    src: url('font/calibrib-webfont.eot');
    src: url('font/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/calibrib-webfont.woff') format('woff'),
         url('font/calibrib-webfont.ttf') format('truetype'),
         url('font/calibrib-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


a {

text-decoration:none;

color:#785884;

}

a:hover {

text-decoration:underline;

color:#785884;

}

h1, h2, h3, h4, h5, h6,  p, img, clear, span, ul, li, ol, dd, dl, dt, label, form, br {

padding:0px;

margin:0px;

}

.clear {

height:0;

font-size:0;

line-height:0;

clear:both;

}

.middle{

vertical-align:middle;

margin:0;

padding:0;

}

img {

border:0;

}

.Fleft {

float:left !important;

}

.Fright {

float:right;

}

#outerWrapper{

margin:0 auto;

padding:0px;

width:100%;

} 



#Wrapper {

width:996px;

margin:0 auto;

padding:0px 0px 0 6px;

}



/**********************************************header css start*******************************************************************/



.header{

width:996px;

float:left;

padding:0px;

margin:0px;

background:url(../images/header_bg.jpg) left top no-repeat;

height:700px;

position:relative;

}



.logo{

width:132px;

float:left;

height:139px;

position:absolute;

left:40px;

top:0px;

z-index:9999;

}


.header-navigation{

  float: left;
    left: 248px;
    position: absolute;
    width: 742px;
	top:22px;
}

.header-navigation a{

  padding:0 3px 0 0;
}





.banner{

position:absolute;

left:20px;

top:60px;

width:948px;

height:631px;

z-index:99;

}









/******************************************************************/





.flashbanner { width:100%; text-align:center; height:400px; cursor:default; margin-bottom:10px; padding-top:120px; position:relative; z-index:1;}

.flashbanner .prev{ width:52px; height:79px; position:absolute; top:568px; right:0; z-index:1;}

.container .next{ width:52px; height:79px; position:absolute; top:568px; right:0; z-index:1;}

/*.previous{ width:52px; height:79px; position:absolute; top:168px; left:-142px; z-index:2;}

.next{ width:174px; height:79px; position:absolute; top:168px; right:-140px; z-index:2;}*/

.previous{ width:66px; height:91px; position:fixed; top:268px; left:-2px; z-index:2;}

.next{ width:66px; height:91px; position:fixed; top:268px; right:-2px; z-index:2;}



.banner-img{background:url(../images/banner-bg.jpg) no-repeat top left; width:982px; height:400px; top:120px; left:180px; position:absolute;}

.MainContainer { width:982px; display:inline-block; padding-bottom:0px;}

.giftbox { width:310px; height:165px; padding:15px 15px 0 10px; float:left; background:url(../images/seo-case-study-box.jpg) top right no-repeat;}

.reandomquote { width:198px; height:23px; padding:21px 0 0 9px;}

.giftbox h3, .WhatNewBox h3, .sociallinkbox h3 { color:#44f307; font-size:18px; font-weight:bold; line-height:20px;}

.style1 { font-size:13px; line-height:19px; padding:10px 100px 10px 3px; color:#A9A9A9; font-weight:normal; line-height:16px;}

.giftbox p { padding-bottom:10px;}

.font9 {font-size:8px; text-transform:uppercase; line-height:11px; letter-spacing:-0.01px;}

.font10 { font-size:10px;}

.giftbox .click { float:left; margin:0 8px 0 0;}

.WhatNewBox { width:272px; height:160px; padding:15px 15px 0 20px; float:left; display:inline; margin:0 18px 0 10px;}

.WhatNewBox h3, .sociallinkbox h3 { color:#858585;}

.WhatNewBox ul { list-style:none; height:125px; overflow:auto;}

.WhatNewBox ul li { border-bottom:1px dotted #c5c5c5; padding:7px 0;}

.WhatNewBox ul li.last { border-bottom:0; padding-bottom:0;}

.WhatNewBox ul li a { color:#A9A9A9; text-decoration:none;}

.WhatNewBox ul li a:hover { text-decoration:underline;}

.sociallinkbox { float:left; width:279px; height:160px; padding:15px 15px 0 18px;}

.sociallinkbox h3 {padding-bottom:11px;}

.fblike { padding:11px 0 0 0;}

.style2 {margin-right:10px;}

.style3 {margin-top:20px;}

.style4 {margin-bottom:8px;}

.style5 {margin-bottom:15px;}



/* ---------------------------Slideshow Css ------------------- */

.stepcarouse2 .panel {
    float: left;
    margin: 12px;
    margin-left: 15px;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
	text-align:center;
	list-style:none;
    
}

.bottomblckbox .slideleft{
	top:90px!important;
	left:5px!important;
}

.bottomblckbox .slideright{
	top:90px!important;
	left:935px!important;
}
.stepcarousel{

position: relative; /*leave this value alone*/

width: 920px; /*Width of Carousel Viewer itself*/

height: 135px; /*Height should enough to fit largest content's height*/

left:0px;

}

.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}

.stepcarousel .panel {
    float: left;
    margin: 12px;
    margin-left: 15px;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
    width: 1022px;
}



.stepcarousel .panel .text{

position:absolute;

border:#FF0000 solid  1px;

width:200px;

left:200px;





}





ul.css-tabs li {

list-style-image:none !important;

list-style-type:none !important;

margin:0 !important;

}



div.css-panes h2 {

margin-top:0px;		

}



#credits {

color:#555;

font-size:11px;

text-decoration:none;

}



h1 {

background-position:0 15px;		

} 

#main_navi {

margin-left:-45px;

}



#main_navi li {

list-style-image:none !important;

margin-top:0 !important;

}

/* main vertical scroll */

#main {

    height:631px;
    margin: 0 0 0 3px;
    overflow: hidden;
    position: relative;
    width: 947px;

}



/* root element for pages */

#pages {

position:absolute;

height:20000em;

}



/* single page */

.page {

padding:0 0 0 0px;

height: 631px;

width:947px;

overflow:hidden;

position:relative;

}

.about-page{width:601px; position:absolute; right:11px; top:97px;
				z-index:9999;
				padding:0 20px 0 0;
}

.about-box{margin:0; padding:0; width:100%; float:left;}
.about-top{background:url(../images/about-top.png) no-repeat top; padding:0; width:594px;  height:11px;}
.about-bottom{background:url(../images/about-bottom.png) no-repeat bottom; padding:0; width:594px; float:left;  height:11px}
.about-middle{background:url(../images/about-middle.png) left top repeat-Y;  height: 466px;
    padding: 0 20px 0 0;
    width: 574px;}



.about-page h2 {
    color: #FFFFFF;
    font-family: Trebuchet MS,arial;
    font-size: 44px;
    font-weight: normal;
    height: 58px;
   margin: 0 0 8px;
    padding: 5px 0 0px 15px;
    text-transform: uppercase;
	background:url(../images/about-line.png) no-repeat 15px bottom;
}

.about-page p{
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    line-height: 22px;
    padding: 0 0px 29px 18px;
    text-align: justify;
	text-indent: 30px;
}



/* root element for horizontal scrollables */

.scrollable {

position:relative;

height: 670px;

}



/* root element for scrollable items */

.scrollable .items {

width:20000em;

position:absolute;

clear:both;

}



/* single scrollable item */

.item { float:left;
width:947px;

padding:13px 0 0 0;

height:631px;

overflow:hidden;

}



/* main navigator */

#main_navi {



padding:0px !important;

margin:0px !important;

}



#main_navi li {

color:#FFFFFF;

font-size:12px;

list-style-type:none;

padding:10px 9px;

width:150px;

cursor:pointer;

float:left;

text-align:center;

}

#main_navi li a {

color:#FFFFFF;

text-decoration:none;

}



#main_navi li:hover {

}



#main_navi li.active {

}



#main_navi img {

padding:3px 0 0 0;

}



#main_navi strong {

display:block;

}



#main div.navi {

cursor: pointer;

position: absolute;

text-align: center;

z-index: 999999;



right:20px;

bottom:5px;

}





#main div.text {

cursor: pointer;

position: absolute;

text-align: center;

z-index: 999999;

top:250px;

right:20px;

border:#FF0000 solid 1px;

}













.bottomblckbox{

width:947px;

height:182px; float:left;

position:relative;

padding:4px  0 0 0;

right:-23px;

background:url(../images/blckbox.jpg) no-repeat right top #000;

}



.bottomblckbox  .new-box{

  left: 20px;

    position: absolute;

    top: -37px;

    z-index: 1054;

}





.bottomblckbox span{ text-align:left; float:right; padding:0 25px 0 0;}

.bottom-textbox{

background: none repeat scroll 0 0 #FFFFFF;

bottom: 0;

height: 200px;

left: 0;

position: absolute;

width: 200px;

z-index: 99999999;

}

.information{

    height: 200px;

    left: -400px;

    position: absolute;

    top: 200px;

    width: 300px;

}



















/* default link style - needed to make the :active work correctly in IE */

a, a:visited, a:hover, a:active {

color:#000;

}

/* style the outer cntaining div to fit the landscape, portrait and buttons */

#album {

width:320px; 

height:360px; 

background:#eee url(gallery/deer.jpg) 0 40px no-repeat;

border:1px solid #aaa;

margin:0 auto 20px auto;

}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */

.gallery {

padding:0; 

margin:320px 0 0 0; 

list-style-type:none; 

position:relative; 

width:320px;

}

/* remove the default image border */

.gallery img {

border:0;

}

/* make the list horizontal */

.gallery li {

float:left;

}

/* style the link text to be central in a surrounding box */

.gallery li a, .gallery li a:visited {

font-size:11px;

float:left; 

text-decoration:none; 

color:#000; 

background:#fff; 

text-align:center; 

width:26px; 

height:26px; 

line-height:24px; 

border:1px solid #444;

margin:2px;

}

/* position the images using an absolute position and hide them from view */

.gallery li a img {

position:absolute; 

top:-320px; 

left:0; 

visibility:hidden; 

border:0;

}

/* fix the top position for the landscape images */

.gallery li a img.landscape {

top:-280px;

}

/* fix the left position for the portrait images */

.gallery li a img.portrait {

left:0;

border-left:40px solid #eee;

border-right:40px solid #eee;

}

/* style the hover background color for the text boxes */

.gallery li a:hover {

background:#ddd;

}

/* style the active/focus colors for the text boxes (required for IE) */

.gallery li a:active, .gallery li a:focus {

background:#444; 

color:#fff;

outline:0;

}

/* make the images visible on active/focus */

.gallery li a:active img, .gallery li a:focus img {

visibility:visible;

outline:0;

}

.position1{ 

    left: 100px;

    position: absolute;

    top: -450px;


	}
	
	.header-navigation ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

.header-navigation  ul li{
	float:left;
	margin:0px;
	padding:0px;
}

.header-navigation  ul li a{
	text-decoration:none;
	padding:0 3px;
	text-indent:-999999px;
}

.header-navigation a.terry{
	background:url(../images/terry.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}
.header-navigation a.terry:hover{
	background:url(../images/terry-hover.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}

	
.header-navigation a.terry-active{
	background:url(../images/terry-hover.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}
.header-navigation a.velour{
	background:url(../images/velour.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}
.header-navigation a.velour:hover{
	background:url(../images/velour-hover.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}

	
.header-navigation a.velour-active{
	background:url(../images/velour-hover.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}

.header-navigation a.waffle{
	background:url(../images/waffle.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}
.header-navigation a.waffle:hover{
	background:url(../images/waffle-hover.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}

	
.header-navigation a.waffle-active{
	background:url(../images/waffle-hover.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}

.header-navigation a.eco{
	background:url(../images/eco.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}
.header-navigation a.eco:hover{
	background:url(../images/eco-hover.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}

	
.header-navigation a.eco-active{
	background:url(../images/eco-hover.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}

.header-navigation a.spa{
	background:url(../images/spa.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}
.header-navigation a.spa:hover{
	background:url(../images/spa-hover.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}

	
.header-navigation a.spa-active{
	background:url(../images/spa-hover.jpg) no-repeat 0 top !important ;
	display:block;
	width:113px;
	height:42px;
	float:left;
}

.header-navigation a.contact{background:url(../images/contact.png) no-repeat 0 top !important ;
	display:block;
	width:128px;
	height:42px;
	float:left;}




.header-navigation a.contact:hover{
	background:url(../images/contact2.png) no-repeat 0 top !important ;
	display:block;
	width:128px;
	height:42px;
	float:left;
}

	
.header-navigation a.contact-active{
	background:url(../images/contact2.png) no-repeat 0 top !important ;
	display:block;
	width:128px;
	height:42px;
	float:left;
}


.new-box2{
background: url(../images/box_top.png) left top no-repeat;
    bottom: 64px;
    height: 246px;
    left: 15px;
    position: absolute;
    width: 303px;
    z-index: 99999;
}
.new-box2 h2 {
    color: #FFFFFF;
    font-family: Trebuchet MS,arial;
    font-size: 44px;
    font-weight: normal;
    margin: 0;
	height:58px;
    padding: 5px 0 0px 8px;
    text-transform: uppercase;
}
.new-box2 ul {background: url(../images/box-ul-bg.png) left bottom no-repeat;
overflow:hidden;

    margin: 0;
    padding: 10px 0 10px 10px;
}
.new-box2 li {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    list-style: none outside none;
    padding: 0 10px 4px;
    text-align: justify;
}

.footer{
width:950px;
height:45px;
line-height:34px;
margin:0 auto 0 auto;}

.footer ul{
float:left;
padding:0 0 0 12px;
margin:0;
list-style-type:none;}

.footer ul li{ font-family: 'CalibriRegular';
padding:0 3px 0 0;
display:inline;
margin:0;
color:#aca98a;}

.footer p{
    color: #ACA98A;
    float: right;
    font-size: 11px;
    line-height: 17px;
    margin: 6px 0;
    padding: 0;}

.footer p span{
	margin:0 5px 0 0;
}
.footer ul li a{color:#aca98a;
text-decoration:none;}