@charset "UTF-8";

/* CSS Document */


* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 12px;
	color: #fff;
	background-attachment: scroll;
	background-color: #143D55;
	
	background-repeat: repeat-x;
	background-position: 0 0;
}

#container {
	width: 968px;
	min-height: 815px;
	margin: 0 auto;
}

#top_bar { width: 926px; }

#top_bar #logo {
	float: left;
	width: 320px;
}

#nav {
	float: right;
	list-style-type: none;
	margin: 0px 7px 0px 0px;
}

#nav li { display: inline; }

#nav li a {
	color: #fff;
	float: left;
	text-indent: -9999px;
	display: block;
	height: 80px;
	background-position: 0 -3px;
	outline: 0 none;
	margin: 0px 5px;
}

#nav li a.home {
	background-image: url(../images/homenav.png);
	width: 90px;
}

#nav li a.portfolio {
	background-image: url(../images/portfolionav.png);
	width: 129px;
}

#nav li a.services {
	background-image: url(../images/servicesnav.png);
	width: 113px;
}

#nav li a.about {
	background-image: url(../images/about.png);
	width: 99px;
}

#nav li a.contact {
	background-image: url(../images/contact.png);
	width: 118px;
	margin-right: 0px;
}

#nav li a:hover, #nav li a.active:hover { background-position: 0 82px; }

#nav li a.active { background-position: 0 82px; }

#header {
	clear: both;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#header-top {
	height: 10px;
	width: 926px;
	background-image: url(../images/top1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#header-content {
	width: 926px;
	min-height: 237px;
	position: relative;
	background-color: #d2d6d5;
	background-image: url(../images/underconstruction.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#home.error #header-content {
	background-image: url(../images/404.png) !important;
}

#home #header-content.christmas {
	background-image: url(../images/headerxmas.png);
}

#home #header-content.about { background-image: url(../images/aboutheader.png); }

#home #header-content.contact { background-image: url(../images/headercontact.png); }

#home #header-content.portfolio { background-image: url(../images/headerportfolio.png); }

#home #header-content.services { background-image: url(../images/servicesheader.png); }

#home #header-content.newyear { background-image: url(images/global/header/new_years.jpg); }

#home #header-content.valentines { background-image: url(images/global/header/valentines.jpg); }

#home #header-content.stpaddy { background-image: url(images/global/header/st_paddys.jpg); }

#about #header-content { background-image: url(images/global/header/about_bg.jpg) !important; }

#services #header-content { background-image: url(images/global/header/blackbelt_bg.jpg) !important; }

#services.normal #header-content { background-image: url(images/global/header/bg.jpg) !important; }

#header-bottom {
	height: 10px;
	font-size: 5px;
	width: 926px;
	background-image: url(../images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#header-slider {
	float: right;
	height: 239px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 660px;
	overflow: hidden;
	position: relative;
	text-align: left;
}

#header-slider-container {
	height: 239px;
	width: 1345px;
}

#header_default {
	height: 239px;
	width: 660px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header img.subtitle {
	height: 88px;
	position: absolute;
	top: 67px;
}

#home.error #header img.subtitle { height: 50px; }

#about #header img.subtitle { left: 15px; }

#contact #header img.subtitle { height: 44px; left: 10px; }

#contact #header img.icon { top: 0; right: 0; }

#header img.icon {
	position: absolute;
	right: 10px;
	top: 2px;
}

#about #header img.icon { top: 22px; }

#header-slider ul {
	list-style-type: none;
	float: right;
	position: absolute;
	right: 10px;
	text-align: left;
	top: 10px;
	width: 240px;
	height: 214px;
	padding: 8px 0 0 8px;
	background-image: url(../images/services_list_bg.png);
	background-repeat: no-repeat;
}



#header-slider li.design { }

#header-slider li.cms { margin-top: 10px; }

#header-slider li.seo { margin-top: 9px; }

#header-slider li.ecommerce { margin-top: 10px; }

#header-slider li.hosting { margin-top: 8px; }

#header-slider li a {
	color: #fff;
	font-size: 16px;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: none;
	margin-left: 7px;
	position: relative;
	top: -7px;
}

#header-slider li a:hover { color: #143D55; }

