@charset "utf-8";
/* CSS Document */

/* +++++++++++++++++++++++++++++++++++++++ Containers +++++++++++++++++++++++++++++++++++++++++ */

html {
	height: 100%;
}

body {
	height: 100%;
	background-color:#FFFFFF;
	background-image:url(../images/bodybg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}

#redmeetsblue {
	width:992px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -109px auto; /* negative value must be the same height as footer (for stickyness) */ 
}

#left-page-button {
	position: fixed;
	top: 130px;
}

/* ++++++++++++++++++++++++++++++++++++++ Header Section ++++++++++++++++++++++++++++++++++++++++ */

#header_ {
	position:relative;
	width:471px;
	height:127px;
	float:left;
	z-index:10;
}

#header_phone_ {
	position:relative;
	top:0px;
	width:521px;
	height:61px;
	float:left;
	z-index:10;
}

#topmenu_ {
	position:relative;
	width:521px;
	height:66px;
	float:left;
	background-image:url(../images/graphic-designers-website-designers.gif);
	background-repeat:no-repeat;
	z-index:110;
}

/* +++++++++++++++++++++++++++++++++++++++ Maincontent Section +++++++++++++++++++++++++++++++++++++++++ */

#maincontent_ {
	float:left;
	width:992px;
	z-index:10;
	top:0px;
	position:relative;
	background-image:url(../images/conent-bg.gif);
	background-repeat:repeat-y;
	background-position:50px 50%;
}

/* ========================== Maincontent Text Sections */

#maincontent_text {
	position:relative;
	left:6px;
	top:0px;
	width:707px;
	min-height:600px;
	float:left;
	background-color:#FFFFFF;
	text-align:left;
	padding-left:20px;
	background-image:url(../images/maincontent-bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:15px;
}

#maincontent_text2 {
	position:relative;
	left:6px;
	top:0px;
	width:700px;
	min-height:760px;
	float:left;
	background-color:#FFFFFF;
	text-align:left;
	padding-left:20px;
	padding-right:15px;
}

#maincontent_text_flash {
	position:relative;
	left:6px;
	top:0px;
	width:945px;
	min-height:200px;
	float:left;
	background-color:#FFFFFF;
	text-align:left;
	padding-left:20px;
	padding-right:15px;
}

/* ========================== Home Page */

#flash_ {
	position:relative;
	left:0px;
	top:0px;
	width:992px;
	height:281px;
	float:left;
}

#bottommenu_ {
	position:relative;
	left:0px;
	top:0px;
	width:992px;
	height:178px;
	float:left;
}

/* ========================== Sub Pages */

#masthead {
	position:relative;
	left:0px;
	top:0px;
	width:721px;
	height:37px;
	float:left;
	margin-left:20px;
	text-align:left;
}

#content {
	position:relative;
	float:left;
}

#breadcrumbs {
	position:relative;
	padding-left:15px;
	left:0px;
	top:15px;
	height:20px;
	font-size:10px;
	color:#000000;
	text-align:left;
	float:left;
	width:706px;
	padding-top:5px;
	background-color:#e2e2e2;
	margin-bottom:20px;
	margin-left:20px;
}

#breadcrumbs a {
	color:#000000;
}

#rightmenu_ {
	position:relative;
	left:0px;
	width:244px;
	min-height:420px;
	float:right;
	text-align:left;
	top:0px;
}

#right-bottom {
	position:relative;
	left:0px;
	width:244px;
	height:194px;
	float:right;
	text-align:left;
	bottom:0px;
	background-image:url(../images/right-bottom.gif);
	background-repeat:no-repeat;
}

/* ++++++++++++++++++++++++++++++++++++++ Footer Section ++++++++++++++++++++++++++++++++++++++++ */

#footer {
	width: 100%;
	height: 207px;
	background-color:#a9a9a9;
}

#footer_inner {
	width: 986px;
	margin: 0 auto;
	height: 207px;
	display: block;
	position: relative;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
}

.clear {
	clear: both;
}

.push {
	height:109px;
}

/* ++++++++++++++++++++++++++++++++++++++ Right Menu ++++++++++++++++++++++++++++++++++++++++ */

#portfolio-text {
	position:relative;
	top:-250px;
	text-align:right;
	width:200px;
	font-size:15px;
	letter-spacing:-.04em;
	color:#FFFFFF;
	left:10px;
	height:0px;
	font-weight:bold;
}

