* {
	margin: 0;
	padding: 0;
	}

body {
	background: #fff url(../i/tile.gif) repeat top left;
	}

.null {
	position: absolute;
	top: -5000px;
	left: -5000px;
	}

.clear {
	clear: both;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

img.left,img.right {
	margin: 0 10px 5px 0px;
	}

.spacer {
	display: none;
	}

/* Type */

h1,h1 a {
	font: 18px/20px "lucida grande",verdana,sans-serif;
	color: #9d0a0e;
	padding: 0 0 5px 0;
	text-decoration: none;
	}

h1 a:hover {
	color: #700;
	}

#right h1 span {
	color: #777;
	}



h2 {
	font: 14px/20px "lucida grande",verdana,sans-serif;
	color: #333;
	padding: 0;
	}

h2 span,.content li span {
	color: #9d0a0e;
	}

dt {
	color: #9d0a0e;
	font: 12px/20px "lucida grande",verdana,sans-serif;
	margin: 0 5px 0 0;
	}

p,dd {
	color: #777;
	font: 11px/20px "lucida grande",verdana,sans-serif;
	}

p,dl {
	padding: 0 0 5px 0;
	}

.home .block .two p { /* news boxes - no margins */
	margin: 0;
	}

dt,dt {
	float: left;
	}

blockquote {
	background: url(../i/quote.jpg) no-repeat center center;
	color: #555;
	font: 12px "lucida grande","trebuchet ms",verdana,sans-serif;
	display: block;
	text-align: center;
	}


blockquote span {
	font-style: italic;
	color: #999;
	clear: left;
	float: right;
	margin: 5px 5px 0 0;		
	}

p a,dd a {
	color: #777;
	}

#right ul {
	list-style: none;
}

#right .content li {
	font: 12px "lucida grande",verdana,sans-serif;
	color: #777;
	margin: 3px 0;
	}

#right .content li a {
	display: block;
	border-left: 5px solid #f1f1f1;
	background: #fafafa;
	color: #999;
	text-decoration: none;
	padding: 3px 3px 3px 7px;
	}

#right .content li a:hover {
	border-color: #700;
	background: #f1f1f1;
	color: #777;
	}

#right .content li a:active {
	border-color: #700;
	}

/* Header & Login Form */

.header .logo {
	display: block;
	position: absolute;
	top: 0px;
	left: 15px;
	height: 85px;
	width: 225px;
	}

.login {
	padding: 7px 0 0 0;
	}

.login fieldset {
	border: 0 none;
	}

.login input {
	color: #fff;
	background: #700 url(../i/red_input.jpg) no-repeat center left;
	border: 0 none;
	font: 11px verdana,sans-serif;
	float: left;
	display: block;
	padding: 3px 5px;

	margin: 5px;
	}

.login input:hover {
	background-image: url(../i/red_input_2.jpg);
	}

.login input:focus {
	background-image: url(../i/red_input_3.jpg);
	}

.login #submit {
	background: #f1f1f1;
	border: 1px solid #eee;
	clear: both;
	color: #777;
	float: right;
	margin-right: 15px;
	padding: 5px 10px;
	}

/* Basics */

.container,.header,.footer {
	width: 970px;
	margin: 0 auto;
	}

.header {
	background: url(../i/header.png) no-repeat top center;
	position: relative;
	height: 85px;
	}

.login {
	float: right;
	width: 250px;
	}

.login label {
	display: none;
	}

ul#wedo {
	background: #900;
	display: block;
	list-style: none;
	margin: 0 auto;
	height: 90px;
	}

ul#wedo a {
	float: left;
	background: #900 url(../i/home_header_buttons.jpg) no-repeat top left;
	color: #000;
	margin: 0 0 0 0;
	display: block;
	width: 225px;
	height: 90px;
	}

ul#wedo a:hover {
	background-position: 0 -90px;
	}

ul#wedo a.print {
	background-position: -225px 0;
	}
	
ul#wedo a.print:hover {
	background-position: -225px -90px;
	}

ul#wedo a.consulting {
	background-position: -450px 0;
	}