#header #quote_tab {
	position:absolute;
	right:-29px;
	top:75px;
}

#header #quote_form {
	width: 652px;
	float:left;
	height:239px;
	margin-left: 20px;
	background-attachment: scroll;
	background-color: #7c9234;
	background-image: url(../images/quote_bg.png);
	background-repeat: no-repeat;
	background-position: 40px 45px;
}



#quote_form h1 {
	height:44px;
	left:28px;
	position:relative;
	top:2px;
	width:261px;
	text-indent: -9999px;
	background-image: url(../images/designquote.png);
	background-repeat: no-repeat;
}

#quote_form p { margin-left: 55px; text-align: center; margin-top: 75px; font-family: "Trebuchet MS"; font-size: 2.5em; color: #fff; }

div#sub_nav {
	background: #d2d6d5;
	padding: 10px 0px 0px 0px;
	height: 61px;
	width: 926px;
}

#sub_nav ul {
	list-style-type: none;
	margin: 0px 0 0px 0;
	height: 61px;
	width: 910px;
}

#sub_nav li { float: left; }

#sub_nav li a {
	height: 61px;
	display: block;
	padding: 0px 0px 0px 0px;
	background-position: top left;
	background-repeat: no-repeat;
}

#sub_nav li a:hover, #sub_nav li.selected a { background-position: bottom left; }

#sub_nav li a span { display: none; }



#quote_form div#quick_quote_container {
	padding: 10px 0px 0px 50px;
	text-align:right;
	width:586px;
}

#quote_form .row {
	clear: both;
	padding: 8px 0px 0px 0px;
}

#quote_form .col_left { margin-left: 10px; }

#quote_form input[type="text"], #quote_form select, #quote_form .text {
	font-family: "Trebuchet MS";
	font-size: 13px;
}

#quote_form select {
	width: 278px;
	height: 30px;
	padding: 4px 0 0 6px;
}

#quote_form input[type="text"], #quote_form .text {
	width: 273px;
	height: 20px;
	padding: 5px 0 0 5px;
}

#quote_form textarea {
	width: 567px;
	margin-right: 7px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	padding: 5px;
	height: 45px;
}

#quote_form input.submit {
	height: 24px;
	width: 83px;
	margin: 4px 8px 0px 0px;
	border: 0px none;
	background-image: url(../images/quote_send.png);
	background-repeat: no-repeat;
}

#quote_form .error { border: 3px solid #ff0000; }

#page_title h1 {
	height: 55px;
	width: 926px;
	text-indent: -9999px;
}

#page_title h1 {
	background-image: url(../images/slogan.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#contact #page_title { margin-left: 15px; }

#contact #page_title h1 {
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#services #content #page_title h1 { margin: 0px 0px 0px 6px; }

#services_bar {
	margin: 20px 0px 0px 0px;
	width: 926px;
}

#services_bar div {
	float: left;
	width: 285px;
	text-align: center;
	color: #cdcecc;
	font-family: Tahoma;
	font-size: 1.17em;
	position: relative;
}

#services_bar h2 {
	border-bottom:1px solid #343434;
	margin:5px;
	padding:0 0 3px;
	text-align:left;
	font-size: 1.5em;
}

#services_bar h2 a {
	color: #F6CC46;
	font-family:Georgia;
	border: none;
	text-decoration: none;
}

#services_bar p {
	text-align: left;
	margin: 5px 5px 5px 10px;
	letter-spacing: .2px;
}

#services_bar #webdesign { }

#services_bar #marketing { margin: 0px 0px 0px 35px; }

#services_bar #portfolio { margin: 0px 0px 0px 35px; }

#services_bar a span {
	left:2px;
	margin:10px;
	position:absolute;
	cursor: pointer;
	display: none;
}

#services_bar #portfolio a span { left: 1px; }

#services_bar #webdesign a:hover span { display: inline; }

#services_bar #marketing a:hover span { display: inline; }

#services_bar #portfolio a:hover span { display: inline; }

#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	width: 968px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#services #content, #about #content, #portfolio #content, #contact #content {
	padding: 0px;
	margin: 30px 0 30px 0;
	background:#0e0e0e none repeat scroll 0 0;
	border:1px solid #2d2e2e;
}


