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

ALWAYS INTERACTIVE
www.alwaysinteractive.com

V1 - Always Interactive - January 2010


Colours: 
		bg: #131313
		blue: #09f;

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

html, body, div, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

fieldset, img { border: none; }

caption, th { text-align: left; }

table { border-collapse: collapse; }

input:focus, textbox:focus { outline:none; }

.block { display:block; }

.inline { display: inline; }

/********** LAYOUT **********/


html {
	background-color: #131313;
	*overflow-x: hidden;
}

body {
	/* color: #f3f3f3;*/
	/*color:  #ebebeb;*/
	background: #131313;
	color: #c9c9c9;
	font-family: Helvetica, "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	text-align:center;
}

body.home { background: #131313 url(/v3/images/layout/bg.jpg) repeat-x center 69px; }

body.services { background: #131313; }

body.case-studies { background: #131313; }

ul {
	padding:0;
	margin:0;
	list-style-position: inside;
}

ol li {list-style-position: outside;}

.right { float:right; }

.left { float:left; }

.clear { 
	clear: both;}

.hide {
	display: none;
	visibility: hidden;
}

.nopadding { padding:0; }

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

#header ul, #nav ul, #footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.secure {
	background: url(/v3/images/layout/secure.jpg) no-repeat;
	font-size: 10px;
	font-weight: bold;
	height: 50px;
	margin: 15px 0 0 255px;
	padding: 54px 0 0;
	text-align: center;
	width: 215px;
}

.relative { position: relative; }

.absolute { position: absolute; }

/********** IMAGES **********/
img {
	behavior: url(/v3/iepngfix.htc);
	border: 0;
}

img.left, .left-img {
	float: left;
	margin: 2px 20px 16px 0;
}

img.right, .right-img {
	float: right;
	margin: 2px 0 16px 20px;
}

/********** TEXT **********/

.bold { font-weight: bold; }

.italic {
	font-style: italic;
	color: #333;
}

.bold_italic {
	font-weight: bold;
	font-style: italic;
}

.blue { color: #09F; }

.text-right { text-align:right; }

.text-center { text-align:center; }

.text-justify { text-align:justify; }

p {
	padding: 5px 0;
	line-height: 1.8em;
}

h1 {
	font: normal 42px "Century Gothic", Helvetica, Arial, sans-serif;
	color: #fff;
	padding-bottom: 10px;
	text-transform: uppercase;
}

h2 {
	font: 24px "Century Gothic", Helvetica, Arial, sans-serif;
	color: #ebebeb;
	padding-bottom: 8px;
	text-transform: uppercase;
}

h3 {
	font: 16px "Century Gothic", Helvetica, Arial, sans-serif;
	color: #ebebeb;
	padding-bottom: 6px;
	text-transform: uppercase;
}

h4 {
	font: 14px "Century Gothic", Helvetica, Arial, sans-serif;
	color: #ebebeb;
	padding-bottom: 2px;
}

hr {
	border: none;
	height: 1px;
	background-color: #333;
	margin: 10px 0;
}

/**** LINKS ****/
a:active { outline: none; }

a:focus { -moz-outline-style: none; }

a, a:link {text-decoration:none; color: #09F;}

a:hover {text-decoration:none; color: #09C}

a:visited {text-decoration:none; color: #06C;}

.blog a, .blog a:link {text-decoration:none; color: #666;}

.blog a:hover {text-decoration:none; color: #333}

.blog a:visited {text-decoration:none; color: #333;}


/********** HEADER **********/

#header {
	text-align:center;
	width: 100%;
	height: 69px;
	background: url(/v3/images/layout/header.jpg) center top repeat-x;
	position: relative;
	z-index: 10;
}

#nav #logo {
	z-index: 99;
	position:absolute;
	top:0;
	left: 325px;
	background: url(/v3/images/layout/logo.png) top center no-repeat;
}

#nav #logo a {
	width: 302px;
	height:0px;
	padding: 90px 0 0;
	overflow: hidden;
	display:block;
}

/********** NAVIGATION **********/

#nav {
	font: 14px Helvetica, Arial, "Trebuchet MS", sans-serif;
	text-transform:uppercase;
	text-shadow: 1px 1px 0 #fff;
	position:relative;
	margin:0 auto;
	height: 69px;
	width: 960px;
	clear:both;
}

#nav ul {
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}

#nav li {
	float:left;
	background:url(/v3/images/layout/nav-divider.png) right no-repeat;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	height: 69px;
}

#nav li.about {background: none;}

#nav li img {display: none;}

#nav li a {
	color:#666;
	text-decoration:none;
	display:block;
	padding:27px 22px 20px;
	outline:none;
	}

#nav li.first a { padding:27px 25px 0 0; }

#nav li.spacer a, #nav li.spacer a:hover { width:243px; background:none; }

#nav li.last { background: none;}

#nav li.last a { padding:27px 0 0 32px; }

#nav li.first a:hover { background-position: 18px 0px; }

#nav li.last a:hover { background-position: 68px 0px; }

#nav li a:hover, #nav li.selected a {
	display:block;
	color: #111111;
	position: relative;
}

#nav li.blog a {
	padding: 27px 28px 0 26px;
}