#portfolio-text a {
	color:#FFFFFF;
}

#rightmenu_ #frontpage-ads {
	margin-top:-20px;
}

#rightmenu_ #tabsnslides, #rightmenu_2 #tabsnslides {
	margin:-5px 0px 15px 7px;
}

#contact-right td.left {
	font-size:12px;
	color:#666666;
}

#contact-right {
	margin-top:-5px;
}

/* ++++++++++++++++++++++++++++++++++++++ Footer Stylings ++++++++++++++++++++++++++++++++++++++++ */

#footer_inner #copyright p {
	text-align:left;
	position:relative;
	top:50px;
	font-size:10px;
	left:18px;
}

#footer_inner #footer-services p {
	position:relative;
	top:50px;
	text-align:center;
	float:left;
	font-size:10px;
	color:#FFFFFF;
	left:0px;
}

#footer_inner #footer-services a {
	color:#FFFFFF;
}

#footer_inner #footer-our-clients {
	position:relative;
	float:left;
	top:-100px;
	left:555px;
}

/* -------------- Footer Menu */

#footer_inner ul#mainlevel li a {	
	float:left;
	width:auto;
	padding:3px 10px 10px 10px;
	font-size:12px;
	color:#4d4c4c;
	font-weight:bold;
	text-transform: uppercase;
	height:12px;
}

#footer_inner ul#mainlevel li ul li {
	list-style:none;
	width:auto;
	float:left;
}

#footer_inner ul#mainlevel {
	text-align:left;
	list-style:none;
	position:relative;
	left:-73px;
	top:25px;
}

/* ++++++++++++++++++++++++++++++++++++++ Heading Stylings ++++++++++++++++++++++++++++++++++++++++ */

h1, .componentheading, .contentheading, .p-category-title {
	color:#e23311;
	font-size:24px;
	letter-spacing:-.04em;
	font-weight:bold;

}

h1.masthead-title {
	margin-top:-50px;
	margin-left:10px;
	font-size:30px;
	color:#FFFFFF;
}

h2, h2 a {
	color:#06a4d5;
	font-size:18px;
	letter-spacing:-.04em;
}

h2.services {
	color:#e23311;
}

h2.about-us {
	color:#1d64b4;
}

h2.privacy {
	color:#666666;
}

h2.contact-us {
	color:#48c6c7;
}

h2.portfolio {
	color:#ffa200;
}

h3 {
	font-size:14px;
}

.grey {
	color:#666666;
}

.red {
	color:#d81212;
}

.orange, p.orange a {
	color:#ffa200;
}

p, .contentpaneopen, .contentpaneopen_news {
	color:#666666;
	font-size:13px;
}

.contentpaneopen li, .contentpaneopen_news li {
	list-style-image:url(../images/bullet.gif);
	margin-left:-24px;	
}

.xmap ul li {
	list-style-image:none;
}

a {
	color:#e23311;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

div.chronoform a {
	display:none;
}

hr {
	color:#FFFFFF;
	border-top: 1px #333333 dotted;
	clear: both;
}

.LV_validation_message {
	font-size:10px;
}

span.cf_alert ol li {
	list-style:none;
}

.required {
	color:#FF0000;
}

/* ++++++++++++++++++++++++++++++++++++++ Joomla Stylings ++++++++++++++++++++++++++++++++++++++++ */

/* ------------------------------------------------ News page */

.contentheading_news {
	color:#518825;
	font-size:20px;
	letter-spacing:-.04em;
	font-weight:bold;
	padding-top:10px;
}

table.contentpaneopen_news tr td.createdate {
	font-size:10px;
	color:#666666;
}

a.readon_news {
	font-size:13px;
	color:#518825;
}

#createdate {
	margin-top:-5px;
}

div.negative-space {
	margin-bottom:-25px;
}

/* ------------------------------------------------ Front page */

h2.frontpage, h2.frontpage a {
	font-size:16px;
	line-height:0px;
}

p.frontpage-services, .small-font {
	font-size:12px;
}

/* ------------------------------------------------ Contact Us page */

#contactus-left {
	position:relative;
	left:0px;
	float:left;
}

#contactus-right {
	position:relative;
	top:-16px;
	float:left;
	left:30px;
}

table.contact-error {
	color: #0055BB;
	margin-bottom: 10px;
	padding: 10px;
	border-top: 3px solid #84A7DB;
	border-bottom: 3px solid #84A7DB;
	background-color: #E6C0C0
}

; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
}

/* ------------------------------------------------ Our Services page */

.bar_ser_text{
	font-family:arial;
	font-size:12px;
	color:white;
	text-align:center;
	vertical-align:middle;
	padding-top:8px;
	float: left;
	height: 26px;
}

.lser1{
	color:white;
	text-decoration:none;
}

.lser1:hover{
	color:white;
	text-decoration:none;
}

.head_srv{
	float: left; 
	width: 520px;
}

#service_bar {
	width: 727px;
	height: 34px;
	left:-16px;
	position:relative;
	background-color:#727070;
}

#next-button {
	float:left;
	margin-top:10px;
	position:relative;
	left:70px;
}

#our-services-text {
	float:left;
	width:400px;
	position:relative;
}

#our-services-header {
	width:720px;
	float:left;
}

#srv_content_div {
	height: 350px;
	width: 722px;
	position:relative;
	left:-15px;
	padding-left:12px;
	overflow:hidden;
}

/* ------------------------------------------------ Client List page */

table.client-list tr td img {
	border:3px solid #eeeeee;
}

table.client-list td {
	padding:7px;
}

table.client-list {
	margin-left:-7px;
}

#list {
	float:left;
	position:relative;
	width:400px;
}

#logos {
	float:left;
	position:relative;
	left:20px;
}

td.buttonheading {
	position: absolute;
	top: 25px;
	width: 680px;
	float: right;
}

/* ++++++++++++++++++++++++++++++++++++++ Landing Page Stylings ++++++++++++++++++++++++++++++++++++++++ */

/* ------------------------------------------------ New */

#landing-page {
	position:relative;
	margin-top:20px;
	margin-left:-17px;
}

#landing-page #read {
	background:url(../images/landing-read.gif) no-repeat;
	height:277px;
	width:632px;
	margin-bottom:10px;
	padding:1px 18px 0px 80px;
}

#landing-page #read-seo {
	background:url(../images/seo-landing-read.gif) no-repeat;
	height:487px;
	width:632px;
	margin-bottom:10px;
	padding:1px 18px 0px 80px;
}

#landing-page #look {
	background:url(../images/landing-look.gif) no-repeat;
	height:258px;
	width:505px;
	margin-bottom:10px;
	padding:20px 25px 0px 200px;
}

#landing-page #act {
	background:url(../images/landing-act.gif) no-repeat;
	height:198px;
	margin-bottom:10px;
	padding:80px 18px 0px 80px;
	width:632px;
}

#landing-page #video-act {
	background:url(../images/video-landing-act.gif) no-repeat;
	height:198px;
	margin-bottom:10px;
	padding:80px 18px 0px 80px;
	width:632px;
}

#landing-page #act-seo {
	background:url(../images/seo-landing-act.gif) no-repeat;
	height:198px;
	margin-bottom:10px;
	padding:80px 18px 0px 80px;
	width:632px;
}

#landing-page #read h1 {
	font-size:18px;
	margin-bottom:-5px;
	color:#d9071a;
}

#landing-page #read-seo h1 {
	font-size:18px;
	margin-bottom:-5px;
	color:#d9071a;
}

#landing-page #act #landing-contact, #landing-page #act-seo #landing-contact, #landing-page #video-act #landing-contact {
	margin-top:5px;
	font-size:11px;
}

#landing-page #act #landing-contact td.input input, #landing-page #act-seo #landing-contact td.input input, #landing-page #video-act #landing-contact td.input input {
	color:#000000;
	font-size:11px;
	width:190px;
}

#landing-page #act #landing-contact label, #landing-page #act-seo #landing-contact label, #landing-page #video-act #landing-contact label {
	color:#FFFFFF;
}

#landing-page table.left {
	float: left;
	margin-right: 20px;
	width: 300px;
}

#landing-page #landing-contact input#chrono_verification {
	clear:both;
	width:190px;
	font-size:11px;
}

#landing-page #landing-contact td.security img {
	margin-top:5px;
	position:relative;
	float:left;
}

#landing-page #landing-contact td.security {
	width:100px;
}

#landing-page #act #landing-contact td.left, #landing-page #act-seo #landing-contact td.left, #landing-page #video-act #landing-contact td.left {
	color:#FFFFFF;
	padding-right:20px;
}

#landing-page #look #slideshow_forward1, #landing-page #look #slideshow_forward2 {
	position:relative;
	top:-140px;
	left:453px;
}

