body { background: url(../img/body_bg.png) repeat-x #636363; font-family:Arial, Helvetica, sans-serif; color:#FFF;}
#container {background:url(../img/body_bg.jpg) repeat-y;}
html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}

#footer, #container {
	width:900px;
	margin:0 auto;
}
#footer {
	padding:10px 10px 0 10px;
	text-align:center;
}
#footer_container { 
	background: url(../img/footer_bg.png) repeat-x #303030; 
	position: relative;
	margin-top: -105px; /* negative value of footer height */
	height: 105px;
	clear:both;
}
#header {
	height:76px;
	padding-bottom:34px;
	position:relative;
}
#header.homepage { height:325px;}
#header.homepage, #header.nopad { padding-bottom:0;}
#tel { font-size:16px; position:absolute; right:10px; top:8px; color:#666; font-weight:bold; }
#banner { 
	height:226px; 
	width:900px; 
	background:url(../img/home_banner.jpg) no-repeat; 
	position:absolute; 
	top:89px;
}
#logo {
	width:404px;
	height:93px;
	background:url(../img/logo.png) no-repeat;
	text-indent:-20000px;
	position:absolute;
	left:15px;
	top:20px;
	z-index:10;
}
#logo.homepage {
	height:80px;
	background:url(../img/logo_home.png) no-repeat;
}
#strapline { 
	/*text-indent:-9000px;*/
	display:block; 
	height:200px; 
	width:400px; 
	color:#607895; 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:26px; 
	position:relative;
	top:20px;
	left:30px;
}
#mainNav {
	background:url(../img/menu_bg.png) repeat-x;
	height:43px;
	overflow:auto;
	position:absolute;
	top:32px;
	right:0;
}
#mainNav li { height:43px;  display:inline;}
#mainNav li a { 
	background:url(../img/nav_bg.png) no-repeat;
	height:43px;
	display:block;
	color:#fff;
	line-height:43px;
	padding: 0 20px 0 25px;
	font-size:16px;
	text-decoration:none;
	letter-spacing:1px;
	height:43px;
	float:left;
}
#mainNav li a:hover, #mainNav li a.current  {
	background:url(../img/nav_bg.png) no-repeat 0 -43px;
}
#mainNav li a.current { cursor:default; }

#mainContent {
	padding-bottom:115px;
	/*overflow:auto;*/	
}
#contentArea { width:580px;float:left; position:relative; overflow:hidden;}
#contentArea.full_width { width:900px; float:none; }

/* Homepage Services */

ul.services li {padding:0 0 15px 80px;}
.s_design { background: url(../img/s_design.png) no-repeat 0 10px; }
.s_apps { background: url(../img/s_apps.png) no-repeat 0 10px; }
.s_host { background: url(../img/s_host.png) no-repeat 0 10px; }
.s_brand { background: url(../img/s_brand.png) no-repeat 0 10px; }
.s_search { background: url(../img/s_search.png) no-repeat 0 10px; }
.s_marketing { background: url(../img/s_marketing.png) no-repeat 0 10px; }
ul.services h2, #contentArea h2 {color:#F7941E; font-family:Tahoma, Geneva, sans-serif; font-size:18px; letter-spacing:2px; }

/*sidebar*/
#sideBar {
	width:275px;
	float:right;
	background:url(../img/sidebar_edge.png) no-repeat 0 20px;
	padding:0 0 0 45px;
	overflow:auto;
	min-height:340px;
}

