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

body {
	margin: 0;
	padding: 0;
	background: URL(/images/background.png) top center no-repeat #080808;
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #bbbbbb;
	text-align: center;
}

a:link, a:visited {
	color:#FFF;
}

a:hover, a:active {
	color:#FFF;
	background:#AE1E1E;
	text-decoration:none;
}

p {
	margin: 0;
	padding: 5px 0;
	line-height: 18px;
	text-align: justify;
}

img {
	border:0;
}

.float-left {
	float:left;
}
.float-right {
	float:right;
}

h1 {
	font-size: 3em;
	font-weight: normal;
	margin: 0;
	padding:40px 0 20px 40px;
	color: #ffffff;
	line-height:30px;
}

h1 span {
	color:#666;
}

h1 a, h1 a:link, h1 a:visited {
	color:#666;
	text-decoration:none;
}
h1 a:hover, h1 a:active {
	color:#666;
	text-decoration:underline;
	background:transparent;
}

h1 a span, h1 a:link span, h1 a:vistied span {
	text-decoration:none;
}
h1 a:hover span, h1 a:active span {
	text-decoration:underline;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 1px 5px;
	color: #ffffff;
	font-family: georgia, verdana, sans-serif;
	letter-spacing: 0.05em;
	background: #AE1E1E;
}

h3 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 15px 0 -5px 0;
	padding: 0;
	color: #ffffff;
	font-family: georgia, verdana, sans-serif;
	letter-spacing: 0.05em;
}

h4 {
	width:100%;
	font-size: 1.3em;
	font-weight: normal;
	padding: 20px 0 5px 0;
	margin: 0 0 5px 0;
	color: #B2C9DB;
	border-bottom:solid 1px #232323;
	font-family: georgia, verdana, sans-serif;
}

.h2-small {
	color: #E36C6C;
	font-size: 0.75em;
	text-transform: uppercase;
}

.white {
	color:#FFF;
}

.hide {
	display: none;
}


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

#logo {
	float: left;
	width: 228px;
	height: 56px;
	margin-top: 10px;
}

#header {
	float: left;
	width: 980px;
	height: 76px;
	padding: 0 20px;
	margin-top: 50px;
	background: URL(/images/top-bg.png) no-repeat;
}

/* navigation */
#nav {
	float: right;
	height: 27px;
	padding: 23px 40px 0 0;
}

#nav ul {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

#nav ul li {
	float: left;
	margin-left:10px;
}

#nav a, #nav a:hover {
	float:left;
	cursor:pointer;
	background:transparent;
}

#nav ul li a:hover .nav-left, #nav ul li a:active .nav-left {
	background:url(/images/nav-bg-left.png) no-repeat;
}
#nav ul li a:hover .nav-middle, #nav ul li a:active .nav-middle {
	background-color:#0D0D0D;
}
#nav ul li a:hover .nav-right, #nav ul li a:active .nav-right {
	background:url(/images/nav-bg-right.png) no-repeat;
}

.nav-left {
	float:left;
	width:6px;
	height:27px;
}
.nav-middle {
	float:left;
	height:27px;
	padding:0 4px;
	background-position:4px 6px !important;
}
.nav-right {
	float:left;
	width:6px;
	height:27px;
}

/* defines each of the link's background image text */
.nav-home .nav-middle { background:url(/images/nav-home.png) no-repeat; width:46px; }
.nav-about .nav-middle { background:url(/images/nav-about.png) no-repeat; width:49px; }
.nav-services .nav-middle { background:url(/images/nav-services.png) no-repeat; width:61px; }
.nav-work .nav-middle { background:url(/images/nav-work.png) no-repeat; width:39px; }
.nav-blog .nav-middle { background:url(/images/nav-blog.png) no-repeat; width:35px; }
.nav-quote .nav-middle { background:url(/images/nav-quote.png) no-repeat; width:124px; }
.nav-contact .nav-middle { background:url(/images/nav-contact.png) no-repeat; width:64px; }