#nav li.about a {
	background: url(../images/buttons/dropdown.png) 98px 30px no-repeat;
}

#nav li.services a {
	background: url(../images/buttons/dropdown.png) 128px 30px no-repeat;
	padding:27px 30px 20px 14px;
}

#nav li.services ul li a {
	background-color: #f6f6f6;
	background-image: none;
}

#nav ul li ul { display: none; }

#nav ul li:hover ul { display:block;}

/* 
	LEVEL ONE
*/
#nav ul { position: relative; }

#nav ul li:hover { position: relative; }

/* 
	LEVEL TWO
*/
#nav ul li ul {
	width: 148px;
	visibility: hidden;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 0;
	padding: 0;
}

#nav ul li ul li {
	font-weight: normal;
	float:none;
	height:auto;
	text-align:left;
}

#nav ul li.first ul li a {
	padding:12px 5px 5px;
}

#nav ul li ul li a, #nav li.services ul li a, #nav li.about ul li a {
	padding:12px 5px 5px;
	height: 18px;
	background: #f6f6f6;
	color: #666;
	border-bottom: 1px solid #777777;
	border-top:1px solid #FFFFFF;
	display: block;
}

#nav ul li ul li a:hover {
	background: #FFF;
	color: #333;
}

/* IE 6 & 7 Needs Inline Block */
#nav ul li ul li a {
	width: 100%;
	display: inline-block;
}

/********** 	BODY	 **********/
.background-image { width: 100%; }

.container {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

.padding10 { padding: 10px 0; }

.padding20 { padding: 20px 0; }

.padding30 { padding: 30px 0; }

/********** CALL TO ACTION **********/

#call-to-action {
	padding: 30px 0 20px;
	width: 100%;
	background: url(/v3/images/layout/call-to-action-bar-top.jpg) left top repeat-x;
	min-height:170px;
}

#call-to-action-bot {
	background: url(/v3/images/layout/call-to-action-bar-bottom.jpg) left top repeat-x;
	width: 100%;
	height: 11px;
}


#call-to-action span.desc {
	display: block;
	font-size: 13px;
	text-transform: none;
	padding: 0;
	font-family: Helvetica, Arial, Verdana,"Trebuchet MS","Lucida Grande", sans-serif;
	color: #C9C9C9;
	line-height: 18px;
}

#call-to-action span.brief-desc {
	display: none;
}

.services ul li .desc {
	display: none;
}

.services .container ul li span.desc {
	display: none;
}

.services .container ul li h2 a {
	display: none;
}

.services .container ul li span.brief-desc {
	font-size: 11px;
	text-transform: none;
	padding: 0;
	line-height: 14px;
}


#call-to-action ul {
	text-align: left;
	display: block;
	padding: 0 10px;
	width: 940px;
	margin: 0 auto;
	list-style:none;
}

#call-to-action ul li {
	float: left;
	height: 150px;
	position: relative;
	border-left: 1px solid #666;
}

#call-to-action ul li ol li {
	list-style: none;
	border-left: none;
}

#call-to-action ul li.first {
	width: 262px;
	border: none;
	padding: 0 35px 0 0;
}


#call-to-action ul li.first span.date {
	font-size: 11px;
	text-transform:none;
	height: 13px;
}

#call-to-action ul li.first span.author { display: none; }

#call-to-action ul li.first ol { margin: 0; }

#call-to-action ul li.first ol li {
	float:none;
	margin: 0;
	height: auto;
}

#call-to-action ul li.last {
	width: 262px;
	padding: 0 0 0 35px;
}

#call-to-action ul li.first ol li a {color: #FFF;}

#call-to-action ul li.middle {
	width: 262px;
	padding: 0 35px;
}

#call-to-action ul li.middle .announcement-list h2 {
	text-transform:none;
	font: 13px Helvetica, "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

#call-to-action ul li.middle .announcement-list h2 span {
	text-transform: none;
	padding: 2px 0 1px;
}

#call-to-action ul li.middle .announcement-list p {
	font-size: 13px;
	line-height: 18px;
	padding: 0;
	height: 70px;
	overflow: hidden;
}

#call-to-action ul li.middle .announcement-list {padding: 0;}

#call-to-action ul li.middle span.date { font-size: 11px; }

#call-to-action ul li img { float:left; }
/*
#call-to-action ul li a.view-more, #call-to-action ul li .view-more a, #call-to-action ul li .view-more a  {
	position: absolute;
	bottom: -34px;
	right: 10px;
	background: url(/v3/images/buttons/view-button.png) no-repeat;
	background-position: 0px 0px;
	height: 0px;
	width: 82px;
	overflow:hidden;
	padding: 35px 0 0 0;
	display: block;
}

#call-to-action ul li a.view-more:hover, #call-to-action ul li .view-more a:hover { background-position: 0px -36px; }
*/

.services ul li .view-more {
	display: none;
}