ul#wedo a.consulting:hover {
	background-position: -450px -90px;
	}

ul#wevedone li {
	float: left;
	background: #900;
	color: #000;
	margin: -5px 0 0 0;
	display: block;
	width: 225px;
	height: 120px;
	}

img {
	margin: 0;
	padding: 0;
	}

/* Left */

#left {
	float: left;
	width: 265px;
	}

#left .block .north {
	background: url(../i/north_left.png) no-repeat top left;
	padding: 15px 0 0 0;
	}

#left .block .south {
	background: url(../i/south_left.png) no-repeat bottom left;
	padding: 0 0 15px 0;
	}

#left .block .center {
	background: url(../i/left.png) repeat-y top left;
	padding: 0 14px 0 20px;
	}

/* Right */

#right {
	float: left;
	width: 705px;
	}

#right .block .north {
	background: url(../i/north_right.png) no-repeat top left;
	padding: 15px 0 0 0;
	}

#right .block .south {
	background: url(../i/south_right.png) no-repeat bottom left;
	padding: 0 0 16px 0;
	}

#right .block .center {
	background: url(../i/right.png) repeat-y top left;
	padding: 0 15px 0 15px;
	}

/* Navigation */

#navigation,#index {
	list-style: none;
	margin: -2px 0 -2px 0;
	}

#navigation li,#index li {
	display: block;
	}

#navigation li a,#index li a {
	color: #777;
	background: #ebebeb;
	font: 11px/27px verdana,sans-serif;
	display: block;
	padding: 0 0 0 25px;
	height: 28px;
	margin: 2px 0;
	text-decoration: none;
	}

#navigation .open ul a {
	margin-bottom: 0 !important;
	}

#navigation li a:hover,#index li a:hover {
	border-right: 7px solid #ccc;
	color: #9d0a0e;
	}

/* Need to fill in a lot of @#$% here -- format: .currentpage #navigation .currentpage a -- this highlights the current page with red border and text */

.home #navigation .home a,.services #navigation .services a,.portfolio #navigation .portfolio a,.packages #navigation .packages a,.about #navigation .about a,.contact #navigation .contact a,.support #navigation .support a,.portfolio_web #navigation .portfolio_web,.about_company #navigation .about_company,.about_ideology #navigation .about_ideology,.about_divisions #navigation .about_divisions,.help_general #navigation .help_general,.help_web #navigation .help_web,.help_print #navigation .help_print,.help_hosting #navigation .help_hosting,.services_web #navigation .services_web,.services_print #navigation .services_print,.services_consulting #navigation .services_consulting {
	color: #9d0a0e;
	border-right: 7px solid #9d0a0e !important;
	}

.web_marketing #index .web_marketing {
	color: #9d0a0e;
	border-right: 7px solid #9d0a0e !important;
	}

/* Subnavigation */

/* Downwards arrow for sections with subsections - sliding out */

#navigation .services a,#navigation .portfolio a,#navigation .about a,#navigation .packages a,#navigation .support a {
	background: #ebebeb url(../i/navigation_triangle.jpg) no-repeat 10px 9px;
	}

#navigation a:hover {
	color: #9d0a0e;
	}

/* A darker arrow when you hover */

#navigation a:hover {
	color: #333;
	background-image: url(../i/navigation_triangle_b.jpg);
	}

/* Except for contact and home */

#navigation .home a:hover,#navigation .contact a:hover {
	background-image: none;
	}

/* Need to fill in a lot of @#$% here -- format: .page_subpage #navigation .page a -- ie. .portfolio_web #navigation .portfolio a ((this opens the parent menu section when you're inside a section */

.portfolio_web #navigation .portfolio a,.portfolio_print #navigation .portfolio a,.services_web #navigation .services a,.services_print #navigation .services a,.services_consulting #navigation .services a,#navigation .open a {
	background: #ebebeb url(../i/navigation_triangle_down.jpg) no-repeat 9px 10px;
	}

#navigation li a:active {
	color: #9d0a0e !important;
	}

.open ul a {
	border-right: none;
	}

/* Javascript Jiggery Pokery */