div.quote { background: url(../img/quote_start.png) no-repeat 0 10px; border-bottom:1px solid #3F3F3F; padding:10px 0; }
blockquote { background: url(../img/quote_end.png) no-repeat bottom right; padding:0 5px; }
div.first { padding-top:0; background-position: 0 0; }
div.last { border-bottom:none; }

/* portfolio */
div.portfolio { overflow:hidden; padding-bottom:20px; }
#contentArea div.portfolio h2 { height:40px; padding-top:10px; }
div.portfolio  a.fb_image { border:1px solid #CCC; display:block; padding:0; width:278px; height:138px; }
div.portfolio  a.fb_image:hover { border:1px solid #F7941E; }
div.portfolio_item { width:280px; float:left; }
div.portfolio_item.first { margin-right:30px; }
div.portfolio_item.last { margin-left:30px;}
div.portfolio_item p { text-align:justify;}

/*General Fontage*/
p { padding:.5em 0;line-height:1.4em; }
strong { font-size:inherit;}
p, li, a { font-size:12px;  }
#contentArea a, #sideBar a { color:#F7941E; text-decoration:none; background: #454545; }
#contentArea a:hover, #sideBar a:hover { background:#F7941E; color:#333;  }
li {  line-height:1.6em; }
#contentArea h1, #sideBar h2 { 
	font-size:22px; 
	letter-spacing:2px; 
	color:#F7941E; 
	font-family:Tahoma, Geneva, sans-serif; 
	border-bottom:1px solid #F7941E;
	padding: 5px;
	margin-bottom:15px;
}
#contentArea h2 { padding-top:5px; }
h1, h2 { font-weight:normal; }
#footer p { line-height:30px; padding: 0 10px; color:#fff;}
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:#F7941E; }
#footer li { display:inline; padding:0 5px; }
strong { font-weight:bold;}

/**** Edgemail Page ****/

h1#email_marketing { 
	border:0; 
	background: url(../img/edgemail/home_screenshot.jpg) no-repeat; 
	width:562px; 
	height:459px; 
	text-indent:-9000px;
	position:absolute;
	right:-10px;
	top:0px;
	z-index:-1;
}
h2#mail_strapline { 
	background: url(../img/edgemail/give_text.png) no-repeat; 
	width:384px; 
	height:91px; 
	text-indent:-9000px;
	position:absolute;
	left:0;
	top:120px;
}
#b_box_container {padding-top:470px; }
#b_box { background:#060606; overflow:hidden; padding:14px; width:874px;}
#b_box p { color:#E6E6E6;}
.email_info { float:left; display:inline; width:281px; }
.email_info h2 { height:136px; width:281px; text-indent:-9000px;}
#email_create, #email_send { padding-right:14px;}
#email_create h2 {background:url(../img/edgemail/create.png) no-repeat;}
#email_send h2 {background:url(../img/edgemail/send.png) no-repeat;}
#email_analyse h2 {background:url(../img/edgemail/analyse.png) no-repeat;}
#intro { position:absolute; top:250px; left:0; width:384px; font-size:18px;}
#intro strong, #intro a { color:#F7951E; font-size:18px;}

/*List Styles*/
ul.bullets li {
	background:	 url(../img/bullet_blue.gif) no-repeat 0 3px;
	padding-left:15px;
}

/** Form Styles **/

form label {
	font-size: 1.2em;
	line-height: 1.6em;
}
form img.verif {
	width:50px;
	height:21px;
	border: 1px solid #666666;
	vertical-align: bottom;
	margin-top: 10px;
	position:absolute;
	left:340px;
	top:0;
}
form div {
	clear: left;
	padding-top: 10px;
}
form div input.txt {
	height: 1.4em;
}
form div input.txt {
	width: 200px;
	border: 1px solid #666;
}
input.txt, textarea { background:url(../img/form_field_bg.png) no-repeat 0 -136px; }
form div input.txt:focus, form div textarea:focus {
	background: url(../img/form_field_bg.png) no-repeat;
}
form div textarea {
	border: 1px solid #666;
	width: 400px;
}
form div label {
	float:left;
	width: 10em;
}
form ul {
	font-size: 1.2em;
}
.errorBox {
	background-color:#D70000;
	color:#FFFFFF;
	padding:4px;
	padding-left:6px;
	width:295px;
	margin: 10px 0 10px 0;
}
label.error {
	background:none;
	color:#F7941E;
}
.ast {
	color: #FF5400;
	font-size: 140%;
}


/*misc*/

.f-left { float:left; }
.f-right { float:right; }
.img_left { float:left; padding:0 10px 10px 0; }
.img_right { float:right; margin:10px 0 10px 10px; }
.italics { font-style:italic; }
.cite { font-weight:bold; color:#90A8C5; }
div.clear { overflow:auto; }
div.ul {  border-bottom:1px dotted #CCC; }
.brdr { border:2px solid #CCC; }
.rel { position:relative; }

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.webdesignherts{ font-weight:normal;}

#ie6warning { background:#FFC; color:#333; z-index:20; padding:5px 10px; }
#ie6warning p, #ie6warning a { font-size:10px; }
#ie6warning a {  color:#900; background:none; }
#ie6warning h2 { font-size:12px; color:#333; font-weight:bold; }

/**** Fancybox Styles ****/

html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../img/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../img/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../img/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../img/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../img/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../img/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../img/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../img/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancybox/fancy_title_right.png) repeat-x;
}