/********** BODY TESTIMONIAL **********/

.testi {
	text-align: justify;
	font: normal 13px Verdana, Geneva, sans-serif;
}

.testi-person {
	display: block;
	margin: 10px 0px;
	float: right;
	font-style: italic;
}

.testimonial {
	display: block;
	border-bottom: 1px solid #333;
	padding: 10px 0;
}

/********** BODY FAQs **********/

.faq-question {
	padding: 10px 0px;
	border-bottom: 1px solid #333;
}

.faq-question a {
	text-transform: uppercase;
	font-size: 14px;
}

/* accordion header */
#accordion h2 {
	cursor:pointer;	
	padding:10px 0;
	border-top:1px solid #333333;
	font-size: 18px;
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	color: #FFF;
}

/* accordion pane */
#accordion div.pane {
	display:none;
	margin:0 0 20px;
}


/********** BODY HOMEPAGE **********/
			
.background-image.home { background: url(/v3/images/layout/home-bg.jpg) no-repeat center top; }

.background-image.services { background: url(/v3/images/layout/internal-bg.jpg) no-repeat center top; }

.background-image.case-studies { background: url(/v3/images/layout/internal-bg.jpg) no-repeat center top; }

.home .col01 {
	float: left;
	width: 400px;
}

.home .col01 span {
	line-height: 20px;
	font-size: 14px;
	color: #FFF;
	margin: 46px 0;
	display:block;
}

.take-the-tour a {
	background: url(/v3/images/buttons/take-the-tour.png) no-repeat;
	height: 0px;
	width: 395px;
	padding: 150px 0 0;
	overflow: hidden;
	display: block;
	background-position: 0px -151px;
}

.take-the-tour a:hover { background-position: 0px 0px; }

.home .col02 {
	float: right;
	width: 400px;
}

.quote {
	background:url(/v3/images/buttons/call-for-a-quote-box.png) top center no-repeat;
	width: 267px;
	height: 400px;
	float: right;
	margin: 20px 0 0;
}

.quote-image {
	width: 250px;
	height: 270px;
}

.quote-btn a {
	background: url(/v3/images/buttons/call-for-a-quote-btn.jpg) no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 231px;
	height: 0px;
	padding: 49px 0 0;
	margin: 0 0 0 18px;
	overflow:hidden;
}

.quote-btn a:hover { background-position: 0px -51px; }

#content { }

/********** BODY SERVICES **********/

.services .container .col01 {
	float:left;
	width: 600px;
	padding: 0 50px 0 0;
}

.services .container .col01 img {
	float:left;
	margin: 10px 20px 0 0;
}

.services .container .col01 ul {
	list-style-type:disc;
	list-style-position:inside;
	font-size: 14px;
}

.services .container .col01 ul li {
	margin: 4px 0;
	float: none;
}

.services .container .col02 {
	float: right;
	width: 280px
}

.services .container .col02 ul { list-style: none; }

.services .container .col02 ul li {
	float: none;
	margin: 0 0 0 5px;
}

.services .container .col02 ul li a {
	background: none;
	display:block;
	float:none;
	font-size:14px;
	height:26px;
	margin:4px 0;
	padding:4px 0 0 35px;
}

.services .container .col02 ul li a img { margin:0 10px 0 0; }

.services .container .col02 ul li a span { font-size: 14px; }

.services .container .col02 ul li a:hover span, .services .container .col02 ul li a:hover {
	color: #FFF;
	background: none;
}

.services .container .col02 ul li.webdesign { background: url(/v3/images/icons/webdesign.png) top left no-repeat; }

.services .container .col02 ul li.webstrat { background: url(/v3/images/icons/webstrat.png) top left no-repeat; }

.services .container .col02 ul li.flashdesign { background: url(/v3/images/icons/flashdesign.png) top left no-repeat; }

.services .container .col02 ul li.emarketing { background: url(/v3/images/icons/emailmarket.png) top left no-repeat; }

.services .container .col02 ul li.ecomm { background: url(/v3/images/icons/commerce.png) top left no-repeat; }

.services .container .col02 ul li.appdevelop { background: url(/v3/images/icons/appdevelopment.png) top left no-repeat; }

.services .container .col02 ul li.identity { background: url(/v3/images/icons/identity.png) top left no-repeat; }

.services .container .col02 ul li.hosting { background: url(/v3/images/icons/hosting.png) top left no-repeat; }

.services .container .col02 ul li.cms { background: url(/v3/images/icons/cms.png) top left no-repeat; }

.services .container .col02 ul li.book { background: url(/v3/images/icons/book.png) top left no-repeat; }

.services .container ul { list-style:none; }

.services .container ul li { float:left; }

.services .container ul li a {
	color: #CCC;
	height: 72px;
	display: block;
	margin: 0 4px 20px;
	padding: 7px 25px 0px 14px;
	width: 272px;
}

.services .container ul li a:hover {
	background: url(/v3/images/layout/services-hover.png) no-repeat left top;
	color: #FFF;
}