#navigation li ul,#index li ul {
	display: none;
	margin: 0;
	list-style: none;
	}

.about_company #navigation .about a,.about_ideology #navigation .about a,.about_divisions #navigation .about a {
	background: #ebebeb url(../i/navigation_triangle_down.jpg) no-repeat 9px 10px;
	border-right: 7px solid #ddd;
	color: #333;
	}

.about_company #navigation .about ul,.about_ideology #navigation .about ul,.about_divisions #navigation .about ul,.portfolio_web #navigation .portfolio ul,.portfolio_print #navigation .portfolio ul,.portfolio_consulting #navigation .portfolio ul {
	display: block;
	}

.services_web #navigation .services ul,.services_print #navigation .services ul,.services_consulting #navigation .services ul {
	display: block;
	}

.help_general #navigation .support ul,.help_web #navigation .support ul,.help_print #navigation .support ul,.help_hosting #navigation .support ul {
	display: block;
	}

/* parent open menu item - grey bar at side */

.help_general #navigation .support a,.help_web #navigation .support a,.help_print #navigation .support a,.help_hosting #navigation .support a,.services_web #navigation .services a,.services_print #navigation .services a,.services_consulting #navigation .services a, {
	background: #ebebeb url(../i/navigation_triangle_down.jpg) no-repeat 9px 10px;
	border-right: 7px solid #ddd;
	}

.block .center #navigation li ul a:link,.block .center #navigation li ul a:visited {
	color: #999;
	background: #f1f1f1 !important;
	border: 0 none;
	}

.block .center #navigation li ul a:hover,.open a {
	border-right: 7px solid #ddd;
	color: #9d0a0e;
	}

#navigation ul .portfolio_web,#navigation ul .services_web {
	margin-top: 0;
	}

#navigation ul .services_consulting,#navigation ul .case_studies {
	margin-bottom: 0 !important;
	}

#navigation .open {
	margin-bottom:  0px;
}

#navigation .services_consulting {
	margin-bottom: 0;
	}

#navigation .activator {
	display: block;
	}

/* Content */

a img {
	border: 0 none;
	}

.hr {
	border: 0 none !important;
	background: #fff url(../i/hr.png) repeat-x top left;
	color: #fff;
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 10px 0;
	}

.block .one a img {
	margin: 0 7px 0 0;
	}

.block .one hr {
	margin-right: 15px;
	}

/* Two Columns */

.block .one {
	float: left;
	width: 450px;
	margin: 0 15px 0 0;
	}

.portfolio_web .block .one {
	width: 440px;
	margin: 0 25px 0 0;
	}

.block .two {
	float: left;
	width: 200px;
	}

/* Footer */

.footer {
	clear: both;
	margin: 5px auto 0 auto;
	}

.footer p {
	color: #555;
	text-align: center;
	}

.footer a {
	color: #555;
	text-decoration: none;
	}

.footer a:hover {
	color: #900;
	}

/* Page Specifics */

/* Portfolio */

.dragon_labs #index .dragon_labs,.fleetwood #index .fleetwood,.april #index .april,.chaka #index .chaka,.amel #index .amel { /* Current page*/
	color: #9d0a0e;
	border-right: 7px solid #9d0a0e;
	}

.center .row a img {
	margin: 0 7px 0 0;
	}

.buttons {
	height: 35px;
	position: relative;
	margin: 10px 0 0 0;
	clear: left;
	}

.buttons #previous,.buttons #next {
	display: block;
	position: absolute;
	bottom: 0;
	background: #eee;
	color: #333;
	padding: 7px 10px;
	text-decoration: none;
	font: 11px "lucida grande","trebuchet ms",verdana,sans-serif;
	}

.buttons a span {
	color: #777;
	}

.buttons a:hover,.buttons a:hover span {
	color: #9d0a0e !important;
	}

.buttons #previous {
	left: 0;
	}

.buttons #next {
	right: 0;
	}

.row blockquote {
	display: block;
	width: 210px;
	height: 80px;
	padding: 15px 10px 5px 10px;
	overflow: hidden;
	float: left;
	}

