/********************************************  CSS RESET  *********************************************/

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, img, ins, kbd, q, samp, strike, 
strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins { text-decoration: none; }
del { text-decoration: line-through; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea {
	padding: 0;
	margin: 0;
	font-size: 100%;
}
textarea { overflow: auto; }
.clearFloat { clear: both; }
.hidden { display: none; }
body, select, input, textarea { font-family: arial, sans-serif; }
textarea { overflow: auto; }
th { text-align: left; }
address { font-style: normal; }

input[type="hidden"] {
	display: none !important;
	visibility: hidden !important;
	height: 0px !important;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }


/**********************************************  FONTS  ***********************************************/

@font-face{
	font-family: RockoUltraFLFRegular;
	src: url('/fonts/RockoFLF/rockoultraflf-webfont.eot');
}
@font-face {
	font-family: RockoUltraFLFRegular;
	src: url(http://:/) format("No-IE-404"),url('/fonts/RockoFLF/rockoultraflf-webfont.ttf') format("truetype");
}
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading #headerMain nav a,
.wf-loading .sidebarLeft ul a, .wf-loading #breadcrumbs li, .wf-loading .workList .caption
.wf-loading .caseStudyList .caseStudyContent h2, .wf-loading .caseStudyList .caseStudyContent .view,
.wf-loading article.case .featureContent p, .wf-loading article.case .featureContent ul,
.wf-loading article.case .featureContent ol, .wf-loading .servicesList h2,
.wf-loading .contactForm h2, .wf-loading .contactForm .submitContainer input,
.wf-loading .location h2, .wf-loading .contactDetails h3, .wf-loading .directions h3,
.wf-loading .directions .submitContainer input, .wf-loading article.case .quote p { 
	visibility: hidden; 
}
h1 {
	font-family: 'RockoUltraFLFRegular', arial, sans-serif;
	color: #fff;
	font-size: 2.8125em;
	text-transform: uppercase;
	background: url('/images/deco/main-heading-border.gif') repeat-x 1px bottom;
	margin: 0 3px 10px 0;
	padding: 0 0 35px 0;
}

h1 em, h2 em, h3 em { font-style: normal; text-decoration: underline; }

.mainHeading { margin: 35px 30px; }
.main .mainHeading { margin: 0 0 10px 0; }
.mainHeading h1 { margin-bottom: 0; }

article h1 {
	margin-bottom: 25px;
}
.about article h1 {
	text-transform: uppercase;
	margin: 0 0 10px 0;
	background: none;
	padding: 0;
	font-size: 2em;
}
article h2 {
	font-family: 'RockoUltraFLFRegular', arial, sans-serif;
	color: #888;
	font-size: 2em;
	text-transform: uppercase;
	margin: 30px 0 15px 0;
}
article h2 em { color: #888; }

.about article h2 {
	font-family: 'RockoUltraFLFRegular', arial, sans-serif;
	color: #888;
	font-size: 1.25em;
	text-transform: uppercase;
	margin: 30px 0 15px 0;
	line-height: 1.35em;
}
article h3 {
	font-family: 'RockoUltraFLFRegular', arial, sans-serif;
	color: #555;
	font-size: 1.25em;
	text-transform: uppercase;
	margin: 30px 0 15px 0;
}
.about article h3 {
	color: #555;
	font-size: 1em;
	font-weight: bold;
	margin: 30px 0 15px 0;
	font-family: arial, sans-serif;
}
article p {
	margin: 15px 0;
	font-size: .875em;
	line-height: 1.5em;
	color: #ccc;
}
article p.intro {
	font-style: italic;
	font-size: .875em;
	color: #8f8f8f;
}
article ul,
article ol {
	margin: 15px 0 25px 20px;
	font-size: .875em;
	line-height: 1.5em;
	color: #ccc;
}
article .twoCol {
	float: left;
	width: 250px;
	margin-top: 0;
	margin-bottom: 15px;
}
article ul { list-style-type: disc; }
article ol { list-style-type: decimal; }
article ol.alpha { list-style-type: lower-alpha; }

article li {
	padding: 4px 0;
}
article p a,
article .contentList a,
.intro p a,
.homeServices p a {
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	background: #222;
}
.about article p a:hover,
.about article .contentList a:hover {
	background: #ed1b24;
}
.caseStudies article p a:hover,
.caseStudies article .contentList a:hover {
	background: #bc23b9;
}
.services article p a:hover,
.services article .contentList a:hover {
	background: #ffe71a;
	color: #000;
}
.intro p a:hover {
	background: #00aeef;
}
strong {
	font-weight: bold;
	color: #fff;
}
em {
	font-style: italic;
	color: #fff;
}
.services .main p::-moz-selection,
.services .main a::-moz-selection,
.services .main em::-moz-selection,
.services h1::-moz-selection,
.services .main h2::-moz-selection,
.services .main h3::-moz-selection,
.services .main .contentList li::-moz-selection {
	background: #ffe71a;
	color: #000;
}
.services .main p::selection,
.services .main a::selection,
.services .main em::selection,
.services h1::selection,
.services .main h2::selection,
.services .main h3::selection,
.services .main .contentList li::selection {
	background: #ffe71a;
	color: #000;
}
.about .main p::-moz-selection,
.about .main a::-moz-selection,
.about .main em::-moz-selection,
.about h1::-moz-selection,
.about .main h2::-moz-selection,
.about .main h3::-moz-selection,
.about .main .contentList li::-moz-selection {
	background: #ed1b24;
	color: #fff;
}
.about .main p::selection,
.about .main a::selection,
.about .main em::selection,
.about h1::selection,
.about .main h2::selection,
.about .main h3::selection,
.about .main .contentList li::selection {
	background: #ed1b24;
	color: #fff;
}
.caseStudies .case p::-moz-selection,
.caseStudies .case a::-moz-selection,
.caseStudies .case em::-moz-selection,
.caseStudies h1::-moz-selection,
.caseStudies .case h2::-moz-selection,
.caseStudies .case h3::-moz-selection,
.caseStudies .case li::-moz-selection {
	background: #bc23b9;
	color: #fff;
}
.caseStudies .case p::selection,
.caseStudies .case a::selection,
.caseStudies .case em::selection,
.caseStudies h1::selection,
.caseStudies .case h2::selection,
.caseStudies .case h3::selection,
.caseStudies .case li::selection {
	background: #bc23b9;
	color: #fff;
}

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

#headerMain {
	height: 133px;
	background: url('/images/bg/bg-transparent-dark.png');
	background: rgba(0,0,0,0.4);
}
.home #headerMain {
	height: 183px;
}
#headerMain header {
	width: 980px;
	height: 133px;
	position: relative;
	margin: 0 auto;
}
#headerMain .logo {
	position: absolute;
	left: 10px;
	top: 31px;
}
#headerMain nav {
	background: url('/images/bg/bg-transparent-light.png');
	background: rgba(0,0,0,0.65);
	position: absolute;
	right: 0;
	top: 50px;
	padding: 7px 4px;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	border-radius: 8px;
}
#headerMain li {
	float: left;
	margin: 0 3px;
}
#headerMain nav a {
	font-family:  RockoUltraFLFRegular, arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 13px;
	display: inline-block;
	padding: 10px;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	border-radius: 8px;
    	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	text-shadow: rgba(0,0,0,0.65) 0 1px 1px;
	position: relative;
}
#headerMain #navHome a { color: #00aeef; }
#headerMain #navServices a { color: #ffe71a; }
#headerMain #navWork a { color: #ff17a3; }
#headerMain #navCaseStudies a { color: #bc23b9; }
#headerMain #navClients a { color: #fe6612; }
#headerMain #navAbout a { color: #ed1b24; }
#headerMain #navContact a { color: #53da3f; }