#content #left {
	width: 600px;
	float: left;
	padding: 20px 0px 40px 15px;
}

#content #right {
	float: right;
	padding: 35px 0px 0px 0px;
}

#content h1 {
	font-size: 33px;
	font-weight: normal;
	margin: 20px 0 5px 0;
}

#content p {
	margin: 25px 0 0 0;
	line-height: 25px;
}



#slide img {
	margin: 5px 15px 5px 0px;
	float: left;
}

#slide p {
	line-height: 18px;
	color: #c9c9c9;
	padding-right: 10px;
	padding-bottom: 15px;
	margin-top: 10px;
}

#footer_container {
	clear: both;
	background-color: #7e9234;
	background-image: url(../images/bgleft.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer {
	width: 926px;
	height: 200px;
	padding: 80px 0px 0px 0px;
	text-align: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
}

#footer .box {
	float: left;
	background-image: url(../images/divider.jpg);
	background-position: 148px 0;
	background-repeat: no-repeat;
}

#footer .box#company {
	width: 200px;
	margin-left: 100px;
}



#footer .box#web { width: 200px; }

#footer .box#market {
	width: 220px;
	background-position: 165px 0px;
}

#footer .box#credentials {
	width: 185px;
	background-image: none;
}

#footer .box ul {
	list-style-type: none;
	margin: 6px 0px 0px 15px;
}

#footer .box a {
	color: #7e9234;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
}

#footer .box a:hover { text-decoration: underline; }

#footer .box h2 {
	color: #9ec956;
	font-family: Georgia;
	border: 0px none;
	font-size: 17px;
}

#footer .box ul {
	list-style-type: none;
	color: #c9c9c9;
	font-family: Tahoma;
	font-size: 14px;
	margin: 6px 0px 0px 15px;
}

#footer .box li { margin: 2px 0px 0px 0px; }

#footer .copyright {
	padding: 20px 0 0 0;
	clear: both;
	text-align: center;
	font-family: "Trebuchet MS";
	color: #ccc;
	float: left;
	width: 100%;
	font-size: 12px;
}

#footer p { margin: 5px 0px 0 0; }

#footer p a { color: #9DC955; text-decoration: none; }

#footer img { position: relative; top: 3px; }

#footer img.xhtml { margin-right: 5px; }

#footer img.css { margin-right: 5px; }

#footer .phone { color: #ffffff; }

#footer .email a { color: #ffffff; }

.clear { clear: both; }

/* CLASSES */

a { outline: 0 none; }

a img { border: 0 none; }

div.hr {
	height: 45px;
	margin: 15px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: 0% 0;
}

div.hr hr { display: none; }

.pointer { cursor: pointer; }

.clear {
	clear: both;
	height: 1px;
}

.left { float: left; }

.right { float: right; }

.no_border { border: 0px none !important; }

#services #content.main { margin-bottom: 50px; }

.service_box {
	float: left;
	width: 205px;
	margin-right: 10px;
	margin-top: 30px;
}

.service_box .top {
	width: 205px;
	height: 10px;
	background-image: url(../images/box_top.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.service_box .content {
	padding: 0px 0px 10px 11px;
	min-height: 340px;
	position: relative;
	background-image: url(../images/box_bg.png);
	background-repeat: repeat-y;
	background-position: 0 0;
}

#content .service_box .content p { 
	line-height:18px;
	margin:0;
	padding:0 10px;
}

.service_box h1 span { display: none; }

#content .service_box h1 { height: 57px; margin: 0px 0px 5px 0px; }

.service_box#webdesign { margin-left: 15px; }

.service_box#webdesign h1 {
	background-image: url(../images/webdesign.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.service_box#marketing h1 {
	background-image: url(../images/marketing.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.service_box#webhosting h1 {
	background-image: url(../images/hosting.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.service_box#webdesign img { margin: 0px 0px 0px 17px; }

.service_box#marketing img { margin: 0px 0px 0px 30px; }

.service_box#webhosting img { margin: 0px 0px 0px 13px; }

.service_box .content img { position: absolute; bottom: 5px; }
	
.service_box .bottom {
	width: 205px;
	height: 10px;
	background-image: url(../images/box_bottom.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.service_img { width: 250px; float: left; }