.services .ui-tabs-selected a {
	background: url(/v3/images/layout/services-hover.png) no-repeat left top;
	color: #FFF;
}

.services .container ul li span {
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #ebebeb;
	padding-bottom: 5px;
	font-size: 18px;
	display: block;
}

.services .container ul li .lrge-img { display: none; }

.services .container ul li img {
	float: left;
	margin: 8px 10px 0 0;
}

.services #call-to-action .container, .internal #call-to-action .container {
	padding: 0 50px;
	width: 860px;
}

.services #call-to-action img, .internal #call-to-action img, .features #call-to-action img {
	float:left;
	margin: 10px 10px 0;
}

#call-to-action h2 { font-size: 21px;}

#call-to-action h2 a {color: #FFF;}

#call-to-action span {
	display: block;
	color:#EBEBEB;
	font-family:"Century Gothic", Helvetica, Arial, sans-serif;
	font-size:21px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding-bottom:8px;
	text-transform:uppercase;
}

#call-to-action .lrge-img { 
	height: 80px;
	margin: 0 5px 0 0;}

#call-to-action .lrge-img img {
	width:98px;
	margin:10px 5px 0 0;
	float:left;
}

#call-to-action .sml-img { display: none; }

.services #call-to-action h2 a { color: #FFF }

.services .read-more a, .internal #call-to-action .read-more a, .features #call-to-action .read-more a {
	color: #FFF;
	float: right;
	background: url(/v3/images/buttons/find-out-more.png) no-repeat;
	background-position: 0px 0px;
	display: block;
	height:33px;
	margin:10px 0 0;
	padding:4px 0 0 20px;
	width:105px;
}

.services .read-more a:hover, .internal #call-to-action .read-more a:hover, .features #call-to-action .read-more a:hover { background-position: 0px -37px; }

.ui-tabs-hide { display:none; }

.ui-tabs-panel.ui-tabs-hide {
	display: none;
}

.ui-tabs-panel {
	display: block;}


/********** BODY internal **********/

.internal .about .col01 {
	float:left;
	width: 650px;
}

.internal .about .col02 {
	float: right;
	width: 280px;
}





/********** BODY CASE STUDIES **********/

.case-studies #featured .container {
	min-height: 385px;
	_height: 385px;
}

.case-studies .col01 {
	width: 580px;
	padding: 0 40px 0 0;
	float: left;
}

.case-studies .col02 {
	width: 310px;
	float: left;
}

ul.casestudy-services { list-style:none; }

ul.casestudy-services li {
	font-size:14px;
	height:28px;
	margin:4px 0;
	padding:2px 0 0 35px;
}

ul.casestudy-services li img {
	float:left;
	margin: 0 10px 0 0;
}

ul.casestudy-services li span {
	display: block;
	float:left;
	padding: 5px 0 0 0;
}

ul.casestudy-services li.True {}
ul.casestudy-services li.False {
	display: none;}
	
ul.casestudy-services li.design { background:url(../images/icons/webdesign.png) left top no-repeat;}
ul.casestudy-services li.xhtml { background: url(../images/icons/webdevelopment.png) left top no-repeat;}
ul.casestudy-services li.ecomm {background: url(../images/icons/commerce.png) left top no-repeat;}
ul.casestudy-services li.java {background: url(../images/icons/javascript.png) left top no-repeat;}
ul.casestudy-services li.flash{background: url(../images/icons/flashdesign.png) left top no-repeat;}
ul.casestudy-services li.app{background: url(../images/icons/appdevelopment.png) left top no-repeat;}
ul.casestudy-services li.hosting{background: url(../images/icons/hosting.png) left top no-repeat;}
ul.casestudy-services li.bc {background: url(../images/icons/bc.png) left top no-repeat; }	

a.visit-site { color: #09F; }

a:hover.visit-site { color: #0CF; }

.case-studies .col03 {
	width: 600px;
	margin: 0 auto;
}

.case-studies #fragment-3 .col03 div {
	list-style: none;
	margin: 0 0 20px 35px;
}

.case-studies #fragment-3 .col03 div a {
	float: left;
	margin: 0 15px 25px;
	display: block;
	border: 2px solid #999
}

.case-studies #fragment-3 .col03 div a img {
	width: 150px;
	height: 120px;
}

.case-studies #fragment-3 .col03 div a:hover { border: 2px solid #09F }

.steps { text-align: center; }

.steps ul {
	width: 530px;
	margin: 20px auto;
	list-style:none;
	height: 35px;
}

.steps ul li { float: left; }

.steps ul li.problem a { background: url(/v3/images/buttons/problem.png) 0px 0px no-repeat; }

.steps ul li.outcome a { background: url(/v3/images/buttons/solution.png) 0px 0px no-repeat; }

.steps ul li.solution a { background: url(/v3/images/buttons/outcome.png) 0px 0px no-repeat; }

.steps ul li a {
	height: 0px;
	padding: 30px 0 0 0;
	display: block;
	width: 174px;
	color: #999;
	text-transform: uppercase;
	background-position: 0px 0px;
}