#headerMain nav a:hover { color: #fff !important; }
#headerMain nav a:active { top: 1px; }

#headerMain #navHome a:hover { background-color: #00aeef; }
#headerMain #navServices a:hover { background-color: #ffe71a; color: #000 !important; }
#headerMain #navWork a:hover { background-color: #ff17a3; }
#headerMain #navCaseStudies a:hover { background-color: #bc23b9; }
#headerMain #navClients a:hover { background-color: #fe6612; }
#headerMain #navAbout a:hover { background-color: #ed1b24; }
#headerMain #navContact a:hover { background-color: #53da3f; }

.home #headerMain #navHome span { border-bottom: 2px #00aeef solid; }
.services #headerMain #navServices span { border-bottom: 2px #ffe71a solid; }
.work #headerMain #navWork span { border-bottom: 2px #ff17a3 solid; }
.caseStudies #headerMain #navCaseStudies span { border-bottom: 2px #bc23b9 solid; }
.clients #headerMain #navClients span { border-bottom: 2px #fe6612 solid; }
.about #headerMain #navAbout span { border-bottom: 2px #ed1b24 solid; }
.contact #headerMain #navContact span { border-bottom: 2px #53da3f solid; }


/**********************************************  FOOTER  **********************************************/

#footerBgWrapper {
	min-width: 980px;
	background: url('/images/bg/bg-body-default.png') no-repeat center 0;
}
.services #footerBgWrapper { background-image: url('/images/bg/bg-body-services.png'); }
.work #footerBgWrapper { background-image: url('/images/bg/bg-body-work.jpg'); }
.caseStudies #footerBgWrapper { background-image: url('/images/bg/bg-body-case-studies.jpg'); }
.clients #footerBgWrapper { background-image: url('/images/bg/bg-body-clients.png'); }
.about #footerBgWrapper { background-image: url('/images/bg/bg-body-about.jpg'); }
.contact #footerBgWrapper { background-image: url('/images/bg/bg-body-contact.png'); }

#footerContainer {
	width: 920px;
	margin: 0 auto;
	background: url('/images/bg/bg-transparent-dark.png');
	background: rgba(0,0,0,0.65);
	padding: 0 30px;
}
#footerContainer footer {
	border-top: 2px #343434 solid;
	padding: 20px 0;
	overflow: hidden;
	position: relative;
	min-height: 160px;
}
.footerLeft {
	float: left;
	color: #ddd;
	font-size: 12px;
	padding: 57px 0 0 0;
}
.footerLeft ul {
	margin: 11px 0 0 0;
}
.footerLeft li {
	margin: 0 0 0 5px;
	border-left: 1px #555 solid;
	display: inline;
}
.footerLeft li.first { border: 0; margin: 0; }

.footerLeft ul a {
	color: #ddd;
	margin: 0 0 0 7px;
	text-decoration: none;
}
.footerLeft ul a:hover {
	text-decoration: underline;
	color: #fff;
}
.footerLeft li.first a { margin: 0; }

.footerRight {
	float: right;
	color: #ddd;
	font-size: 12px;
	font-style: italic;
}
.footerRight .socialLinks {
	overflow: hidden;
	text-align: right;
	margin: 0 0 15px 0;
	line-height: 32px;
	clear: both;
	float: right;
	/*width: 210px;*/
	width: 166px;
}
.footerRight .socialLinks span {
	float: left;
}
.footerRight .socialLinks ul {
	float: right;
	text-align: left;
}
.footerRight .socialLinks li {
	float: left;
	margin: 0 0 0 10px;
}
.footerRight .socialLinks a {
	display: block;
	width: 32px;
	height: 32px;
	background: url('/images/icons/ico-social.png');
	text-indent: -9999em;
	opacity: .8;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
}
.footerRight .socialLinks a:hover {
	opacity: 1;
}
.footerRight .socialLinks .twitter a { background-position: 0 0; }
.footerRight .socialLinks .skype a { background-position: -32px 0; }
.footerRight .socialLinks .linkedin a { background-position: -64px 0; }