.row a {
	display: block;
	float: left;
	margin: 0 0 5px 0;
	}

.row h1 {
padding: 0 0 5px 0;	
}

#features {
	background: url(../i/portfolio/dragonlabs_info.jpg) no-repeat top left;
	height: 100px;
	width: 675px;
	margin: -5px 0 0 0;
	padding: 0;
	height: 98px;
	}

.april #features {
	background-image: url(../i/portfolio/april_info.jpg);
	}

.fleetwood #features {
	background-image: url(../i/portfolio/fleetwood_info.jpg);
	}

.chaka #features {
	background-image: url(../i/portfolio/chaka_info.jpg);
	}

.barbershop #features {
	background-image: url(../i/portfolio/barbershop_info.jpg);
	}

.amel #features {
	background-image: url(../i/portfolio/amel_info.jpg);
	}

#splash .info {
	height: 100px;
	margin: -4px 0 0 0;
	padding: 0;
	}

#splash #north {
	height: 200px !important;
	overflow: hidden;
	}

#features li {
	display: none;
	}

#splash img {
	margin: 0;
	}

/* Mast */

.mast {
	position: relative;
	}

.home #mast {
	height: 117px;
	width: 675px;
	overflow: hidden;
	}

.home #mast * {
	background: url(../i/home_header_web.jpg) no-repeat 0 -117px;
	width: 675px;
	height: 117px;
	}

.home #mast div a {
	background: transparent;
	width: 100%;
	height: 100%;
	display: block;
	}

.home #mast .one a:hover {
	background: url(../i/home_header_web.jpg) no-repeat top left;
	}

.home #mast .two {
	background: url(../i/home_header_print.jpg) no-repeat 0 -117px;
	}

.home #mast .two a:hover {
	background: url(../i/home_header_print.jpg) no-repeat top left;
	}

.home #mast .three {
	background: url(../i/home_header_consulting.jpg) no-repeat 0 -117px;
	}

.home #mast .three a:hover {
	background: url(../i/home_header_consulting.jpg) no-repeat top left;
	}
	
.home #wedo {
	margin: 0;
	}


#contactFormArea fieldset {
	border: 0 none;
	width: auto;
	}

#contactFormArea #formInstructions,#contactFormArea #emailSuccess,#contactFormArea #loadBar {
	margin: 10px 0;
	border: 1px solid #ccc;
	background: #fafafa;
	text-align: left;
	padding: 5px 10px;
	width: auto;
	}

#contactFormArea h1 {
	font: 14px/22px "lucida grande",verdana,sans-serif;
	padding: 0;
	}

#contactFormArea label {
	padding: 5px 0 5px 0;
	}

#contactFormArea input,#contactFormArea textarea {
	border: 1px solid #ccc;
	margin: 5.5px 0;
	}

#contactFormArea #posName,#contactFormArea #posEmail {
	background: #fafafa;
	display: block;
	color: #999;
	font: 12px/22px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 4px 35px 4px 7px;
	width: 205px;
	height: 16px;
	}

#contactFormArea #posText {
	background: #fafafa;
	border: 1px solid #ccc;
	display: block;
	color: #777;
	font: 12px/22px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 4px 35px 4px 7px;
	height: 90px;
	width: 600px;
	}

#sendContactEmail {
	background: #fafafa;
	border: 1px solid #ccc;
	color: #777;
	padding: 7px 15px;
	width: 250px;
	}

#contactFormArea input:hover,#contactFormArea #posText:hover {
	background: #f1f1f1;
	border-color: #bbb;
	color: #555 !important;
	}

#contactFormArea input:focus,#contactFormArea #posText:focus {
	background: #fdfdfd;
	color: #790000 !important;
	border-color: #999;
	}

#rome .center,.contact #splash .center {
	height: 207px;
	overflow: hidden;
	}

/*
#right .block ul {
	color: #999;
	font: 11px "lucida grande",verdana,sans-serif;
	padding: 5px 10px 5px 18px;
	}
*/

#wedo,#wedo li,#wedo a {
	padding: 0 !imporant;
	margin: 0 !important;
	}

#splash img {
	margin: 0;
}