#landing-page #look #slideshow_rewind1, #landing-page #look #slideshow_rewind2 {
	position:relative;
	top:-140px;
	left:-5px;
}

#landing-page #look #slideshow_play1, #landing-page #look #slideshow_play2 {
	display:none;
}



/* ------------------------------------------------ Old */

#contact-landing td.left {
	font-size:12px;
	color:#666666;
}

#contact-landing {
	margin-top:-20px;
	margin-left:15px;
	width:200px;
}

img.landing-enquiry-heading {
	margin-left:10px;
	margin-top:-10px;
}

#landing-page-heading {
	position:relative;
	left:-20px;
	width:262px;
	height:82px;
}

/* ++++++++++++++++++++++++++++++++++++++ Bottom Menu ++++++++++++++++++++++++++++++++++++++++ */

#bottommenu_ a span img, #bottommenu_ a span img.fade {
	border:0;
	margin:0;
	padding:0;
}

/* ++++++++++++++++++++++++++++++++++++++ Main Menu ++++++++++++++++++++++++++++++++++++++++ */


#topmenu_ #menu117-3-section.section {
	background-image:url(../images/drop-down.gif);
	background-repeat:no-repeat;
	padding:18px 0px 0px 5px;
	height:150px;
}

#topmenu_ #menu117-3-section.section a.item2, #topmenu_ #menu117-3-section.section a {
	padding:3px !important;
}

#topmenu_ #menu117-1-section.section {
	background-image:url(../images/drop-down-portfolio.gif);
	background-repeat:no-repeat;
	padding:18px 0px 0px 5px;
	height:128px;
}

#topmenu_ #menu117-1-section.section a.item2, #topmenu_ #menu117-1-section.section a {
	padding:3px !important;
}

.ddmx117 .item11 #menu117-1-section a:hover, .ddmx117 .item11-acton #menu117-1-section a:hover {
	color: #ff7e00 !important; 
}

.ddmx117 .item11 #menu117-3-section a:hover, .ddmx117 .item11-acton #menu117-3-section a:hover {
	color: #FF0000 !important; 
}

/* ++++++++++++++++++++++++++++++++++++++ Portfolio ++++++++++++++++++++++++++++++++++++++++ */

#gallery {
	width:742px;
}

#gallery #each-item {
	float:left;
	margin-right:20px;
	border:10px solid #dddddd;
	margin-top:10px;
	margin-bottom:10px;
}

#gallery #each-item img {
	width:177px;
	height:126px;
}

#each-item a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
}

#portfolio-page {
	position:relative;
	left:-22px;
	top:0px;
	_top:2px;
	#top:2px;
	width:742px;
}

#portfolio-title_ {
	position:relative
	left:0px;
	top:0px;
	width:742px;
	height:64px;
}

.navigation {
	position:relative;
	left:0px;
	top:0px;
	width:737px;
	height:45px;
	background:url(../images/menu.gif) repeat-x;
	padding-left:5px;
	margin-top: 0px;
	_margin-left:0px;
	#margin-left:0px;
}

.navigation li {
	position:relative;
	float:left;
	font-size:14px;
	list-style:none;
	margin-left: -13px;
	padding: 11px 8px;
}

.navigation li a {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:-0.1em;
	padding: 11px 10px 11px 10px;
	text-decoration:none;
}

.navigation a:hover, .navigation a.selected {
	background:url(../images/menu-r.gif) repeat-x;
	text-decoration:none;
}

#sections {
	position:relative;
	left:20px;
	top:0px;
	width:722px;
	min-height:600px;
	overflow:hidden;
	clear:left;
}

#sections li {
	position:relative;
	float:left;
	width:742px;
}

#sections ul {
	width:6060px;
}

/* ++++++++++++++++++++++++++++++++++++++ Unsubscribe ++++++++++++++++++++++++++++++++++++++++ */

.acymailing_footer {
	display:none;
}

#maincontent_text form table.acymailing_unsub_table {
	margin-top:20px;
	margin-bottom:15px;
	font-size:13px;
}

/* ++++++++++++++++++++++++++++++++++++++ About Us Page ++++++++++++++++++++++++++++++++++++++++ */

#profile-images #image {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}

#profile-images {
	width:720px;
}



#profile-images a.gallery {
	text-decoration:none;
}

#profile-images a.gallery img.fade, #profile-images a.gallery, #profile-images #image a.gallery img, #profile-images #image {
	border:0;
}