@import url("/styles-generic.css");
@import url("/styles-twitter.css");
@import url("/styles-slideshow.css");
@import url("/styles-blog.css");


/* fonts */
body,
input,
textarea {
	font-family: "Droid Sans", Trebuchet MS, Helvetica, Sans-Serif;
}

h1,
.services.branding .quote span,
.services.branding .packaging .large,
.contact .traditional h3,
.footer-big h4,
.contact .office h3 {
	font-family: "Century Gothic", Avant Garde Gothic, Futura, Twentieth Century, Helvetica, Sans-Serif;
}

h2,
h3,
h4,
h5,
.contact .email span.or {	
	font-family: Molengo, "Century Gothic", Avant Garde Gothic, Futura, Twentieth Century, Helvetica, Sans-Serif;
}


/* top level styles */
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #333;
	text-align: center;
}

.parent-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding:50px 0 50px 0;
	text-align: left;
}

.wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

/* text styles */
h1 {
	float:left;
	display:inline;
	font-size:40px;
	line-height:40px; /* override in styles-ie7 */
	color:#333;
	padding:0 40px;
	margin:40px 0 0 0;
	font-weight:bold;
	text-transform: lowercase;
	letter-spacing: -2px !important;
}

h2 {
	font-size: 2.4em;
	color:#cc0000;
	padding:0;
	margin:0;
	font-weight:normal;
	letter-spacing:-1px;
	-moz-text-shadow:1px 1px 0 #fff;
	-webkit-text-shadow:1px 1px 0 #fff;
	text-shadow:1px 1px 0 #fff;
}

h3 {
	font-size:1.8em;
	line-height: 1.2em;
	color:#444;
	padding:0;
	margin:0;
	letter-spacing:-1px;
	font-weight:normal;
	-moz-text-shadow:1px 1px 0 #fff;
	-webkit-text-shadow:1px 1px 0 #fff;
	text-shadow:1px 1px 0 #fff;
}

h4 {
	font-size:1.2em;
	line-height: 1.2em;
	color:#999;
	padding:0;
	margin:0;
	font-weight:bold;
	letter-spacing:-1px;
	-moz-text-shadow:1px 1px 0 #fff;
	-webkit-text-shadow:1px 1px 0 #fff;
	text-shadow:1px 1px 0 #fff;
}

h5 {
	font-size:1.0em;
	color:#347CB1;
	padding:0;
	margin:0;
	font-weight:bold;
}

p {
	padding:5px 0 15px 0;
	margin:0;
	line-height:1.6em;
}

a, a:link, a:visited {
	color:#cc0000;
	text-decoration:none;
	outline:medium none;	
}
a:hover, a:active {
	text-decoration:none;
	border-bottom:solid 1px #cc0000;
}
a:active {
	background:#f0f0f0;
}

a.external {
	padding:0 15px 0 0;
	background:url(/images/icon-external-01.gif) no-repeat top right;
}

p a, p a:link, p a:visited {
	padding:2px 4px;
	color:#666;
	background:#F0F0F0;
	text-decoration:none;
	border-bottom:none;
}

p a:hover, p a:active  {
	color:#CC0000;
	background:#F0F0F0;
	text-decoration:none;
	border-bottom:none;
}

blockquote {
	margin:10px 20px;
	padding:10px 15px;
	line-height:1.4em;
	font-size:16px;
	color:#555;
	border:solid 1px #f0f0f0;
	border-left:solid 4px #f0f0f0;
	background:#fbfbfb;
	text-align:left;
}

.success {
	float:left;
	width:896px;
	padding:10px 10px 10px 40px;
	margin:40px 0 0 40px;
	background:url(/images/success.png) no-repeat #E0FFCA 10px 10px;
	border:solid 2px #68DC23;
}

.warning {
	float:left;
	display:inline;
	width:896px;
	padding:10px;
	margin:40px 0 0 40px;
	background:#FFF4CA;
	border:solid 2px #FFCC00;
}

.error {
	float:left;
	display:inline;
	width:896px;
	padding:10px;
	margin:40px 0 0 40px;
	background:#FFCACA;
	border:solid 2px #ff0000;
}