.steps ul li a:hover, .steps li.ui-tabs-selected a, .steps ul li.problem.ui-tabs-selected a, .steps ul li.solution.ui-tabs-selected a, .steps ul li.outcome.ui-tabs-selected a {
	background-position: 0px -31px;
	color: #FFF;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
 ul#mycarousel li {
	height: auto;
	margin: 0 22px;
	border: none;
	width: 145px;
	text-align: center;
}

ul#mycarousel li a {
	color: #CCC;
	font-size: 12px;
}

ul#mycarousel { }

.jcarousel-container {
	position: relative;
	width:780px;
	margin: 0 auto;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
	height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	background:transparent url(/v3/images/buttons/case-studies-next-prev.png) repeat scroll -55px 0;
	cursor:pointer;
	display:none;
	height:56px;
	position:absolute;
	right:-80px;
	top:45px;
	width:56px;
	z-index:3;
}

.jcarousel-next:hover { background-position: -55px -57px; }

.jcarousel-prev {
	background:transparent url(/v3/images/buttons/case-studies-next-prev.png) repeat scroll 0 0;
	cursor:pointer;
	display:none;
	height:56px;
	position:absolute;
	left:-80px;
	top:45px;
	width:56px;
	z-index:3;
}

.jcarousel-prev:hover { background-position: 0px -57px; }

.quickwebsite .col01 {
	float:left;
	width: 600px;
	margin: 0 0 30px 0;
	line-height:22px;
}

.quickwebsite .col02 {
	float: right;
	width: 300px;
	text-align: center;
	padding: 30px 0 0 0;
}

.quickwebsite .col01 img {
	float: left;
	margin: 0 20px 0 0;
}

.quickwebsite .col02 a {
	color: #09F;
	font-size: 22px;
	margin: 5px 0 0 0;
	display: block;
}

.quickwebsite .col02 a:hover { color: #0CF; }

.quickwebsite .col02 h4 { line-height: 28px; }



.featured-casestudy {
	padding: 20px 0 0;
}

.featured-casestudy h2 {
	color: #FFF;
	margin: 15px 0 0 0;
}

.featured-casestudy h3 a {
	color: #09F;
}

.featured-casestudy h3 a:hover {
	color: #0CF;}

.featured-casestudy img {
	float:right;
	margin:0 0 0 20px;
	width:220px;
}


/********** BODY FEATURES **********/

.features .container .col01, .client .container .col01 {
	width: 710px;
	padding: 0 50px 0 0;
	float: left;
	margin: 0 0 30px 0;
}

.features .container .col02, .client .container .col02 {
	width: 200px;
	float:right;
}

.features .container .col02 ul, .client .container .col02 ul  { list-style: none; }

.features .container .col02 ul li, .client .container .col02 ul li { font-size: 14px; }

.features .container .col02 ul li a, .client .container .col02 ul li a {
	border-bottom:1px solid #333333;
	color:#CCCCCC;
	display:block;
	margin:4px 0;
	padding:4px;
}

.features .container .col02 ul li a:hover, .client .container .col02 ul li a:hover {
	color: #FFF;
	text-decoration:none;
}


.features p.backtop a.link-button {
	margin: 0px;
}

.detailed-tour .span-6 {
	float:left; 
	width: 214px;
	margin-right: 10px;
}

.detailed-tour .span-6 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

p.backtop a.link-button {
	float: right;
	margin: 50px 0 0 0;
	background: none;}


.detailed-tour h2 {
	margin: 40px 0 0 0;
}


/********** BODY 2 COL - Wider Right **********/


/********** BODY 3 COL **********/


/********** BODY 4 COL **********/


/********** ICEBERG TIPS/NEWSLETTER **********/

#iceberg-tips-bar {
	background-color: #cccccc;
	width: 100%;
	color: #666;
}

#iceberg-tips-bar .col01 img { 
	float:left;
	width: 600px; }

.ai-badge {
	background: url(/v3/images/layout/ai-badge.jpg) no-repeat top center;
	height: 45px;
	position: absolute;
	right:440px;
	top:-12px;
	width:62px;
}

#iceberg-tips-bar-top {
	background: url(/v3/images/layout/iceberg-tips_top.jpg) repeat-x top left;
	height: 7px;
	width: 100%;
}

#iceberg-tips-bar-bottom {
	background: url(/v3/images/layout/iceberg-tips_bottom.jpg) repeat-x top left;
	height: 7px;
	width: 100%;
}

#iceberg-tips-bar h2 { color: #666; }

#iceberg-tips-bar h3 {
	font-size:18px;
	color: #666;
}

#iceberg-tips-bar .col01 a { color: #09F; }

#iceberg-tips-bar .col01 a:hover { color: #06C; }

#iceberg-tips-bar .col01 {
	padding:0 22px 0 10px;
	width:620px;
	background: url(/v3/images/layout/iceberg-tip-line.jpg) right top no-repeat;
	float:left;
}

#iceberg-tips-bar .col02 {
	padding: 0 10px 0 10px;
	width: 285px;
	float:left;
}