.footerRight .mobileLink {
	padding: 10px 30px 10px 0;
	text-align: right;
	background: url('/images/icons/ico-mobile.gif') no-repeat right center;
	clear: both;
}
#footerContainer .motto {
	width: 271px;
	height: 33px;
	text-indent: -9999em;
	position: absolute;
	left: 0;
	top: 24px;
	background: url('/images/text-replace/motto.png');
}


/*******************************************  PAGE LAYOUT  ********************************************/

html { height: 100% }

body {
	background: #1a1a1a url('/images/bg/bg-body-default.png') no-repeat center top;
	height: 100%;
}
body.services { background-image: url('/images/bg/bg-body-services.png'); }
body.work { background-image: url('/images/bg/bg-body-work.jpg'); background-color: #000; }
body.caseStudies { background-image: url('/images/bg/bg-body-case-studies.jpg'); background-color: #000; }
body.clients { background-image: url('/images/bg/bg-body-clients.png'); }
body.about { background-image: url('/images/bg/bg-body-about.jpg'); background-color: #000; }
body.contact { background-image: url('/images/bg/bg-body-contact.png'); }

#wrapper {
	background: url('/images/bg/bg-wrapper.png');
	min-width: 980px;
	min-height: 620px;
}
#content {
	border-top: 5px #00aeef solid;
	width: 980px;
	min-height: 800px;
	margin: 0 auto;
	background: url('/images/bg/bg-transparent-dark.png');
	background: rgba(0,0,0,0.65);
	padding: 0 0 40px 0;
	position: relative;
}
.home #content { border: 0; margin-top: -50px; }
.services #content { border-color: #ffe71a; }
.work #content { border-color: #ff17a3; }
.clients #content { border-color: #fe6612; }
.caseStudies #content { border-color: #bc23b9; }
.about #content { border-color: #ed1b24; }
.contact #content { border-color: #53da3f; min-height: 770px; }

.main {
	padding: 35px 30px;
}
article.main {
	background: #000;
	background: -moz-linear-gradient(
	    center top,
	    rgba(0,0,0,1) 0%,
	    rgba(0,0,0,1) 85%,
	    rgba(0,0,0,0) 95%
	);
	background: -webkit-gradient(
	    linear,
	    center top,
	    center bottom,
	    color-stop(0, rgba(0,0,0,1)),
	    color-stop(.85, rgba(0,0,0,1)),
	    color-stop(.95, rgba(0,0,0,0))
	);
}
article.case {
	padding: 35px 30px;
	background: -moz-linear-gradient(
	    center top,
	    rgba(0,0,0,0.3) 0%,
	    rgba(0,0,0,1) 50%,
	    rgba(0,0,0,1) 85%,
	    rgba(0,0,0,0) 95%
	);
	background: -webkit-gradient(
	    linear,
	    center top,
	    center bottom,
	    color-stop(.30, rgba(0,0,0,1)),
	    color-stop(.50, rgba(0,0,0,1)),
	    color-stop(.85, rgba(0,0,0,1)),
	    color-stop(.95, rgba(0,0,0,0))
	);
}
.mainRight {
	width: 721px;
	float: left;
}


/**********************************************  SIDEBAR  *********************************************/

.sidebarLeft {
	float: left;
	width: 229px;
}
.sidebarLeft header {
	margin: 0 auto 7px auto;
	text-indent: -9999em;	
}
.sidebarLeft header.skills {
	width: 171px;
	height: 124px;
	background: url('/images/text-replace/skills-heading.png');
}
.sidebarLeft header.personal {
	width: 171px;
	height: 105px;
	background: url('/images/text-replace/personal-heading.png');
}
.sidebarLeft nav {
	padding: 0 0 19px 0;
	background: no-repeat left bottom;
	position: relative;
	left: -19px;
	width: 219px;
}
.services .sidebarLeft nav { background-image: url('/images/bg/bg-sidebar-left-nav-services.gif'); }
.about .sidebarLeft nav { background-image: url('/images/bg/bg-sidebar-left-nav-about.gif'); }

.sidebarLeft ul {
	padding: 20px 0;
	width: 219px;
}
.services .sidebarLeft ul { background: #ffe71a; }
.about .sidebarLeft ul { background: #ed1b24; }

.sidebarLeft li {
	margin: 2px 0;
	background: url('/images/bg/bg-sidebar-left-nav-item.gif') no-repeat -250px 0;
	height: 26px;
}
.sidebarLeft li.selected { background-position: -30px 0 !important; }
.services .sidebarLeft li.selected a { color: #ffe71a !important; }
.services .sidebarLeft li.selected span { color: #ffe71a !important; }
.about .sidebarLeft li.selected a { color: #ed1b24 !important; }
.about .sidebarLeft li.selected span { color: #ed1b24 !important; }

.sidebarLeft ul a {
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	color: #000;
	text-decoration: none;
	display: block;
	height: 19px;
	padding: 7px 0 0 0;
}
#content .sidebarLeft ul .selected a { color: #000; }

.sidebarLeft ul span {
	width: 40px;
	text-align: right;
	display: inline-block;
	margin: 0 10px 0 0;
	height: 19px;
	vertical-align: top;
}
.services .sidebarLeft ul span { color: #a2920a; }
.about .sidebarLeft ul span { color: #7d0000; }


/********************************************  HOME PAGE  *********************************************/

.heroBanner {
	width: 960px;
	height: 290px;
	margin: 0 auto;
	position: relative;
	top: -20px;
}
.heroBanner .banners {
	position: relative;
	top: 30px;
}
.heroBanner .banners li {
	position: absolute;
	top: 0;
	left: 0;
}
.heroBanner .popup {
	position: absolute;
}
.heroBanner .bannerControls {
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 10;
	background: #000;
	padding: 8px 6px;
	font-size: 0;
	display: none;
}
.jsEnabled .heroBanner .bannerControls { display: block; }

.heroBanner .bannerControls li {
	float: left;
	margin: 0 2px;
}
.heroBanner .bannerControls a {
	display: block;
	width: 10px;
	height: 10px;
	background: #ccc;
	text-indent: -9999em;
	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
}
.heroBanner .bannerControls a:hover { background: #ace8ff; }
.heroBanner .bannerControls .active a { background: #00aeef !important; }

.heroBanner #displayPopup1 { z-index: 3; }
.jsEnabled .heroBanner #displayPopup1 .popup { display: none; }

.heroBanner #displayPopup1 .popup {
	width: 305px;
	height: 54px;
	top: 107px;
	left: 25px;
	display: none;
}
.heroBanner #displayPopup2 .popup {
	width: 842px;
	height: 329px;
	top: -49px;
	left: 170px;
	display: none;
}
.heroBanner #displayPopup3 .popup {
	width: 345;
	height: 338px;
	top: -58px;
	left: 470px;
	display: none;
}
.heroBanner #displayPopup4 .popup {
	width: 520px;
	height: 324px;
	top: -44px;
	left: 455px;
	display: none;
}

.heroBanner .workLink {
	position: absolute;
	z-index: 6;
	left: 880px;
	top: 220px;
	width: 80px;
	height: 80px;
	display: block;
	text-indent: -9999em;
	background: url('/images/home-hero/view-work.png') no-repeat left top;
}
.heroBanner .workLink:hover { background-position: right top; }
.heroBanner .workLink:active { left: 881px; top: 221px; }

section.intro {
	margin: 0 auto 24px auto;
	width: 785px;
	padding: 25px 160px 25px 15px;
	border-bottom: 1px #444 solid;
	border-top: 1px #444 solid;
	position: relative;
}
section.intro h1 {
	font-size: 1.5em; 
	background: none;
	margin: 0 0 8px 0;
	padding: 0;
	color: #00aeef;
	line-height: 1.375em;
}
section.intro h1 strong {
	color: #fff;
	font-weight: normal;
}
section.intro h1 em {
	color: #000;
	font-style: normal;
	background: #00aeef;
	padding: 0 5px;
	text-decoration: none;
}
section.intro p {
	color: #ccc;
	font-size: .75em;
	line-height: 1.5em;
}
section.intro img {
	position: absolute;
	right: 20px;
	top: 15px;
}
.homeServices {
	padding: 0 10px;
	overflow: hidden;
}
.homeServices li {
	margin: 0 10px 14px 10px;
	float: left;
	width: 300px;
	background: url('/images/bg/bg-home-services-tile.png') repeat-x left top;
}
.homeServices p {
	font-size: .75em;
	line-height: 1.5em;
	color: #fff;
	text-align: justify;
	height: 89px;
	background: url('/images/bg/bg-home-tile-content.jpg');
	padding: 12px 10px 0 10px;
}
.homeServices p a { font-weight: bold; background: none; position: relative; }
.homeServices .homeWebDesign p a { color: #53da3f; }
.homeServices .homeWebDesign p a:hover { color: #000; background: #53da3f; }
.homeServices .homeStrategy p a { color: #ffe71a; }
.homeServices .homeStrategy p a:hover { color: #000; background: #ffe71a; }
.homeServices .homeOnlineAdvertising p a { color: #fe6612; }
.homeServices .homeOnlineAdvertising p a:hover { color: #000; background: #fe6612; }
.homeServices .homeMobile p a { color: #ed1b24; }
.homeServices .homeMobile p a:hover { color: #fff; background: #ed1b24; }
.homeServices .homeSocial p a { color: #ff17a3; }
.homeServices .homeSocial p a:hover { color: #fff; background: #ff17a3; }
.homeServices .homeEcommerce p a { color: #bc23b9; }
.homeServices .homeEcommerce p a:hover { color: #fff; background: #bc23b9; }

.homeServices p a:active { top: 1px; }

.homeServices h2 {
	font-family:  RockoUltraFLFRegular, arial, sans-serif;
	font-size: 17px;
	text-transform: uppercase;
	height: 24px;
	padding: 22px 0 0 8px;
	background: url('/images/icons/ico-home-services.png') no-repeat;
}
.homeServices .homeWebDesign h2 { color: #53da3f; background-position: 253px 0; }
.homeServices .homeStrategy h2 { color: #ffe71a; background-position: 253px -230px; }
.homeServices .homeOnlineAdvertising h2 { color: #fe6612; background-position: 253px -184px; }
.homeServices .homeMobile h2 { color: #ed1b24; background-position: 253px -46px; }
.homeServices .homeSocial h2 { color: #ff17a3; background-position: 253px -92px; }
.homeServices .homeEcommerce h2 { color: #bc23b9; background-position: 253px -138px; }

.homeServices .thumb {
	width: 300px;
	height: 150px;
	background: #000;
	display: block;
}
.homeServices .thumb img { 
	opacity: .8; 
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
}
.homeServices .thumb:hover img { opacity: 1; }


/*******************************************  BREADCRUMBS  ********************************************/

#breadcrumbs {
	background: url('/images/bg/bg-transparent-blue.png');
	background: rgba(0,174,239,0.2); 
	padding: 10px 30px;
	color: #00aeef;
}
#breadcrumbs li {
	display: inline;
	font-family:  RockoUltraFLFRegular, arial, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	padding: 0 13px 0 0;
	background: url('/images/icons/ico-breadcrumb-divider.png') no-repeat right center;
}
#breadcrumbs li.current {
	background: 0;
	padding: 0 0 0 2px;
}
#breadcrumbs a { 
	color: #999; 
	text-decoration: none; 
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
}
#breadcrumbs a:hover { color: #fff; }

.services #breadcrumbs { background: rgba(255,231,26,0.2); color: #ffe71a; }
.work #breadcrumbs { background: rgba(255,23,163,0.2); color: #ff17a3; }
.caseStudies #breadcrumbs { background: rgba(188,35,185,0.2); color: #bc23b9; }
.clients #breadcrumbs { background: rgba(254,102,18,0.2); color: #fe6612; }
.about #breadcrumbs { background: rgba(237,27,36,0.2); color: #ed1b24; }
.contact #breadcrumbs { background: rgba(83,218,63,0.2); color: #53da3f; }


/*********************************************  WORK PAGE *********************************************/

.workList {
	overflow: hidden;
	padding: 0 20px;
	width: 940px;
}
.workList li {
	width: 215px;
	height: 191px;
	float: left;
	margin: 0 10px 20px 10px;
	background: #000;
}
.workList a,
.workList .siteOffline {
	display: block;
	width: 215px;
	height: 191px;
	text-decoration: none;
	overflow: hidden;
}
.workList .thumbnail {
	display: block;
	width: 215px;
	height: 150px;	
	background: #000;
}
.workList .thumbnail {
	opacity: .8;
}
.workList .caption {
	display: block;
	width: 430px;
	height: 41px;
	font-family:  RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
}
.workList h2 {
	float: left;
	display: block;
	width: 195px;
	height: 25px;
	padding: 16px 0 0 20px;
	background: url('/images/bg/bg-work-list-caption.gif') repeat-x left top;
	color: #fff;
}
.workList .siteOffline h2 { background-image: url('/images/bg/bg-work-list-caption-offline.gif'); }

.workList .cta {
	float: left;
	display: block;
	width: 195px;
	height: 25px;
	padding: 16px 0 0 20px;
	background: #000 url('/images/icons/ico-arrow-pink.png') no-repeat 150px 16px;
	color: #ff17a3;
	margin: 0 0 0 -215px;
}
.workList .siteOffline .cta { color: #aaa; background-image: none; }


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

.caseStudyList {
	overflow: hidden;
	padding: 0 20px;
}
.caseStudyList li {
	width: 293px;
	height: 296px;
	float: left;
	margin: 0 10px 20px 10px;
	background: #000;
	position: relative;
	overflow: hidden;
}
.caseStudyList .caseStudyContent {
	width: 293px;
	height: 276px;
	position: absolute;
	left: 0;
	top: 197px;
	background: #333;
	border-top: 8px #262626 solid;
	padding: 20px 0 0 0;
	display: block;
	text-decoration: none;
}
.caseStudyList .caseStudyContent h2 {
	color: #fff;
	font-family:  RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	margin: 0 20px -3px 20px;
}
.caseStudyList .caseStudyContent .scope {
	color: #6f6e6e;
	font-size: 12px;
	font-style: italic;
	padding: 6px 0;
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
	margin: 0 20px 30px 20px;
}
.caseStudyList .caseStudyContent p {
	font-size: 12px;
	color: #000;
	line-height: 16px;
	margin: 0 20px;
}
.caseStudyList .caseStudyContent .view {
	width: 255px;
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	background: #000 url('/images/icons/ico-arrow-purple-black.png') no-repeat 270px center;
	text-align: right;
	padding: 0 38px 0 0;
	display: block;
	text-decoration: none;
}
.caseStudyList .caseStudyContent .view span {
	color: #000;
	background: #bc23b9;
	display: block;
	padding: 14px 17px 14px 0;
}
article.case .copy {
	float: left;
	width: 420px;
}
article.case .graphics {
	float: right;
	width: 440px;
	text-align: right;
	margin: 15px 0 0 0;
}
article.case .graphics .contentImg {
	border: 8px #fff solid;
	margin: 0 0 30px 0;
}
article.case .feature {
	width: 330px;
	margin: 40px 0 20px 0;
	background: url('/images/bg/bg-case-feature.gif') no-repeat left bottom;
	padding: 0 0 14px 0;
	position: relative;
	left: -44px;
}
article.case .featureContent {
	background: #bc23b9;
	padding: 20px 20px 20px 44px;
}
article.case .featureContent p,
article.case .featureContent ul,
article.case .featureContent ol {
	margin: 0;
	color: #000;
	font-size: 1.0625em;
	font-family:  RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
}
article.case .featureContent ul,
article.case .featureContent ol {
	margin: 0 0 0 20px;
}
article.case .quote {
	width: 330px;
	margin: 40px 0 40px 0;
	background: url('/images/bg/bg-case-feature.gif') no-repeat left bottom;
	padding: 0 0 14px 0;
	position: relative;
	left: -44px;
}
article.case .quote blockquote {
	padding: 25px 5px 5px 44px;
	background: #bc23b9 url('/images/icons/ico-quote-opening.png') no-repeat 5px 5px;
}
article.case .quote p {
	margin: 0;
	color: #000;
	font-size: 1.0625em;
	font-family:  RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	padding: 0 15px 15px 0;
	background: url('/images/icons/ico-quote-closing.png') no-repeat right bottom;
}
article.case .quote .quoteBy {
	position: absolute;
	right: 5px;
	bottom: -20px;
	color: #858585;
	font-size: .75em;
	text-align: right;
}
article.case .quote .quoteBy strong {
	display: block;
	font-weight: bold;
	margin: 0 0 3px 0;
}


/**********************************************  CLIENTS  *********************************************/

.clientList {
    	width:940px;
    	padding: 0 20px;
    	overflow: hidden;
}
.clientList .clientLogo {
	float: left;
	height: 120px;
	margin: 0 10px 19px 10px;
	padding: 0 0 1px 0;
	width: 215px;
	
}
.jsEnabled .clientList .clientLogo { opacity: 0; }
    

/*********************************************  SERVICES  *********************************************/

.servicesList {
	width: 711px;
	background: #000;
	padding: 5px;
	overflow: hidden;
}
.servicesList li {
	float: left;
	width: 227px;
	height: 133px;
	margin: 5px;
}
.servicesList a {
	display: block;
	width: 207px;
	height: 113px;
	text-decoration: none;
	background: url('/images/icons/ico-services.png') no-repeat;
	padding: 20px 0 0 20px;
}
.servicesList .serviceStrategy a { background-color: #666; background-position: 235px -1064px; }
.servicesList .serviceWebDesign a { background-color: #666; background-position: 235px -532px; }
.servicesList .serviceWebDevelopment a { background-color: #4d4d4d; background-position: 235px 0; }
.servicesList .serviceMobile a { background-color: #666; background-position: 235px -1197px; }
.servicesList .serviceEDM a { background-color: #4d4d4d; background-position: 235px -665px; }
.servicesList .serviceGames a { background-color: #333; background-position: 235px -133px; }
.servicesList .serviceSEO a { background-color: #666; background-position: 235px -1330px; }
.servicesList .serviceOnlineAdvertising a { background-color: #333; background-position: 235px -798px; }
.servicesList .serviceEcommerce a { background-color: #333; background-position: 235px -266px; }
.servicesList .servicePrint a { background-color: #333; background-position: 235px -1463px; }
.servicesList .serviceMultimedia a { background-color: #4d4d4d; background-position: 235px -931px; }
.servicesList .serviceHosting a { background-color: #333; background-position: 235px -399px; }
.servicesList .serviceSocial a { background-color: #4d4d4d; background-position: 235px -1862px; }
.servicesList .serviceCMS a { background-color: #4d4d4d; background-position: 235px -1596px; }
.servicesList .serviceWebAcceleration a { background-color: #666; background-position: 235px -1729px; }

.servicesList h2 {
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	color: #000;
	margin: 0 0 12px 0;
}
.servicesList .serviceWebDesign h2,
.servicesList .serviceStrategy h2,
.servicesList .serviceMobile h2, 
.servicesList .serviceSEO h2,
.servicesList .serviceWebAcceleration h2 { 
	color: #fff; 
}

.servicesList .serviceWebDevelopment h2,
.servicesList .serviceEDM h2,
.servicesList .serviceMultimedia h2,
.servicesList .serviceSocial h2,
.servicesList .serviceCMS h2 { 
	color: #ddd;
}

.servicesList .serviceGames h2,
.servicesList .serviceEcommerce h2,
.servicesList .serviceHosting h2,
.servicesList .serviceOnlineAdvertising h2,
.servicesList .servicePrint h2 { 
	color: #bbb;
}
.servicesList p {
	padding: 0 80px 0 0;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
}
.servicesList .serviceWebDesign p,
.servicesList .serviceStrategy p,
.servicesList .serviceMobile p, 
.servicesList .serviceSEO p,
.servicesList .serviceWebAcceleration p { 
	color: #aaa; 
}

.servicesList .serviceWebDevelopment p,
.servicesList .serviceEDM p,
.servicesList .serviceMultimedia p,
.servicesList .serviceSocial p,
.servicesList .serviceCMS p { 
	color: #888;
}

.servicesList .serviceGames p,
.servicesList .serviceEcommerce p,
.servicesList .serviceHosting p,
.servicesList .serviceOnlineAdvertising p,
.servicesList .servicePrint p { 
	color: #666;
}


/*******************************************  CONTACT PAGE  *******************************************/

.contactForm {
	float: left;
	width: 367px;
	margin: 20px 0 0 0;
	display: none;
}
.jsEnabled .contactForm {
	display: block;
}
.contactForm h2 {
	background: #555;
	background: rgba(85,85,85,.6);
	color: #fff;
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	padding: 13px 20px 10px 20px;
	margin: 0 0 5px 0;
}
.contactForm form {
	background: url('/images/bg/bg-contact-form.png');
	-moz-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.4);
	box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.4);
	padding: 25px 20px 0 20px;
	height: 520px;
}
.contactForm fieldset {
	overflow: hidden;
}
.contactForm legend {
	display: none;
}
.contactForm li {
	padding: 0 0 9px 0;
}
.contactForm label {
	font-size: 13px;
	text-transform: uppercase;
	color: #222;
	font-weight: bold;
	font-family: "Georgia", aria, sans-serif;
}
.contactForm ol input,
.contactForm textarea {
	border: 2px #43b033 solid;
	width: 284px;
	padding: 9px 1px 9px 39px;
	font-size: 15px;
	font-family: "Georgia", aria, sans-serif;
	margin: 3px 0 0 0;
	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	background: #43b033 url('/images/icons/ico-contact-form-fields.png') no-repeat;
    	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
}
.contactForm ol input:hover,
.contactForm textarea:hover {
	border-color: #368c29;
}
.contactForm ol input:focus,
.contactForm textarea:focus {
	background-color: #368c29;
	border-color: #368c29;
	outline: 0;
}
.contactForm ol .error input,
.contactForm .error textarea {
	border-color: #e20000 !important;
}
.contactForm input.name { background-position: 8px -19px; }
.contactForm input.email { background-position: 8px -91px; }
.contactForm input.phone { background-position: 8px -159px; }
.contactForm input.company { background-position: 8px -228px; }
.contactForm textarea { background-position: 8px -302px; height: 140px; }

.contactForm .submitContainer {
	background: url('/images/deco/button-arrow-black.gif') no-repeat right center;
	padding: 0 19px 0 0;
	float: left;
}
.contactForm .submitContainer input {
	background: #000;
	border: 0;
	color: #fff;
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	padding: 8px 10px 6px 15px;
	cursor: pointer;
	overflow: visible;
	width: auto;
}
.contactForm fieldset.loading {
	background: url('/images/icons/ico-ajax-loader.gif') no-repeat right center;
}
.contactForm .thankyouMsg {
	text-align: center;
	margin: 185px 0 0 0;
}
.contactForm .thankyouMsg h3 {
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 2.8125em;
	margin: 0 0 15px 0 ;
}
.contactForm .thankyouMsg p {
	font-size: .875em;
	line-height: 1.5em;
}
.location {
	float: right;
	width:  920px;
	margin: 20px 0 0 0;
}
.jsEnabled .location { width: 533px; }
.location h2 {
	background: #555;
	background: rgba(85,85,85,.6);
	color: #fff;
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	padding: 13px 20px 10px 20px;
	margin: 0 0 5px 0;
}
.locDetailsContainer {
	background: url('/images/bg/bg-location-detail-container.gif');
	height: 220px;
	padding: 15px 15px 0 15px;
	overflow: hidden;
}
.jsEnabled .locDetailsContainer { height: 530px; }

.gmapContainer {
	margin: 0 0 15px 0;
	overflow: hidden;
	width: 503px;
	display: none;
}
.jsEnabled .gmapContainer { display: block; }
.gmap {
	background: #fff;
	padding: 5px;
	margin: 0 0 2px 0;
}
.gmap iframe {
	width: 492px;
	height: 303px;
}
.gmapLink {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	padding: 2px 15px 2px 0;
	background: url('/images/icons/ico-external-link.gif') no-repeat right center;
	float: right;
}
.gmapLink:hover {
	text-decoration: underline;
}
.contactDetails {
	height: 160px;
	width: 236px;
	border-right: 1px #444 solid;
	float: left;
	padding: 0 0 0 15px;
}
.directions {
	height: 160px;
	width: 221px;
	float: right;
	padding: 0 0 0 30px;
	display: none;
}
.jsEnabled .directions { display: block; }
.directions legend {
	display: none;
}
.contactDetails h3,
.directions h3 {
	color: #888;
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	margin: 0 0 7px 0;
}
.contactDetails address,
.contactDetails .num {
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	margin: 0 0 15px 0;
}
.directions label {
	color: #fff;
	font-size: 12px;
}
.directions .startAddress {
	border: 2px #0a0a0a solid;
	color: #fff;
	font-size: 13px;
	width: 196px;
	padding: 9px 1px 9px 10px;
	font-family: "Georgia", aria, sans-serif;
	margin: 7px 0 10px 0;
	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	background: #0a0a0a;
	outline: 0;
}
.directions .startAddress:focus {
	background-color: #1b1b1b;
}
.directions .submitContainer {
	background: url('/images/deco/button-arrow-grey.gif') no-repeat right center;
	padding: 0 19px 0 0;
	float: left;
}
.directions .submitContainer input {
	background: #444;
	border: 0;
	color: #fff;
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	padding: 8px 10px 6px 15px;
	cursor: pointer;
	overflow: visible;
	width: auto;
}


/**********************************************  TOOLBAR  *********************************************/

.toolBar {
	height: 30px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	overflow: hidden;
	display: none;
}
.jsEnabled .toolBar { display: block; }

.toolbarHeading {
	float: left;
	margin: 9px 10px 0 0;
}
.toolBar ul {
	float: left;
	border: 1px #000 solid;
	margin: 0 20px 0 0;
	overflow: hidden;
	-moz-border-radius: 4px;
    	-webkit-border-radius: 4px;
    	border-radius: 4px;
}
.toolBar li {
	float: left;
}
.toolBar li.first a { 
	border-left: 0; 
	-moz-border-radius: 4px 0 0 4px;
    	-webkit-border-radius: 4px 0 0 4px;
    	border-radius: 4px 0 0 4px;
}
.toolBar li.last a { 
	border-right: 0; 
	-moz-border-radius: 0 4px 4px 0;
    	-webkit-border-radius: 0 4px 4px 0;
    	border-radius: 0 4px 4px 0;
}
.toolBar a {
	color: #aaa;
	text-decoration: none;
	background: #000 url('/images/bg/bg-toolbar-button.png') repeat-x left top;
	background: -moz-linear-gradient(
	    center top,
	    #434343 0%,
	    #000 100%
	);
	background: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0, #434343),
	    color-stop(1, #000)
	);
	padding: 8px 11px;
	border-left: 1px #000 solid;
	border-right: 1px #575757 solid;
	float: left;
	line-height: 12px;
}
.toolBar a:hover {
	color: #fff;
}
.toolBar .current a {
	color: #fff;
	background: url('/images/bg/bg-toolbar-button-current.gif') repeat-x left top;
	border-right: 0;
	padding-right: 12px;
	cursor: default;
	-moz-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.4);
	box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.4);
}
.toolBar .current.last a { padding-right: 11px } 


/*******************************************  CONTENT COLUMNS  ****************************************/

.threeColTiles {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
}
.threeColTiles li {
	width: 190px;
	float: left;
	margin: 0 0 0 45px;
}
.threeColTiles li.first { margin: 0; }

.twoColTiles {
	list-style-type: none;
	margin: 0 0 20px 0;
	overflow: hidden;
	font-size: 1em;
}
.twoColTiles li {
	width: 303px;
	float: left;
	margin: 0 0 20px 55px;
	padding: 0;
}
.twoColTiles li.first { margin-left: 0; }

.twoColTiles .borderImg  {
	border: 5px solid #fff;
}
.twoColTiles h3 {
	margin-top: 15px;
}


/********************************************  CTA BUTTON  ********************************************/

.ctaBtn {
	display: inline-block;
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	text-decoration: none;	
	height: 41px;
	line-height: 41px;
	padding: 0 0 0 9px;
	margin: 20px 0 0 30px;
	opacity: .8;
	-moz-transition-duration: .15s;
	-webkit-transition-duration: .15s;
	-o-transition-duration: .15s;
	transition-duration: .15s;
	background: no-repeat left center;
}
.services .ctaBtn { background-image: url('/images/buttons/btn-cta-services-left.png'); color: #000; }
.clients .ctaBtn { background-image: url('/images/buttons/btn-cta-clients-left.png'); color: #fff; }
.work .ctaBtn { background-image: url('/images/buttons/btn-cta-work-left.png'); color: #fff; }
.about .ctaBtn { background-image: url('/images/buttons/btn-cta-about-left.png'); color: #fff; }

.ctaBtn:hover { opacity: 1; }
article .ctaBtn { margin-left: 0; }

.ctaBtn div {
	background: no-repeat right center;
	height: 39px;
	line-height: 39px;
	padding: 2px 30px 0 5px;
	cursor: pointer;
}
.services .ctaBtn div { background-image: url('/images/buttons/btn-cta-services-right.png'); }
.clients .ctaBtn div { background-image: url('/images/buttons/btn-cta-clients-right.png'); }
.work .ctaBtn div { background-image: url('/images/buttons/btn-cta-work-right.png'); }
.about .ctaBtn div { background-image: url('/images/buttons/btn-cta-about-right.png'); }


/**********************************************  COMMON  **********************************************/

.pageControls {
	position: absolute;
	right: -14px;
	top: 50px;
}
.pageControls div {
	background: url('/images/bg/bg-paging-button.png') no-repeat right bottom;
	padding: 0 0 14px 0;
	height: 25px;
}
.caseNext { margin: 0 0 4px 0; }

.pageControls a {
	background: #bc23b9 no-repeat;
	display: block;
	width: 74px;
	height: 25px;
	line-height: 25px;
	padding: 2px 0 0 25px;
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	color: #000;
	text-decoration: none;
	-moz-transition-duration: .15s;
	-webkit-transition-duration: .15s;
	-o-transition-duration: .15s;
	transition-duration: .15s;
	float: right;
}
.pageControls a:hover { width: 85px; }

.caseNext a {
	background-image: url('/images/icons/ico-arrow-black-right.png');
	background-position: 68px center;
}
.casePrevious a {
	background-image: url('/images/icons/ico-arrow-black-left.png');
	background-position: 12px center;
}


/**********************************************  COMMON  **********************************************/

.imgRight {
	float: right;
	margin: 0 0 0 45px;
}



/*******************************************  CONTACT PAGE  *******************************************/

.paymentDetails {
	float: left;
	width: 440px;
	margin: 20px 0 0 0;
	display: none;
}
.jsEnabled .paymentDetails {
	display: block;
}
.paymentDetails h2 {
	background: #555;
	background: rgba(85,85,85,.6);
	color: #fff;
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	padding: 13px 20px 10px 20px;
	margin: 0 0 5px 0;
}
.paymentDetails p {
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-family: "Georgia", aria, sans-serif;
	padding-bottom:10px;
}
.paymentDetails a {
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	background: #222;
}

.paymentForm
 {
	float: left;
	width: 450px;
	margin: 20px 0 0 0;
	display: none;
}
.jsEnabled .paymentForm {
	display: block;
}
.paymentForm h2 {
	background: #555;
	background: rgba(85,85,85,.6);
	color: #fff;
	font-family: RockoUltraFLFRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	padding: 13px 20px 10px 20px;
	margin: 0 0 5px 0;
}
.paymentForm p {
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-family: "Georgia", aria, sans-serif;
	padding-bottom:10px;
}
.paymentForm a {
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	background: #222;
}

.paymentForm label {
	color: #fff;
	display: block;
	width:125px;
	margin: 5px;
}
.paymentForm #ccTypeID{
	width:205px;
}

.paymentForm #ccExpMonth,
.paymentForm #ccExpYear{
	width:100px;
}
.paymentForm .pageForm {
    background: url("/images/bg/bg-location-detail-container.gif") repeat scroll 0 0 transparent;
    padding: 15px 0 0 15px;
	margin: 0 0 0 15px;
}
.pageForm ol input,
.pageForm ol select,
.pageForm textarea {
	border: 2px #ffe71a solid;
	width: 284px;
	padding: 9px 1px 9px 39px;
	font-size: 15px;
	font-family: "Georgia", aria, sans-serif;
	margin: 3px 0 0 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #ffe71a  no-repeat;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
}
.pageForm ol input:hover,
.pageForm textarea:hover {
	border-color: #FF8c29;
}
.pageForm ol input:focus,
.pageForm textarea:focus {
	background-color: #368c29;
	border-color: #368c29;
	outline: 0;
}


.tableNoteFull img {
	border: 1px solid rgb(219, 219, 219);
	float: right;
	padding:3px;
	height:53px;
	width:125px;
}