/***** LAYOUT *****/
/* backgrounds */
body.home.index {	background:url(/images/bg-fiery-fabric-repeat-02.jpg) repeat-x #d6d6d6; }
body.home.index .parent-wrapper { background:url(/images/bg-fiery-fabric-02.jpg) no-repeat top center; }
body.about { background:url(/images/bg-beige-fabric.jpg) repeat-x #E8D9B7; }
body.services { background:url(/images/bg-blue-cloth.jpg) repeat-x #B6D3E9; }
body.work { background:url(/images/bg-green-wallpaper.jpg) repeat-x #B3F4C1; }
body.blog, body.single { background:url(/images/bg-green-plaid.jpg) repeat-x #CCFE9E; }
body.contact { background:url(/images/bg-orange-brick.jpg) repeat-x #DE774F; }
body.fourohfour {	background:url(/images/bg-fiery-fabric-repeat-02.jpg) repeat-x #d6d6d6; }
body.fourohfour .parent-wrapper { background:url(/images/bg-fiery-fabric-02.jpg) no-repeat top center; }


/* header */
.header {
	
	display:inline-block;
	width:1000px;
	height:75px;
	background:url(/images/header.png) no-repeat;
}

.header a.logo {
	float:left;
	display:inline;
	margin:17px 0 0 40px;
	border:none;
	background:none;
}

.header .logo img {
	float:left;
}


/* nav */
.header ul.nav {
	float:right;
	display:inline;
	margin:23px 40px 0 0;
	padding:0;
	list-style-type:none;
}

.header li {
	float:left;
	position:relative;
	display:inline;
	padding:0;
	margin:0 0 0 10px;
}

.header .nav a {
	float:left;
	position:relative;
	height:28px;
	background:url(/images/nav.png) no-repeat;
	border:none;
	color:#fff;
	text-indent:-9999px;
	z-index:7;
}

.header .nav li.nav-services:hover .nav-subnav {
	display:inline-block;
}

.header ul.nav li .nav-subnav {
	position:absolute;
	display:none;
	top:22px;
	left:-2px;
	z-index:6;
}

	.header ul.nav li .nav-subnav .top {
		display:none;
	}

	.header ul.nav li .nav-subnav .bottom {
		display:none;
	}

	.header ul.nav li ul {
		float:left;
		width:156px;
		height:113px;
		padding:20px 15px 2px;
		margin:0;
		background:url(/images/subnav-services.png) no-repeat 0px -100px;
	}

	.header ul.nav li ul li {
		clear:left;
		width:160px;
		margin:0;
	}

	.header ul.nav li ul li a {
		position:static;
		width:160px;
		height:16px;
		padding:5px 0;
		background:url(/images/subnav-services.png) no-repeat;
	}


/* nav mouse states */
.header li.nav-home a:link, .header li.nav-home a:visited { width:64px; background-position:0px 0px; }
.header li.nav-about a:link, .header li.nav-about a:visited { width:68px; background-position:-76px 0px; }
.header li.nav-services a:link, .header li.nav-services a:visited { width:79px; background-position:-155px 0px; }
.header li.nav-work a:link, .header li.nav-work a:visited { width:57px; background-position:-245px 0px; }
.header li.nav-blog a:link, .header li.nav-blog a:visited { width:55px; background-position:-314px 0px; }
.header li.nav-contact a:link, .header li.nav-contact a:visited { width:81px; background-position:-381px 0px; }

.header li.nav-home a:hover, .header li.nav-home a:active { width:64px; background-position:0px -29px; }
.header li.nav-about a:hover, .header li.nav-about a:active { width:68px; background-position:-76px -29px; }
.header li.nav-services:hover a, .header li.nav-services:active a { width:79px; background-position:-155px -29px; }
.header li.nav-work a:hover, .header li.nav-work a:active { width:57px; background-position:-245px -29px; }
.header li.nav-blog a:hover, .header li.nav-blog a:active { width:55px; background-position:-314px -29px; }
.header li.nav-contact a:hover, .header li.nav-contact a:active { width:81px; background-position:-381px -29px; }

.header li.nav-services:hover > a,
.header li.nav-services:active > a {
	padding:0 0 8px 0;
}


/* subnav mouse states */
.header ul.nav li ul li.nav-websites a:link, .header ul.nav li ul li.nav-websites a:visited { width:150px; background-position:0px 5px; }
.header ul.nav li ul li.nav-branding a:link, .header ul.nav li ul li.nav-branding a:visited { width:147px; background-position:0px -20px; }
.header ul.nav li ul li.nav-print a:link, .header ul.nav li ul li.nav-print a:visited { width:92px; background-position:0px -45px; }
.header ul.nav li ul li.nav-email a:link, .header ul.nav li ul li.nav-email a:visited { width:133px; background-position:0px -71px; }

.header ul.nav li ul li.nav-websites a:hover, .header ul.nav li ul li.nav-websites a:active { width:150px; background-position:-159px 5px; }
.header ul.nav li ul li.nav-branding a:hover, .header ul.nav li ul li.nav-branding a:active { width:147px; background-position:-159px -20px; }
.header ul.nav li ul li.nav-print a:hover, .header ul.nav li ul li.nav-print a:active { width:92px; background-position:-159px -45px; }
.header ul.nav li ul li.nav-email a:hover, .header ul.nav li ul li.nav-email a:active { width:133px; background-position:-159px -71px; }



/* subnav bar */
#subnav {
	float:left;
	width:950px;
	padding:0 25px;
	background:#e5e5e5;
	border-bottom:dashed 1px #c0c0c0;
}

	#subnav ul {
		float:left;
		padding:0;
		margin:0;
		list-style-type:none;
	}
	
	#subnav li {
		float:left;
		color:#fff;
	}
	
	#subnav li.char {
		padding:11px 0 9px;
		color:#999;
	}
	
	#subnav li a {
		float:left;
		margin:0;
		padding:12px 15px 9px;
		color:#333;
	}
	
	#subnav li a:hover,
	#subnav li a:active {
		border:none;
		color:#cc0000;
	}
	
	body.services.services-home #subnav li.subnav-services a { font-weight:bold; }
	body.services.websites #subnav li.subnav-websites a { font-weight:bold; }
	body.services.branding #subnav li.subnav-branding a { font-weight:bold; }
	body.services.print #subnav li.subnav-print a { font-weight:bold; }
	body.services.email #subnav li.subnav-email a { font-weight:bold; }



/* page states */
body.index .header li.nav-home a { width:64px; background-position:0px -29px; }
body.about .header li.nav-about a { width:68px; background-position:-76px -29px; }
body.services .header li.nav-services a { width:79px; background-position:-155px -29px; }
body.work .header li.nav-work a { width:57px; background-position:-245px -29px; }
body.blog .header li.nav-blog a { width:55px; background-position:-314px -29px; }
body.contact .header li.nav-contact a { width:81px; background-position:-381px -29px; }


/* subnav */
.main ul.subnav {
	float:right;
	display:inline;
	margin:56px 40px 0 0;
	padding:0;
	list-style-type:none;
}

.main ul.subnav li {
	float:left;
	display:inline;
	padding:0;
	margin:0 0 0 10px;
	height:28px;
	background:url(/images/subnav-work.png) no-repeat;
	cursor:pointer;
}

.main ul.subnav a {
	float:left;
	height:28px;
	background:url(/images/subnav-work.png) no-repeat;
	border:none;
	cursor:pointer;
	display:none;
}

/* subnav mouse states */
.main ul.subnav li.subnav-all { width:37px; background-position:0px 0px; }
.main ul.subnav li.subnav-websites { width:84px; background-position:-53px 0px; }
.main ul.subnav li.subnav-print { width:106px; background-position:-150px 0px; }
.main ul.subnav li.subnav-logos { width:58px; background-position:-270px 0px; }

.main ul.subnav li.subnav-all a,
.main ul.subnav li.subnav-all a.selected { width:37px; background-position:0px -29px; }
.main ul.subnav li.subnav-websites a,
.main ul.subnav li.subnav-websites a.selected { width:84px; background-position:-53px -29px; }
.main ul.subnav li.subnav-print a,
.main ul.subnav li.subnav-print a.selected { width:106px; background-position:-150px -29px; }
.main ul.subnav li.subnav-logos a,
.main ul.subnav li.subnav-logos a.selected { width:58px; background-position:-270px -29px; }

.main ul.subnav li a.selected { display:inline !important; } 


/* footer big */
.footer-big {
	position:relative;
	display:inline-block;
	width:1000px;
	border-top:solid 1px #000;
	color:#ccc;
}

.footer-big a, .footer-big a:link, .footer-big a:visited,
.footer-big p a, .footer-big p a:link, .footer-big p a:visited {
	color:#ccc;
	text-decoration:none;
	background:transparent;
	padding:0;
	
}
.footer-big p a, .footer-big p a:link, .footer-big p a:visited {
	border-bottom:solid 1px #ccc;
}
.footer-big a:hover, .footer-big a:active,
.footer-big p a:hover, .footer-big p a:active {
	text-decoration:none;
	color:#fff;
	border-bottom:solid 1px #fff;
}

.footer-big .footer-wrapper {
	float:left;
	width:1000px;
	background:#242424;
	border-top:solid 1px #3a3a3a;
}

.footer-big .footer-bottom {
	float:left;
	width:1000px;
	height:10px;
	padding:0;
	margin:0;
	background:url(/images/footer-bottom.png) no-repeat;
}


.footer-big .sitemap {
	float:left;
	width:252px;
	padding:30px 40px 30px;
}

.footer-big .sitemap ul {
	float:left;
	width:50%;
	padding:10px 0 0 0;
	margin:0;
	list-style-type:none;
}

.footer-big .sitemap ul.right {
	float:right;
	width:auto;
	padding:10px 0 0 0;
}

.footer-big .sitemap li {
	float:left;
	clear:left;
	padding:2px;
}

.footer-big .sitemap li ul {
	float:none;
	width:auto;
	padding:2px 0 0 25px;
	list-style-type:square;
	color:#cc0000;
}

.footer-big .sitemap li ul li {
	padding:0;
	float:none;
	white-space:nowrap;
}

.footer-big .sitemap li ul a:link,
.footer-big .sitemap li ul a:visited  {
	color:#999;
}

.footer-big .sitemap li ul a:hover,
.footer-big .sitemap li ul a:active {
	color:#fff;
}


.footer-big .short-about {
	float:left;
	width:222px;
	padding:30px 40px 25px;
}

.footer-big .short-about a:link,
.footer-big .short-about a:visited {
	float:left;
	width:58px;
	height:51px;
	margin:5px 0 0 0;
	background:url(/images/network-icons.png) no-repeat;
}
.footer-big .short-about a:hover,
.footer-big .short-about a:active {
	border:none;
}

.footer-big .short-about a.learn-more:link,
.footer-big .short-about a.learn-more:visited {
	float:none;
	background:transparent;
}
.footer-big .short-about a.learn-more:hover,
.footer-big .short-about a.learn-more:active {
	border-bottom:solid 1px #fff;
}


.footer-big .short-about .facebook:link,
.footer-big .short-about .facebook:visited { background-position:0px 0px; }
.footer-big .short-about .facebook:hover { background-position:0px -52px; }

.footer-big .short-about .linkedin:link,
.footer-big .short-about .linkedin:visited { background-position:-59px 0px; }
.footer-big .short-about .linkedin:hover { background-position:-59px -52px; }

.footer-big .short-about .twitter:link,
.footer-big .short-about .twitter:visited { background-position:-118px 0px; }
.footer-big .short-about .twitter:hover { background-position:-118px -52px; }


.footer-big .contact {
	float:left;
	width:282px;
	padding:30px 40px 30px;
}

.footer-big .contact .left {
	float:left;
	width:131px;
}

.footer-big .contact .right {
	float:right;
	width:131px;
}

.footer-big .contact img.canada-flag {
	padding:0 0 0 7px;
}

.footer-big .contact .right a:link, .footer-big .contact .right a:visited {
	float:left;
	width:125px;
	height:32px;
	margin-bottom:10px;
	background:url(/images/btn-contactus.gif) no-repeat;
}

.footer-big .contact .right a:hover, .footer-big .contact .right a:active {
	background-position:0px -32px;
	border:none;
}

.footer-big .contact em {
	line-height: 0.8em;
	color: #555;
	font-size: 9px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
}

.footer-big .divider {
	float:left;
	width:2px;
	height:174px;
	margin:20px 0;
	background:url(/images/footer-divider.png) no-repeat;
}

.footer-big h4 {
	font-size:22px;
	font-weight:normal;
	color:#4D4D4D;
	text-shadow: none;
}

/* footer small */
.footer-small {
	float:left;
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#212121;
}

.footer-small a, .footer-small a:link, .footer-small a:visited {
	color:#212121;
	text-decoration:none;
	border-bottom:solid 1px #212121;
}
.footer-small a:hover, .footer-small a:active {
	color:#cc0000;
	border-bottom:solid 1px #cc0000;
	background:none;
}

.footer-small img.canada-flag {
	padding:0 0 0 5px;
}


/***** SUB PAGE CONTENT *****/
/* main */
.main-wrapper {
	float:left;
	width:1000px;
	background:url(/images/sidebar-vx.gif) bottom right no-repeat #F0F0F0;
}

.main {
	float:left;
	width:698px;
	background:#fff;
}

.main h1 .cufon {
	top:-5px;
}

.content {
	float:left;
	width:618px;
	padding:30px 40px 40px 40px;
}

.content h2.intro {
	font-weight:normal;
	padding-bottom:45px;
	color: #2E83A3;
	font-size: 30px;
	letter-spacing: -1px;
	line-height: 35px;
	display: none;
}

.content h2.intro .cufon {
	padding-bottom:5px;
}

.content .column {
	width:289px;
}

.content .focus {
	float:left;
	width:576px;
	padding:20px;
	margin:40px 0 0 0;
	background:#FBFBFB;
	border:solid 1px #F0F0F0;
	border-top:solid 5px #F0F0F0;
	font-size:14px;
}

.content .focus h2 {
	font-size:30px;
	font-weight: normal;
	color: #888;
}


/* sidebar */
.sidebar {
	float:left;
	width:302px;
}

.sidebar ul.subnav {
	float:left;
	margin:0;
	padding:40px 0 0 0;
	list-style-type:none;
}

.sidebar ul.subnav li {
	float:left;
	margin:0;
	padding:0;
}

.sidebar ul.subnav li a {
	float:left;
	width:282px;
	height:33px;
	padding:7px 0 0 20px;
	background:url(/images/sidebar-subnav-bg.gif) no-repeat 0px 0px;
	font-size:18px;
	font-family: Century Gothic, Avant Garde Gothic, Futura, Twentieth Century, Helvetica, Sans-Serif;
}

.sidebar ul.subnav li a:link,
.sidebar ul.subnav li a:visited {
	color:#333;
	border:none;
	text-shadow:1px 2px 0px #fff;
}
.sidebar ul.subnav li a:hover,
.sidebar ul.subnav li a:active {
	color:#333;
	background-color:transparent;
	background-position:0px -40px;
}

.sidebar ul.subnav li.title a,
.sidebar ul.subnav li.title a:link,
.sidebar ul.subnav li.title a:visited {
	height:38px;
	padding:2px 0 0 20px;	
}
.sidebar ul.subnav li.title a:hover,
.sidebar ul.subnav li.title a:active {
	
}

.sidebar ul.subnav li.title a h2 {
	float:left;
	color:#666;
	font-weight:normal;
	text-shadow:1px 2px 0 #fff;
}

.sidebar .contact-us-today {
	float:left;
	width:217px;
	height:64px;
	margin:80px 0 0 0;
	padding:20px 0 0 65px;
	background:url(/images/btn-contactus-01.png) no-repeat;
	font-family:Century Gothic;
	color:#333;
	font-size:18px;
	line-height:22px;
	text-shadow:1px 2px 0 #fff;
	-moz-text-shadow:1px 2px 0 #fff;
	-webkit-text-shadow:1px 2px 0 #fff;
	-o-text-shadow:1px 2px 0 #fff;
}
.sidebar .contact-us-today:hover {
	background-position:0px -86px;
	border:none;
}

.sidebar .network {
	float:left;
	padding:30px 0 0 20px;
}

.sidebar .network  h4 {
	color:#666;
	text-shadow:1px 2px 0 #fff;
	-moz-text-shadow:1px 2px 0 #fff;
	-webkit-text-shadow:1px 2px 0 #fff;
	-o-text-shadow:1px 2px 0 #fff;
}

.sidebar .network a:link,
.sidebar .network a:visited {
	float:left;
	width:58px;
	height:51px;
	margin:8px 3px 0 0;
	background:url(/images/network-icons-sidebar.png) no-repeat;
}
.sidebar .network a:hover,
.sidebar .network a:active {
	border:none;
}

.sidebar .network a.learn-more:link,
.sidebar .network a.learn-more:visited {
	float:none;
	background:transparent;
}
.sidebar .network a.learn-more:hover,
.sidebar .network a.learn-more:active {
	border-bottom:solid 1px #fff;
}


.sidebar .network .facebook:link,
.sidebar .network .facebook:visited { background-position:0px 0px; }
.sidebar .network .facebook:hover { background-position:0px -52px; }

.sidebar .network .linkedin:link,
.sidebar .network .linkedin:visited { background-position:-59px 0px; }
.sidebar .network .linkedin:hover { background-position:-59px -52px; }

.sidebar .network .twitter:link,
.sidebar .network .twitter:visited { background-position:-118px 0px; }
.sidebar .network .twitter:hover { background-position:-118px -52px; }



/***** HOME *****/
.home noscript .warning {
	float:none;
	position:absolute;
	width:936px;
	top:20px;
	left:20px;
	margin:0;
	z-index:2;
}
.home noscript .warning a:hover, .home noscript .warning a:active {
	border-bottom:solid 1px #cc0000;
	background:transparent;
}


/***** ABOUT *****/
.about .main {
	width:1000px;
	background:url(/images/main-vx.gif) #fff bottom right no-repeat;
}

.about .content {
	width:920px;
}

.about .mission {
	float:left;
	width:440px;
	height:155px;
	padding:7px 10px 7px 20px;
	background:teal;
	font-size:15px;
}

	.about .mission p {
		padding: 10px 0 10px 0;
		color:#fff;
		line-height:23px;
	}

	.about .mission p a:link, .about .mission p a:visited {
		color:#000;
	}
	.about .mission p a:hover, .about .mission p a:active {
		color:#fff;
		background:#222;
	}

.about .why-vxfusion {
	float:left;
	width: 100%;
	padding:20px 0 0 0;
}
	
	.about .why-vxfusion h3 { 
		margin:5px 0 0 0;
		line-height:1.3em;
		padding:0;
	}

	.about .why-vxfusion .col1 {
		float:left;
		width:440px;
		padding:0 40px 0 0;
		text-align:justify;
	}
	
	.about .why-vxfusion .col2 {
		float:left;
		width:440px;
		text-align:justify;
	}
	
	.about .why-vxfusion .w75 {
		float:left;
		width:580px;
		padding:0 40px 0 0;
	}

	.about .why-vxfusion .wrapper {
		float:left;
		width:920px;
		column-count: 3;
		column-gap: 20px;
		-moz-column-count: 3;
		-moz-column-gap: 20px;
		-o-column-count: 3;
		-o-column-gap: 20px;
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
	}

	.about .why-vxfusion h2 {
		padding:0 0 10px 0;
	}

.about .who-are-we {
	float:left;
	padding:40px 0 0 0;
}
.about .who-are-we h2 {
	padding:0 0 20px 0;
}

.about .bio {
	float:left;
	width:280px;
}
.about .bio.kelsey {
	padding-left:40px;
}
.about .bio.chris {
	padding-top:30px;
}
.about .bio.tyler {
	padding-top:30px;
	padding-left:40px;
}

.about .bio h3 {
	font-size:24px;
	line-height:24px;
	color:#000;
	font-weight:normal;
}

.about .bio h4 {
	font-size:15px;
	line-height:15px;
	color:#999;
	font-weight:normal;
}

.about .bio p {
	padding: 10px 0 10px 0;
}

.about .bio img.photo {
	float:left;
	display:inline;
	width:110px;
	height:90px;
	margin:12px 10px 10px 0;
	padding:2px;
	background:#FBFBFB;
	border:solid 2px #F0F0F0;
}

.about .awards {
	float:right;
	width:240px;
	padding:20px 20px 10px;
	margin:40px 0 0 0;
	background:#f0f0f0;
}

.about .awards h3 {
	margin: 0 0 10px 0;
}

.about .awards h4 {
	margin:0 0 15px 0;
	
}

.about .awards img {
	float:left;
	padding:7px 7px 0 0;
	
}

.about .awards strong {
	color:#666;
}

.about .awards a:link, .about .awards a:visited {
	color:#cc0000;
	padding:0;
	background:transparent;
}
.about .awards a:hover, .about .awards a:active {
	color:#cc0000;
	border-bottom:solid 1px #cc0000;
}

.about .module {
	float:right;
	width:240px;
	padding:20px 20px 20px;
	margin:10px 0 0 0;
	background:#f0f0f0;
}

.about .module ul {
	padding:10px 0 10px 20px;
	margin:0;
	list-style-type:square;
}

.about .module ul li {
	padding:2px 0;
}

.about .partners {
	height:150px;
	padding:10px 20px;
	margin:60px 0 0 0;
}

.about .partners td {
	padding:10px 25px 10px 0;
}

.about .partners h4 {
	float:left;
	text-shadow: #fff 2px 2px;
}

.about .partners a {
	float:left;
}

.about .partners img {
	float:left;
}

.about .partners a:link, .about .partners a:visited, .about .partners a:hover, .about .partners a:active {
	border:none;
	background:none;
}



/***** SERVICES *****/
.services .main-wrapper { background:#fff; }
.services .main { 
	width:1000px;
	font-size:16px; 
	background:url("/images/services/top-gradient-01.png") no-repeat;
}
.services .main .content { width:920px; }

.services h1 {
	font-size:50px;
	line-height:1em;
	width:920px;
	margin:60px 0 30px 0;
	text-align:center;
	text-transform:lowercase;
	-moz-text-shadow:1px 1px 0px #fff;
	-webkit-text-shadow:1px 1px 0px #fff;
	text-shadow:1px 1px 0px #fff;
}

.services .vert-line {
	position:absolute;
	top:0;
	left:459px;
	width:2px;
	height:340px;
	background:#EAEAEA;
	z-index:990;
}

.services .horz-line {
	position:absolute;
	top:169px;
	left:0;
	width:920px;
	height:2px;
	background:#EAEAEA;
	z-index:990;
}

.services h2.title {
	position:absolute;
	top:154px;
	left:400px;
	width:120px;
	height:32px;
	text-align:center;
	background:#cc0000;
	color:#fff;
	font-size:18px;
	letter-spacing:0px;
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
	text-shadow:none;
	z-index:990;
}

.services .what-we-do {
	position:relative;
	width:920px;
	height:400px;
	margin:-20px 0 0 0;
}


.services ul.subnav li.title.selected a {
	background:url(/images/sidebar-subnav-selected-bg.gif) no-repeat 0px 0px;
	padding-left:32px;
	margin-left:-12px;
}

.services ul.subnav li.title.selected a h2 {
	color:#fff;
	text-shadow: -1px -2px 0px #5692B4;
}

.services ul.subnav li.selected a {
	color:#fff;
	background:url(/images/sidebar-subnav-selected-bg.gif) no-repeat 0px 0px;
	padding-left:32px;
	margin-left:-12px;
	text-shadow: -1px -2px 0px #5692B4;
}

.services .what-we-do .box:link,
.services .what-we-do .box:visited {
	float:left;
	width:322px;
	height:79px;
	padding:45px 68px 45px 69px;
	color:#666;
}
.services .what-we-do .box:hover,
.services .what-we-do .box:active {
	border-bottom:none;
	background:#F8F8F8;
	color:#333;
	cursor:pointer;
}

.services .what-we-do .box img {
	float:left;
	width:42px;
}

.services .what-we-do .box h3 {
	float:right;
	width:260px;
	margin:-8px 0 0 0;
	font-size:28px;
	color:#333;
}

.services .what-we-do .box p {
	float:right;
	clear:right;
	width:260px;
	font-size:16px;
	line-height:17px;
	padding:0;
}

.services .what-we-do .box.websites {
}
.services .what-we-do .box.branding { margin:0 0 0 2px; }
.services .what-we-do .box.print { margin:2px 0 0 0; }
.services .what-we-do .box.email { margin:2px 0 0 2px; }

.services .focus.wordpress {
	float:right;
}

.services .focus.wordpress h2 {
	float:right;
	width:384px;
}

.services .focus.wordpress p {
	float:right;
	clear:right;
	width:384px;
	padding-bottom:0;
}


.services .price {
	float:left;
	display:none;
	width:70px;
}

.services .price .starting {
	float:right;
	font-size:14px;
	color:#000;
}

.services .price .from {
	float:right;
	clear:right;
	font-size:23px;
	color:#999;
	letter-spacing:-0.5px;
}

.services .price .cost {
	float:right;
	clear:right;
	font-size:23px;
	color:#cc0000;
	padding-top:10px;
}

.services .price .cost sup {
	float:left;
	font-size:16px;
	padding-right:2px;
	color:#cc0000;
}

.services .price .cost .cufon {
	float:left;
}

.services .content hr {
	
	float:left;
	clear:both;
	width:1000px;
	height:20px;
	background:#B6D3E9;
	margin:60px 0 0 -40px;
	border:none;

}

.services .indent {
	float:left;
	padding:0 90px;
}


.services .focus.wordpress {
	float:left;
	width:658px;
	padding:20px 40px;
	margin:20px 0 40px 90px;
}
	.services .focus.wordpress h2 { width:460px; }
	.services .focus.wordpress p { width:460px; }


/***** SERVICES: WEBSITES/INTERACTIVE *****/
.services.websites .main-wrapper { background:#fff; }
.services.websites .main { 
	width:1000px;
	font-size:16px; 
	background:url("/images/services/top-gradient-01.png") no-repeat;
	/* background:url("/images/main-vx.gif") no-repeat right bottom; */
}
.services.websites .main .content { width:920px; }

.services.websites h1 {
	font-size:50px;
	line-height:1em;
	width:920px;
	margin:60px 0 30px 0;
	text-align:center;
	text-transform:lowercase;
	-moz-text-shadow:1px 1px 0px #fff;
	-webkit-text-shadow:1px 1px 0px #fff;
	text-shadow:1px 1px 0px #fff;
}

.services.websites h2 { font-size:30px; }

.services.websites .design {
	float:left;
	margin:0 0 0 -40px;
}

	.services.websites .design img { float:left; }
	
	.services.websites .design .indent { 
		margin-top:-80px;
		padding:0 130px;
	}

	.services.websites .design p {
		float:left;
		padding:0;
		margin:0 0 24px 0;
	}

	.services.websites .design h2 {
		float:left;
		margin-bottom:10px;
	}


.services.websites .cms {
	float:left;
	padding:0 90px 0 0;
}

	.services.websites .cms img {
		float:left;
		margin-left:-40px;
		margin-right:-90px;
	}


.services.websites .seo {
	float:left;
	margin:-40px 0 0 0;
	padding:0 0 0 90px;
}

	.services.websites .seo img {
		float:right;
		margin-right:-40px;
		margin-left:-40px;
	}

	.services.websites .seo h2 {
		padding-top:80px;
	}


.services.websites .mobile {
	float:left;
	margin:0 0 0 0;
	padding:0 120px 0 0;
}

	.services.websites .mobile img {
		float:left;
		margin-left:-40px;
		margin-right:-100px;
		padding:0 40px 0 0;
	}

	.services.websites .mobile h2 {
		padding-top:100px;
	}


.services.websites .webapp {
	float:left;
	padding:70px 0 0 0;
}


/***** SERIVCES: BRANDING & IDENTITY *****/
.services.branding .main-wrapper { background:#fff; }
.services.branding .main { 
	width:1000px;
	font-size:16px; 
	background:url("/images/services/top-gradient-01.png") no-repeat;
}
.services.branding .main .content { width:920px; }

.services.branding h1 {
	font-size:50px;
	line-height:1em;
	width:920px;
	margin:60px 0 30px 0;
	text-align:center;
	text-transform:lowercase;
	-moz-text-shadow:1px 1px 0px #fff;
	-webkit-text-shadow:1px 1px 0px #fff;
	text-shadow:1px 1px 0px #fff;
}

.services.branding img.top-photo {
	float:left;
	margin:0 0 0 -40px;
}

.services.branding .branding-identity {
	float:left;
	width:380px;
	padding:10px 30px;
	margin:-52px 40px 0 40px;
	background:#F0F0F0;
	border-top:solid 5px #cc0000;
}

.services.branding  .logos {
	float:left;
	width:290px;
	padding:10px 30px;
	margin:-52px 0 0 0;
	background:#F0F0F0;
	border-top:solid 5px #cc0000;
}

.services.branding .quote {
	float:left;
	padding:25px 40px 30px 0;
	margin:-1px 0 0 -40px;
	background:#EEF5FB;
	border-top:solid 1px #A9CDED;
	-moz-border-radius:0 0 15px 0;
	-webkit-border-radius:0 0 15px 0;
	border-radius:0 0 15px 0;
}

	.services.branding .quote span {
		float:left;
		width:415px;
		padding:0 20px 0 0;
		text-align:right;
		font-size:32px;
		color:#999;
		line-height:32px;
		text-transform:uppercase;
	}

	.services.branding .quote p {
		float:left;
		width:370px;
		padding:5px 0;
		font-size:14px;
		color:#000;
	}

.services.branding .social-media {
	float:right;
	width:700px;
	margin:60px -40px 0;
	padding:25px 40px 20px 40px;
	background:#DBEAF7;
	border-bottom:solid 1px #A9CDED;
	-moz-border-radius:15px 0 0 0;
	-webkit-border-radius:15px 0 0 0;
	border-radius:15px 0 0 0;
}

	.services.branding .social-media img {
		float:left;
		padding:35px 0 0 60px;
	}

	.services.branding .social-media .text {
		float:left;
		width:340px;
		padding:0;
		margin:-1px 0 0 0;
	}

	.services.branding .social-media h2 {
		padding-top:0;
	}


.services.branding .packaging {
	float:left;
	padding:60px 90px 0 0;
}

	.services.branding .packaging img {
		float:left;
		padding:35px 0 0 20px;
		margin-right:-30px;
	}

	.services.branding .packaging h2 {
		padding-top:15px;
	}




/***** SERVICES: PRINT MEDIA *****/
.services.print .main-wrapper { background:#fff; }
.services.print .main { 
	width:1000px;
	font-size:16px; 
	background:url("/images/services/top-gradient-01.png") no-repeat;
}
.services.print .main .content { width:920px; }

.services.print h1 {
	font-size:50px;
	line-height:1em;
	width:920px;
	margin:60px 0 30px 0;
	text-align:center;
	text-transform:lowercase;
	-moz-text-shadow:1px 1px 0px #fff;
	-webkit-text-shadow:1px 1px 0px #fff;
	text-shadow:1px 1px 0px #fff;
}

.services.print h2 { font-size:30px; }

.services.print .brochures {
	float:left;
	width:330px;
	margin:0 0 0 -40px;
	padding:30px 0;
	overflow:hidden;
}

	.services.print .brochures img {
		float:left;
		margin:15px -34px 0;
	}

	.services.print .brochures .text {
		float:left;
		margin:-19px 0 0 0;
		padding:0 40px;
	}

	.services.print .brochures h2 {
		padding-top:0;
	}
	
	
.services.print .allprint {
	float:left;
	width:340px;
	padding:30px 0;
	background:url(/images/services/print/column-01.png);
}

	.services.print .allprint img {
		float:left;
		padding:0 47px;
		margin:-17px 0 0 0;
	}

	.services.print .allprint .text {
		float:left;
		padding:0 40px;
		margin:20px 0 0 0;
	}

	.services.print .allprint h2 {
		padding-top:0;
	}


.services.print .bcards {
	float:left;
	width:330px;
	margin:0 -40px 0 0;
	padding:30px 0;
}

	.services.print .bcards img {
		float:right;
		margin:-40px 0 0 0;
	}

	.services.print .bcards .text {
		float:left;
		padding:0 40px;
		margin:-11px 0 0 0;
	}

	.services.print .bcards h2 {
		padding-top:0;
	}



.services.print .moreprint {
	float:left;
	padding:30px 0 0 0;
}

.services.print .moreprint h3 {
	font-size:25px;
	color:#333;
}

.services.print .moreprint table {
	width:100%;
	border-collapse:collapse;
	border-top:solid 5px #F0F0F0;
	border-left:solid 1px #F0F0F0;
}

.services.print .moreprint td {
	padding:20px 20px 10px;
	vertical-align:top;
	background:#FBFBFB; 
	border-right:solid 1px #F0F0F0;
	border-bottom:solid 1px #F0F0F0;
}

.services.print .moreprint td.alt {
	background:#fff; 
}

.services.print .moreprint h4 {
	font-size:20px;
	color:#cc0000;
}


/***** SERVICES: EMAIL CAMPAIGNS *****/
.services.email .main-wrapper { background:#fff; }
.services.email .main { 
	width:1000px;
	font-size:16px; 
	background:url("/images/services/top-gradient-01.png") no-repeat;
}
.services.email .main .content { width:920px; }

.services.email h1 {
	font-size:50px;
	line-height:1em;
	width:920px;
	margin:60px 0 30px 0;
	text-align:center;
	text-transform:lowercase;
	-moz-text-shadow:1px 1px 0px #fff;
	-webkit-text-shadow:1px 1px 0px #fff;
	text-shadow:1px 1px 0px #fff;
}

.services.email h2 { font-size:30px; }

.services.email .email-campaigns {
	float:left;
	position:relative;
	width:740px;
	padding:0 130px 30px;
	margin:0 0 0 -40px;
	background:url(/images/services/top-intro-01.png) no-repeat left bottom;
}

	.services.email .email-campaigns img {
		position:absolute;
		bottom:0;
		right:110px;
	}

	.services.email .email-campaigns h2 {
		padding-top:50px;
		padding-right:240px;
	}
	
	.services.email .email-campaigns p {
		padding-right:240px;
	}


.services.email .newsletter {
	float:left;
	padding:30px 40px 20px;
	margin:0 90px;
	background:#f0f0f0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

	.services.email .newsletter .price {
		padding:0 0 0 10px;
	}

	.services.email .newsletter .text {
		float:left;
		margin:-1px 0 0 0;
	}


.services.email .reporting {
	float:left;
	padding:80px 90px 0 0;
}

	.services.email .reporting img {
		float:left;
		margin-left:-40px;
		margin-right:-100px;
	}

	.services.email .reporting h2 {
		padding-top:90px;
	}


.services.email .easy {
	float:left;
	padding:80px 0 0 90px;
}

	.services.email .easy img {
		float:right;
		margin-right:-40px;
		margin-left:-110px;
	}

	.services.email .easy h2 {
		padding-top:45px;
	}

.services.email .outlook {
	width:658px;
	padding:20px 40px;
	margin:20px 0 40px 90px;
}

.services.email .outlook ul {
	margin:10px 0 0 0;
}

.services.email .outlook ul li {
	padding:2px 0;
}



/***** WORK *****/
.work .main {
	width:1000px;
}

.work .content {
	width:960px;
	/*min-height:230px;*/
	padding:0 40px 40px 0;
}

.work .filter-desc {
	float:right;
	margin:61px 5px 0 0;
	font-family:Century Gothic;
	color:#666;
}

.work ul.subnav {
	display:none !important;
}

.work .piece {
	float:left;
	position:relative;
	display:inline;
	width:278px;
	height:188px;
	margin:40px 0 0 40px;
	border:solid 1px #999;
	cursor:pointer;
}
.work .piece:hover,
.work .piece:active {
	border:solid 1px #333;
	background:transparent;
}
.work .piece:hover .overlay,
.work .piece:active .overlay {
	display:inline-block;
}

.work .piece img {
	position:absolute;
	top:0;
	left:0;
	width:278px;
	height:188px;
	z-index:2;
	background:#fff;
}

.work .piece .overlay {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:252px;
	height:165px;
	padding:6px 8px 8px;
	border:solid 5px #333;
	background:url(/images/work-piece-bg.png);
	z-index:2;
	cursor:pointer;
	line-height:1em;
}

.work .piece h2 {
	float:left;
	font-size:32px;
	color:#fff;
	font-weight:normal;
	line-height:37px;
	text-shadow:none;
}

.work .piece label {
	position:absolute;
	top:0px;
	right:30px;
	height:30px;
	padding:2px 5px 0;
	font-size:12px;
	font-family: Century Gothic, Avant Garde Gothic, Futura, Twentieth Century, Helvetica, Sans-Serif;
	color:#fff;
	background:#333;
	text-transform:uppercase;
	z-index:1;
}


/***** WORK CHILD *****/
.work.child a.title-link:hover h1 {
	color:#333;
}
.work.child a.title-link:active h1 {
	background:#FBEEEE;
	color:#333;
}

.work.child h1 a {
	color:#ccc;
}
.work.child h1 a:hover, .work.child h1 a:active {
	color:#333;
	border:none;
	background:none;
}

.work.child .subtitle {
	float:left;
	margin:38px 0 0 0;
	padding:0 0 0 20px;
}

.work.child h2 {
	float:left;
	color:#333;
	font-weight:normal;
	font-size:36px;
	line-height:30px; /* override in ie7 */
	margin:40px 0 0 40px;
}

	.work.child h2 a {
		color:#999;
	}
	.work.child h2 a:hover,
	.work.child h2 a:active {
		border:none;
		color:#cc0000;
	}

	.work.child h2 span {
		padding:0 10px;
		color:#666;
	}

.work.child .subtext,
.work.child .subtext:link,
.work.child .subtext:visited {
	float:left;
	clear:left;
	margin:1px 0 0 2px; /* override in ie7 */
	border:none;
	color:#CC0000;
	font-family: Century Gothic, Avant Garde Gothic, Futura, Twentieth Century, Helvetica, Sans-Serif;
}
.work.child .subtext:hover,
.work.child .subtext:active {
	margin:1px 0 -1px 2px;
	border-bottom:solid 1px #cc0000;
}

.work.child span.subtext,
.work.child span.subtext:hover,
.work.child span.subtext:active {
	border:none;
	margin:1px 0 0 2px;
}


.work.child .content {
	position:relative;
	width:640px;
	padding:40px;
}

.work.child .content a.view {
	float:left;
	width:638px;
	border:none;
	cursor:pointer;
	overflow:hidden;
	border:solid 1px #999;
	overflow:hidden;
}
.work.child .content a.view:hover,
.work.child .content a.view:active {
	border:solid 1px #666;
	background:transparent;
}

.work.child .content a.view:hover .expand { display:inline; }

.work.child .content a.view img {
	float:left;
	width:640px;
	height:400px;
	margin:-1px 0 0 -2px;
}

.work.child .content a.view .expand {
	position:absolute;
	display:none;
	top:186px;
	left:260px;
	width:120px;
	height:18px;
	padding:7px 0 3px;
	text-align:center;
	background:#333;
	background:rgba(0,0,0,0.7);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff;
}

.work.child .content .spinner {
	float:left;
	position:relative;
	width:640px;
	height:400px;
	background:url(/images/spinner.gif) no-repeat center center #fff;
}

.work.child .content .overlay {
	position:absolute;
	top:40px;
	left:40px;
	width:640px;
	height:400px;
	background:url(/images/work-view-overlay.png);
	z-index:3;
}

.work.child .sidebar {
	width:240px;
	padding:40px 0;
	background:transparent;
}

.work.child .sidebar a.next {
	display:none;
	float:left;
	position:relative;
	border:solid 1px #333;
	cursor:pointer;
}
.work.child .sidebar a.next:hover,
.work.child .sidebar a.next:active {
	border:solid 1px #333;
}

.work.child .sidebar a.next img {
	float:left;
	width:139px;
}

.work.child .sidebar a.next .button {
	position:absolute;
	top:0px;
	right:0px;
	width:63px;
	height:24px;
	background:url(/images/work-next.png) no-repeat;
}
.work.child .sidebar a.next:hover .button ,
.work.child .sidebar a.next:active  .button {
	background-position:0px -25px;
}

.work.child .sidebar a.prev {
	display:none;
	float:left;
	clear:left;
	width:53px;
	height:20px;
	margin:10px 0 40px 0;
	cursor:pointer;
	background:url(/images/work-prev.png) no-repeat;
}
.work.child .sidebar a.prev:hover,
.work.child .sidebar a.prev:active {
	border:none;
	background-position:0px -21px;
}

.work.child .sidebar h3 {
	float:left;
	width:100%;
	margin:0;
	padding-bottom: 5px;
	color:#999;
	border-bottom:1px dashed #ccc;
}

.work.child .sidebar p {
	float:left;
	color:#666;
}

.work.child .sidebar a.external {
	float:left;
	clear:both;
	margin:10px 0 0 0;
}

.work.child .content .thumbnails {
	float:left;
	width:660px;
	margin:0 0 0 -22px;
}

.work.child .content .thumbnails a,
.work.child .content .thumbnails a:link,
.work.child .content .thumbnails a:visited {
	float:left;
	position:relative;
	display:inline;
	width:108px;
	height:71px;
	margin:20px 0 0 22px;
	border:solid 1px #999;
	cursor:pointer;
}
.work.child .content .thumbnails a:hover,
.work.child .content .thumbnails a:active {
	border:solid 1px #333;
}

.work.child .content .thumbnails a.selected {
	border:solid 2px #cc0000; /* formerly #666 */
	margin:19px -1px -1px 21px;
}

.work.child .content .thumbnails a img {
	float:left;
	width:108px;
	height:71px;
}

.work.child .content .thumbnails a .thumb-overlay {
	position:absolute;
	width:108px;
	height:71px;
	background:url(/images/work-view-overlay.png);
}



/***** CONTACT *****/
.contact .main-wrapper { background:#fff; }
.contact .main { 
	width:1000px; 
	background:url("/images/services/top-gradient-01.png") no-repeat;
}
.contact .main .content { width:920px; }

.contact h1 {
	font-size:50px;
	line-height:1em;
	width:920px;
	margin:50px 0 20px 0;
	text-align:center;
	text-transform:lowercase;
	-moz-text-shadow:1px 1px 0px #fff;
	-webkit-text-shadow:1px 1px 0px #fff;
	text-shadow:1px 1px 0px #fff;
}

.contact h2 { font-size:30px; }


.contact .office {
	float:left;
	width:300px;
	padding:20px 20px 20px;
	background:url("/images/sidebar-vx.gif") no-repeat scroll left bottom #F0F0F0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

	.contact .office h3 {
		margin-top:20px;
		letter-spacing:1px;
	}
	
	.contact .office a.view-map {
		line-height:24px;
	}
	
	.contact .office .billing {
		padding:30px 0 10px 0;
	}

	
.contact .email {
	float:left;
	width:540px;
	padding:20px 0 0 40px;
}

	.contact .email form { 
		float:left;
		width:540px;
		margin:10px 0 0 0;
	}
	
	.contact .email .field {
		float:left;
		padding:0 10px 0 0;
	}
	
	.contact .email .field label {
		float:left;
		margin:15px 0 0 0;
	}
	
	.contact .email .field.hidden {
		display:none;
		clear:left;
		width:250px;
	}
	
	.contact .email .field.hidden img {
		float:left;
		position:relative;
		top:13px;
		padding:0 8px 0 12px;
	}
	
	.contact .email #txtName { width:200px; }
	.contact .email #txtPhone { width:160px; }
	.contact .email #txtEmail { width:240px; }
	.contact .email #txtMessage { width:500px; }
	.contact .email #cboBudget { width:180px; }
	.contact .email #cboReferred { width:220px; }
	.contact .email #txtOther { width:170px; }

	.contact .email input.textbox {
		float:left;
		padding:7px 6px 5px;
		margin:10px 0 0 0;
		border:solid 1px #CCCCCC;
		background:#fbfbfb;
		font-size:14px;
		color:#333;
	}

	.contact .email input.textbox.invalid {
		border:solid 1px #E87575;
	}

	.contact .email input.textbox.watermark {
		color:#999;
	}
	
	.contact .email input.textbox:focus {
		border:solid 1px teal;
	}
	
	.contact.no-script .email input.textbox {
		clear:left;
		margin:2px 0 0 0;
	}

	.contact .email select.dropbox {
		float:left;
		clear:left;
		width:210px;
		padding:4px;
		margin:10px 0 0 0;
		border:solid 1px #CCCCCC;
		background:#fbfbfb;
		font-size:14px;
		color:#333;
	}
	
	.contact .email select.dropbox:focus {
		border:solid 1px teal;
	}
	
	.contact.no-script .email select.dropbox {
		clear:left;
		margin:2px 0 0 0;
	}

	.contact .email textarea {
		float:left;
		clear:left;
		height:80px;
		padding:7px 6px 5px;
		margin:10px 0 0 0;
		border:solid 1px #CCCCCC;
		background:#fbfbfb;
		font-size:14px;
		color:#333;
	}

	.contact .email textarea.invalid {
		border:solid 1px #E87575;
	}

	.contact .email textarea.watermark {
		color:#999;
	}
	
	.contact .email textarea:focus {
		border:solid 1px teal;
	}
	
	.contact.no-script .email textarea {
		clear:left;
		margin:2px 0 0 0;
	}

	.contact .email input.button {
		float:left;
		clear:left;
		padding:7px 8px 4px;
		overflow:visible;
		margin:20px 0 0 0;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		background:#333;
		border:none;
		cursor:pointer;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
	}
	.contact .email input.button:hover { background:#cc0000; }
	.contact .email input.button:active { background:#9D0000; }

	.contact .email .required {
		float:left;
		padding:27px 0 0 20px;
	}
	
	.contact .email .error {
		width:auto;
	}
	
	.contact .email .error.field-error {
		display:none;
		clear:left;
		font-size:13px;
		margin:0;
		padding:5px 7px 3px;
		border:solid 1px #E87575;
		border-top:none;
		white-space:nowrap;
		-moz-border-radius:0 0 3px 3px;
		-webkit-border-radius:0 0 3px 3px;
		border-radius:0 0 3px 3px;
	}
	
.contact .error {
	width:598px;
}


.contact iframe {
	float:left;
	clear:both;
	margin:60px 0 0 0;
	border:solid 1px #CCCCCC;
}

	.contact.no-script iframe {
		display:none;
	}

.contact .contacts {
	clear:both;
	width:100%;
	margin:30px 0 0 0;
}

	.contact .contacts h4 {
		font-size:18px;
		font-weight:normal;
		color:#333;
		padding:0 0 2px 0;
		letter-spacing:0;
	}

	.contact .contacts span {
		color:#666;
		line-height:14px;
	}

	.contact .contacts a {
		line-height:32px;
	}



/***** 404 PAGE NOT FOUND ****/
.fourohfour .main {
	
}

.fourohfour .sidebar {
	padding:40px 0 0 0;
}

.fourohfour .sidebar h3 {
	font-size:42px;
	color:#999;
	padding:0 0 0 20px;
}

.fourohfour .sidebar a.contact-us {
	float:left;
	width:187px;
	height:57px;
	margin:20px 0 0 20px;
	background:url(/images/slides/creative-team/btn-contactus.png) no-repeat 0px 0px;
}
.fourohfour .sidebar a.contact-us:hover,
.fourohfour .sidebar a.contact-us:active {
	background:url(/images/slides/creative-team/btn-contactus.png) no-repeat 0px -57px;
	border:none;
}


/***** FANCY BOX OVERRIDES *****/
#fancybox-close {
	border:none;
}
#fancybox-close:hover,
#fancybox-close:active {
	border:none;
	background-color:transparent;
}