.iceberg-tips-list {
	margin: 0 0 20px 0;
	
}

.iceberg-tips-list img {
	display: block;
	margin: 10px 0;
}

a.view-tips, #iceberg-tips-bar .col01 a.view-tips {
	color: #FFF;
	display: block;
	float: right;
	background: url(/v3/images/buttons/view-iceberg-tips.png) no-repeat;
	background-position: 0px 0px;
	height:37px;
	padding:4px 0 0 20px;
	width:93px;
	margin: 10px 0 20px;
}

a.view-tips:hover { background-position: 0px -43px; }

/********** iceberg tips webpage **********/
.iceberg-tips {
	
}

/********** NEWSLETTER **********/


.newsletter-form {
	position: relative;
	margin:0 0 10px 10px;
	border-bottom: 1px solid #999;
	background: none;
	padding: 0 0 12px 0;
	width: 280px;
}

.newsletter-form form .form { padding: 0; }

.newsletter-form form .form .item { padding: 0; }

.newsletter-form form .form .item .captchaimg img {
	height:31px;
	margin:0 0 -2px 21px;
	width: 174px;
	display: block;
}

.newsletter-form form .form .item .cat_textbox, .newsletter-form form .form .item input#Captcha {
	background: url(/v3/images/layout/newsletter-input.jpg) no-repeat top center;
	border: none;
	margin: 2px 0;
	padding:4px 0 4px 8px;
	width:212px;
	height: 15px;
	color: #666;
	font-size: 12px;
}

.newsletter-form form .form .item input#Captcha { margin: 0; }

.cat_textbox_small {
	background: url(/v3/images/layout/newsletter-input.jpg) no-repeat top center;
	border: none;
	margin: 2px 0;
	padding:4px 0 4px 8px;
	width:212px;
	height: 15px;
	color: #666;
	font-size: 12px;
}

.newsletter-form .cat_button {
	position: absolute;
	top: -1px;
	right: 10px;
	z-index:11;
	background: url(../images/buttons/newsletter-subscribe.png) top center no-repeat;
	color: #CCC;
	padding: 0 0 0 0;
	width: 41px;
	height: 106px;
	border: none;
	display: block;
	overflow: hidden;
	margin: 2px 0 0;
	cursor: pointer;
	font-size:1px;
}

.social-twist {
	margin-bottom: 10px;

}

a.st-taf, a.st-taf img {
	width: 172px;
	height: 24px;
}


/********** LATEST NEWS / ANNOUNCEMENTS **********/

.announcement-list h2 {
	font-size: 18px;
}

.announcement-list {
	padding: 10px 0;
	border-bottom: 1px solid #444;
}

.announcement-list p {
	font-size: 13px;}


/********** FOOTER **********/	
    			
#footer { margin: 10px 0 20px; }

.container-footer {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#footer .footer-logo {
	background: url(/v3/images/layout/footer-logo.jpg) no-repeat top center;
	width: 176px;
	height: 26px;
	padding: 55px 0 0 80px;
	margin: 10px 0 0 0;
}

#footer h5 { color: #FFF; font-weight: bold; }

#footer .footer-logo a {
	color: #CCC;
	font-size: 11px;
}

#footer .footer-logo a:hover { color: #FFF; }

#footer .col01 {
	border-right: 1px solid #999;
	width: 270px;
	float:left;
	padding: 0 10px 0 0;
}

#footer .col02 {
	width: 115px;
	padding: 0 0 0 27px;
	border-right: 1px solid #999;
	float:left;
}

#footer .col03 {
	width: 115px;
	padding: 0 0 0 27px;
	border-right: 1px solid #999;
	float:left;
}

#footer .col04 {
	width: 115px;
	padding: 0 0 0 27px;
	border-right: 1px solid #999;
	float:left;
}
#footer .col04 ul li.blue a {
	color: #09F;
}

#footer .col04 ul li.blue a:hover {
	color: #0CF;
}



#footer .col05 {
	float:left;
	padding:0 0 0 32px;
	width:210px;
}
#footer .col05 input {
	float: right;
}


.search-box { }

.search-box .cat_textbox_small {
	border: none;
	background: url(/v3/images/layout/search.png) no-repeat top center;
	width: 214px;
	height: 15px;
	margin: 4px 0;
	padding: 6px 0 6px 5px;
}

.search-box .cat_button {
	float: right;
	background: url(/v3/images/buttons/search.png) no-repeat;
	height: 24px;
	width: 80px;
	border: none;
	color: #CCC;
	font-size: 12px;
	cursor: pointer;
}

#footer .container-footer ul li h5 {
	font-size: 14px;
	color: #FFF;
}

#footer .container-footer ul li {
	padding: 0;
	margin: 0;
	text-align: left;
}

#footer .container-footer ul { }

#footer .container-footer ul li a {
	font-size: 12px;
	color: #CCC;
	display: block;
	margin: 2px 0;
	background:none;
	padding: 0;
	text-align: left;
}

#footer .container-footer ul li a:hover { color: #FFF; }