/* styles for what page you ore on */
.home .nav-home .nav-left { background:url(/images/nav-bg-left.png) no-repeat; }
.home .nav-home .nav-middle { background-color:#0D0D0D; }
.home .nav-home .nav-right { background:url(/images/nav-bg-right.png) no-repeat; }

.about .nav-about .nav-left { background:url(/images/nav-bg-left.png) no-repeat; }
.about .nav-about .nav-middle { background-color:#0D0D0D; }
.about .nav-about .nav-right { background:url(/images/nav-bg-right.png) no-repeat; }

.services .nav-services .nav-left { background:url(/images/nav-bg-left.png) no-repeat; }
.services .nav-services .nav-middle { background-color:#0D0D0D; }
.services .nav-services .nav-right { background:url(/images/nav-bg-right.png) no-repeat; }

.work .nav-work .nav-left { background:url(/images/nav-bg-left.png) no-repeat; }
.work .nav-work .nav-middle { background-color:#0D0D0D; }
.work .nav-work .nav-right { background:url(/images/nav-bg-right.png) no-repeat; }

.blog .nav-blog .nav-left { background:url(/images/nav-bg-left.png) no-repeat; }
.blog .nav-blog .nav-middle { background-color:#0D0D0D; }
.blog .nav-blog .nav-right { background:url(/images/nav-bg-right.png) no-repeat; }

.quote .nav-quote .nav-left { background:url(/images/nav-bg-left.png) no-repeat; }
.quote .nav-quote .nav-middle { background-color:#0D0D0D; }
.quote .nav-quote .nav-right { background:url(/images/nav-bg-right.png) no-repeat; }

.contact .nav-contact .nav-left { background:url(/images/nav-bg-left.png) no-repeat; }
.contact .nav-contact .nav-middle { background-color:#0D0D0D; }
.contact .nav-contact .nav-right { background:url(/images/nav-bg-right.png) no-repeat; }


/* content */
#content {
	float:left;
	width:1000px;
}

#content .sub-nav {
	float: left;
	padding: 0 0 20px 40px;
	font-size:15px;
}

#content .sub-nav span.chevron {
	padding:0 2px;
}

#main-left {
	float:left;
	width:433px;
	height:429px;
	background:url(/images/home_left.png) no-repeat;
}
#main-right {
	float:left;
	width:567px;
	height:429px;
	background:url(/images/home_right.png) no-repeat;
}
#main-right p {
	float: left;
	clear: both;
	width: 487px;
	padding: 20px 5px;
	color: #ccc;
	font-size: 1em;
}
#main-right p a {
	color: #ccc;
}
#main-viewourwork {
	float:left;
	width:226px;
	height:57px;
	margin-top:279px;
	background:url(/images/btn-viewourwork.png) no-repeat;
}
#main-viewourwork:hover, #main-viewourwork:active {
	background-position:0px -57px;
}

#main {
	float:left;
	width:100%;
	background:#000;
}

#content-left {
	float: left;
	width: 556px;
	padding: 0 0 40px 40px;
}

#content-right {
	float: right;
	width: 344px;
	padding: 0 40px 40px 0;
}

.page-title {
	padding:40px 0 20px 40px;
}

#bottom-left {
	float:left;
	width:392px;
	height:250px;
	background:url(/images/home_bottom_left.png) no-repeat;
}
#bottom-right {
	float:left;
	width:608px;
	height:250px;
	background:url(/images/home_bottom_right.png) no-repeat;
}




/* footer */
#footer {
	float:left;
	width:1000px;
	text-align:center;
	color:#999;
	padding:5px 0;
}


/* about */
.about h2 {
	float:left;
	width:100%;
	margin-bottom:5px;
}

.about .break {
	margin-top:30px;
}

.about p {
	width:100%;
}

.about .icon {
	float:left;
	width:32px;
	padding:20px 20px 0 0;
}

.about .text {
	float:left;
	width:504px;
}

.about .memberof {
	float:left;
	margin-right:5px;
}
.about .memberof:hover {
	background:transparent;
	border-bottom:solid 5px #AE1E1E;
}
.about .memberof img {
	float:left;
}


.website-design .icon {
	float:left;
	width:60px;
	padding:20px 20px 0 0;
}

.website-design .text {
	float:left;
	width:476px;
}

.print-and-branding .icon {
	float:left;
	width:60px;
	padding:20px 20px 0 0;
}

.print-and-branding .text {
	float:left;
	width:476px;
}


/* services */
.services .bignumbers {
	margin:0;
	padding:0;
	list-style-type:none;
}

.services .bignumbers li h3 span {
	padding-right:15px;
	color:#AE1E1E;
	font-size:28px;
}

.services .bignumbers li p {
	padding-left:30px;
}