.powered-bc {
	float: right;
	display: block;
	margin: 5px 0;
}

.copyright {
	margin: 9px 0px; width: 400px; float: left;
	
}

.powered-bc span {
	display:block;
	float:left;
	margin:4px 6px 0 0;
	color: #FFF;
}

.powered-bc a {
	display: block;
	float: left;
	background: url(/v3/images/layout/logo-bc-adobe.png) no-repeat left top;
	width:119px;
	height: 0px;
	padding: 30px 0 0 0;
	overflow: hidden;
}

/********** COPYRIGHT **********/

#copyright { }

#copyright a { }

#copyright a:hover { }

#divSSWidget { width: 480px; }


/********** BUTTON **********/
.view-more a {
	background: url(/v3/images/buttons/blue-button-end.png) no-repeat right 0px;
	display: block;
	height: 35px;
	color: #fff;
	margin-right: 6px;
	padding-right:8px;
	float:left;
}

.view-more a:hover {
	background-position: right -36px;
}

.view-more a span {
	background: url(/v3/images/buttons/blue-button-start.png) no-repeat left 0px;
	display: block;
	padding:5px 10px 13px 18px;
	line-height: 20px;
	height: 18px;
}

.view-more a:hover span {
	background-position: left -36px;
}

#call-to-action .view-more a span {
	font: 13px Helvetica,Arial,Verdana,sans-serif;	
	line-height: 20px;
	color: #FFF;
	height: 22px;
	text-transform: none;
}
#call-to-action .view-more {
	position: absolute;
	bottom: -38px;
	right: 10px;
}
/*
#call-to-action ul li.last .view-more a {
	background: url(/v3/images/buttons/blue-button-start.png) no-repeat left 0px;
	display: block;
	font: 13px Helvetica,Arial,Verdana,sans-serif;
	text-transform: none;
	float: left;
	padding:7px 5px 0 11px;
	height: 27px;
	margin-right: 0px;
}

#call-to-action ul li.last .view-more span {
	background: url(/v3/images/buttons/blue-button-end.png) no-repeat right 0px;
	display: block;
	height: 35px;
	color: #fff;
	height:35px;
	padding:0 0 0 8px;
	float:left;
}*/

/********	 BLOG 	*********/
.background-image.blog {
	color: #666;
	background-color: #fefefe;
}

.blog h1 {
	color: #666;
}

.blog-container h1 {
	display: none;
}

.blog-container .side-panel {
	width: 265px;
}

.blog-container .post-details a {
	color: #666;
}

.blog-container .post-details a:hover {
	color: #333;
}

.blog-container .side-panel .blog-box {
	background:	#eee;
	border:1px solid #d9d9d9;
	float:right;
	padding:15px;
	width:233px;
	margin:0 0 15px;
}

.rss, .twitter, .facebook {
	float:left;
	text-indent: -9999px;
}

.rss a {
	background: url(/v3/images/buttons/social-media_01.png) no-repeat top left;
	width: 32px; height: 0px;
	padding: 31px 4px 0 0;
	display: block;
	overflow: hidden;
}

.twitter a {background: url(/v3/images/buttons/social-media_03.png) no-repeat top left;
	
	width: 32px; height: 0px;
	display: block;
	padding: 31px 4px 0 0;
	overflow:hidden;
}

.facebook a {
	background: url(/v3/images/buttons/social-media_02.png) no-repeat top left;
	width: 32px; height: 0px;
	padding: 31px  0 0;
	display: block;
	overflow: hidden;
}

.uptodate {
	float: left;
	font:14px "Century Gothic",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	padding:7px 10px 0 0;
	color: #666;
}

.blog-container h2.post-title a {
	color: #09f;
	font-size:28px;
}

.blog-container ul {
	list-style-position: inside;
	padding: 0 0 0 20px;
}

.blog-container .post-list hr {
	background-color: #CCC;
}

.blog-post {
	margin: 20px 0 0 0;
}

.blog-container .post-body {
	margin: 0;
}

.blog-container .post-body h2 {
	color: #09f;
	padding-top: 15px;
	font-size: 18px;
}

.blog-container h2.post-title  {
	border: none;
}

.blog-container .post-body h3 {
	padding-top: 10px;
	font-size: 14px;
	color: #09f;

}

.blog-container .post-body h4 {
	text-transform: uppercase;
	margin: 10px 0;
	color: #444;
}

.blog .blog-container .post-details {
	margin: 0 0 8px;
}

.blog-container .post-body h3 a {
	color: #09f;
}

.comment-list {
	color: #777777;
	background: #CCC;
}

.comment-list textarea.cat_listbox_small {
	color:#666666;
	font-family:arial;
	font-size:13px;
	height:120px;
	letter-spacing:0.5px;
	padding:10px;
	width:95%;
}

.BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul {
	padding: 0;
}

.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li {
	margin: 0;
}

.BlogRecentPost li a, .BlogTagList li a, .BlogPostArchive li a {
	border-bottom:1px solid #999;
	font-size:12px;
	padding:5px 0 5px 9px;
	display: block;
	color: #777;
}

.BlogRecentPost li a:hover, .BlogTagList li a:hover, .BlogPostArchive li a:hover {
	color: #09F;
}

.BlogRecentPost, .BlogTagList, .BlogPostArchive {
	margin: 0 0 15px 0;
}

.comment-list h5 {
	color: #666;
}

.comment-list .form .item {
	padding: 0;
}

.comment-list .form .item label {
	color: #666;
	font-family: 13px;
}

.side-panel h4 {
	color: #666;
	font-size:20px;
	margin:0;
	text-transform:uppercase;
}

.search-results .search-box .cat_button {
	float:none;
	display: block;	
}




/****** CUSTOMER LOGIN ******/
a.customer-login {
	position: absolute;
	top:0;
	right: 0;
	background: url(../images/buttons/customer-login.png) 0px 0px;
	display: block;
	padding: 98px 0 0 0;
	height: 0px; width: 140px;
	overflow: hidden;
	z-index: 11;
}

a:hover.customer-login {
	background-position: 0px -108px;
}

.customer-login-wrapper {
	background: #000;
	display: block;
	padding: 20px;
	height: 350px;
}

.customer-login-wrapper .view-more {
	margin: 0 0 0 75px;
}

.customer-login-wrapper .col01 {
	padding: 50px 0 0 0;
	text-align: center;
	width: 250px;
	float: left;
	border-right: 1px solid #333;
}

.customer-login-wrapper .col02 {
	text-align: center;
	float:left;
	width: 250px;
	border-right: 1px solid #333;
}

.customer-login-wrapper .col03 {
	padding:50px 0 0 0;
	text-align: center;
	float:left;
	width: 250px;
}

.client {

}

.client .secure-login {
	background: #ccc;
}

.client .secure-login h3 {
	background:#999999 none repeat scroll 0 0;
	color: #555555;
}

.secure-login {
	background: #ccc;
	color: #666;
	border: 1px solid #333333;
	width: 260px;
	float:right;
}

.whylogin {
	float: left;
	width: 600px;
}

.whylogin ul {
	list-style-position: inside;
	padding: 5px;
}

.client .secure-login h3 {
	background: #999999;
}

.secure-login .form label {
	font-size: 13px;
	color: #555;
}

.loggedin {
	padding: 0 0 0 5px;
}

.viewstatus a {
	color: #09F;
}

.viewstatus a:hover {
	color: #0CF;}





/* */

.icecube #website {
	float: left;
	margin:-92px 0 0 -111px;
	position: relative;
	z-index: 8;
}

.icecube .col02 {
	float:right;
	width: 260px;
}

.icecube .col02 ul {
	list-style-position: inside;
}

.icecube .col02 ul li {
	padding: 2px 0;
}

.icecube .col02 h3 a {
	color: #09f;
	display:block;
	margin:10px 0 0;
}

.iceberg .col02 h3 a:hover {
	color: #FFF;}
	
	
/***** CONTACT ******/
.contactus .col01 {
	padding: 10px 0 0 0;
	float:left;
	width: 374px;
	margin: 0 40px 0 0;
}

.contactus .googlemap {
	display: block;
	border: 3px solid #CCC;
}

.googlemap iframe  {
	height: 350px;
}

.contactus .col02 {
	float:left;
	width:230px;
	margin: 0 45px 0 0;
	padding: 10px 0 0 0;
}

.contactus .col03, #client-form {
	margin: 0;
	float:left;
	padding:10px 0 0 15px;
	width:253px;
	background: url(/v3/images/layout/form-bg.png) center top no-repeat;
}
#client-form {
	float:right;
}

.contactus .col03 .webform {
	
}

.contactus .col03 .webform input, #client-form .webform input {
	background: url(/v3/images/buttons/contactus.png) no-repeat;
	color:#CCCCCC;
	font-size:14px;
	height:18px;
	padding:7px 10px;
	width:209px;
	border:none;
}

.contactus .col03 .webform input#catwebformbutton, #client-form .webform input#catwebformbutton {
	background: url(../images/buttons/search.png) top left no-repeat;
	cursor:pointer;
	display:block;
	font-size:13px;
	height:24px;
	overflow:visible;
	padding:2px 0 5px;
	width:82px;
	margin:0 0 0 140px;
}

.contactus .col03 .webform textarea, #client-form .webform textarea {
	background: #888;
	border-color:#000000 #777777 #888888;
	border-style:solid;
	border-width:1px;
	padding: 5px;
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	color: #ccc;
	width: 210px;
}

.contactus .col03 .webform img, #client-form, .webform {
	margin: 0 0 0 3px;
}

.contactus .col03 .webform #CaptchaV2 {
}

hr.footer {
	
}

ul.video-tutorials {
	list-style: none;
}

ul.video-tutorials a span {
	display: block;
}

ul.video-tutorials li a span.tocnumber {
	color: #ccc;
	float:left;
}
ul.video-tutorials li a span.toctext {
	display: block;
	margin: 0 0 0 15px;
}

margin:0 0 0 14px;