/* work */
.work-item {
	float:left;
	width:280px;
	height:200px;
	padding:0 0 40px 40px; 
}
.work-item a, .work-item a:link, .work-item a:visited {
	color:#FFF;
	text-decoration:none;
}
.work-item a:hover, .work-item a:active {
	color:#FFF;
	text-decoration:none;
	background:#E15151;
}

.work-photo {
	float:left;
	width:100%;
	height:150px;
}

.work-subtitle {
	float:left;
	width:260px;
	height:39px;
	background:#AE1E1E;
	border-top:solid 6px #FFF;
	color:#FFF;
	font-family: georgia, verdana, sans-serif;
	padding:5px 10px 0 10px;
}

.work-type {
	font-size:0.8em;
	font-weight:bold;
	color:#E36C6C;
}

#work-wpl { background:url(/images/work/wpl.jpg) no-repeat; }
#work-tomjohnson { background:url(/images/work/tomjohnson.jpg) no-repeat; }
#work-teachingwinery { background:url(/images/work/teachingwinery.png) no-repeat; }
#work-canadacustoms { background:url(/images/work/canadacustoms.png) no-repeat; }
#work-ocmc { background:url(/images/work/ocmc.png) no-repeat; }
#work-smokinbuddha { background:url(/images/work/smokinbuddha.png) no-repeat; }
#work-studentportal { background:url(/images/work/studentportal.png) no-repeat; }
#work-cfav { background:url(/images/work/cfav.png) no-repeat; }

#work-left {
	float:left;
	width:680px;
	padding-left:40px;
	padding-bottom:20px;
}
#work-left img {
	float:left;
	padding:0 0 20px 0;
	margin:0;
}

#work-right {
	float:left;
	display:inline;
	width:178px;
	margin:0 40px 0 20px;
	padding:0 20px 20px 20px;
	border:dashed 1px #232323;
}


/* forms */
.textbox {
	width:200px;
	background:#0A0A0A;
	border:solid 1px #2A2231;
	color:#999;
	font-family:verdana, arial, helvetica, sans-serif;
}
.textbox:focus {
	margin:-1px;
	border:solid 2px #2A2231;
}

.textarea {
	width:590px;
	height:150px;
	background:#0A0A0A;
	border:solid 1px #2A2231;
	color:#999;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1em;
}
.textarea:focus {
	margin:0 -1px;
	border:solid 2px #2A2231;
}

.textbox.error, .textarea.error {
	background:#140707;
	border:solid 1px #652727;
}
.textbox.error:focus {
	margin:-1px;
	border:solid 2px #652727;
}
.textarea.error:focus {
	margin:0 -1px;
	border:solid 2px #652727;
}

.button {
	background:#2A2231;
	border:none;
	color:#fff;
	padding:5px 15px;
	cursor:pointer;
	font-size:15px;
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
}

p.error-msg {
	color:#AE1E1E;
	font-weight:bold;
}

.tbl-left {
	text-align:right;
	width:57px;
}

/* contact */
.contact .textarea {
	width:570px;
}

#contact-form {
	padding-top:10px;
}
#contact-form td {
	padding:5px;
	vertical-align:top;
}

#contact-left {
	float:left;
	width:680px;
	padding-left:40px;
	padding-bottom:20px;
}

#contact-right {
	float:left;
	display:inline;
	width:180px;
	margin:0 0 40px 20px;
	padding:0 20px 20px 20px;
	border:dashed 1px #232323;
}


/* partners */
#partners {
	float:left;
	width:1000px;
	height:162px;
	background:url(/images/footer-partners.png) no-repeat;
}
#partner-niagararesearch {
	float:left;
	display:inline;
	width:246px;
	height:40px;
	background:url(/images/partner-niagararesearch.png) no-repeat;
	margin:77px 0 0 40px;
}
#partner-ngen {
	float:left;
	display:inline;
	width:120px;
	height:37px;
	background:url(/images/partner-ngen.png) no-repeat;
	margin:76px 0 0 40px;
}
#partner-vxnetworks {
	float:left;
	display:inline;
	width:203px;
	height:40px;
	background:url(/images/partner-vxnetworks.png) no-repeat;
	margin:77px 0 0 40px;
}


/* universal content styles */
ul {
	padding:0 0 0 30px;
}

ul li {
	padding:2px 0;
}