/*
#	BECK & CAUL Website
#	March 2012
#	Author: Glen
#
#	DEV NOTES----------
#	Blue: 		#00acec
#	Mid Grey:	#6a6c6d
#	Dark Grey:	#484848
*/

.find { border: 1px dotted red; }
.eb_title{ background:#00acec; color:#FFF; font-size:18px; padding:10px 20px; text-transform:uppercase; line-height:28px;  }
.example_box, .html_result, .xml_result, .json_result{ border:1px solid #00acec; padding:30px;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s; }
.xml_result textarea, .json_result textarea{ width:100%; min-height:1000px;}
.example_box h2{ width:100%; text-align:center; margin-bottom:30px; }
.inputfront{
		position:absolute;
		height: 49px;
		line-height:48px;
		padding:0 0 0 20px;
		color:#FFF;
		font-weight:bold;
		text-transform:uppercase;
		font-size:14px;
		width:80px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6a6c6d+0,484848+100 */
		background: #6a6c6d; /* Old browsers */
		background: -moz-linear-gradient(left,  #6a6c6d 0%, #484848 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #6a6c6d 0%,#484848 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #6a6c6d 0%,#484848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6c6d', endColorstr='#484848',GradientType=1 ); /* IE6-9 */
	}
.inputsection select{ width:100%; height:50px; display:block;text-transform: uppercase;  box-sizing: border-box;  line-height: 48px;    padding: 0 0 0 113px;}
.inputfrontpadding{ text-transform:uppercase;width: 100%;box-sizing:border-box;line-height: 48px;padding:0 0 0 113px;}
.reviewinput .inputfront{ width:230px; }
.halfinput{ width:49.5%; float:left; }
	.halfinput.leftmarg{margin-right: 1%;}

.db_result{ width:100%; }
.db_result thead td{ background:#6a6c6d; color:#FFF; text-transform:uppercase; font-weight:bold; padding:10px; }
.db_result td{ padding:7px 10px;  }
.db_result tr:nth-of-type(even) td{ background:#ddd; }

.db_loading{ background:#FAFAF5 url("../db_loading.gif") no-repeat; background-position:50%; width:100%; height:150px; background-size:100px;   }

   .ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #00acec;
  
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}
.ui-menu-item.ui-state-focus{ background:#00acec !important; color:#FFF !important; padding:3px 10px !important; border:0 !important;  }
.ui-menu-item{ background:#fff !important; color:#444 !important; padding:3px 10px !important; border:0 !important;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s; }


/* Hacks ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	* html .clearfix             { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Default Wordpress styles */
.aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

div, ul, li { position: relative; }  /* This saves having to declare each div / ul / li's position as 'relative' and allows absolutely positioned elements inside them */
a { text-decoration: none; color: #00acec; } /* Add default link styling */

.joinbox{ width:100%; max-width:450px; margin:0 auto; position:relative; background:#00ACEC; box-sizing:border-box; padding:30px; }
		.thanksforreply{ text-shadow: 0 0px 10px; color:#FFF; background:rgba(0,0,0,0.5);  line-height:60px; padding:10px; text-align:center; }
		.joinbox label{ display:block; color:#FFF; font-size:24px; line-height:28px; }
		.joinbox input, .joinbox select{ display:block; width:100%; line-height:43px; padding:0 10px; font-size:20px; margin-bottom:15px; box-sizing:border-box; color:#888; text-align:center; height:43px; }
		.joinbox input[type="submit"]{ max-width:200px; margin:0 auto; background:#444; border:0; color:#00ACEC; margin-top:40px; }
		.joinscreen{width:100%;height:100%;/* background:#00ACEC; */position:absolute;opacity: 0.9;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
		.joinboxhide{ background:transparent; height:300px;  }
		.joinboxhide input, .joinboxhide label, .joinboxhide select{ display:none !important; }
		.joinboxhide:after{ content:'Thanks, See you then!'; position:absolute; z-index:999; color:#FFF; top:30%; left:10%; background:rgba(88,88,88,0.4); padding:30px; font-size:30px; width:90%; text-transform:uppercase; text-align:center; font-family: nimbus-sans-condensed;   }

		.thanksforjoining{  }
		* { box-sizing: border-box; }
		.video-background {
		  background: #000;
		  position: absolute;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  z-index: 1;
		}
		.video-foreground,
		.video-background iframe {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  pointer-events: none;
		}
		#vidtop-content {
			top: 0;
			color: #fff;
		}
		.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
		.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
		.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
		@media (min-aspect-ratio: 16/9) {
		  .video-foreground { height: 300%; top: -100%; }
		}
		@media (max-aspect-ratio: 16/9) {
		  .video-foreground { width: 300%; left: -100%; }
		}
		@media all and (max-width: 600px) {
		.vid-info { width: 50%; padding: .5rem; }
		.vid-info h1 { margin-bottom: .2rem; }
		}
		@media all and (max-width: 500px) {
		.vid-info .acronym { display: none; }
		}
		






/* Default Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@font-face { font-family: 'nimbus-sans-condensed'; src: url('http://www.beckandcaul.co.nz/wp-content/themes/beckandcaul/fonts/bebas/BebasNeue-webfont.eot'); src: url('http://www.beckandcaul.co.nz/wp-content/themes/beckandcaul/fonts/bebas/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.beckandcaul.co.nz/wp-content/themes/beckandcaul/fonts/bebas/BebasNeue-webfont.woff') format('woff'), url('http://www.beckandcaul.co.nz/wp-content/themes/beckandcaul/fonts/bebas/BebasNeue-webfont.ttf') format('truetype'), url('http://www.beckandcaul.co.nz/wp-content/themes/beckandcaul/fonts/fonts/bebas/BebasNeue-webfont.svg#nimbus-sans-condensed') format('svg'); font-weight: normal; font-style: normal; }

body, html{
	min-height:100%;
}

.seo{
	width:650px;margin-bottom:10px; border: solid 1px #E3E3E3; background-color:none; padding:10px;
}

.mobilmenu, #mobilemenu_button{ display:none; }
/*FULL SCREEN*/

		body { font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; color: #6a6c6d; line-height: 20px; font-size: 14px; background: #2A2A2A; }
		h1, h2, h3, h4, h5, h6 { font-family: nimbus-sans-condensed; }
		h1 { font-size: 30px; color: #D1D3D4; } /*#6a6c6d*/
		h2 { font-size: 24px; color: #6a6c6d*; }
		h3 { font-size: 20px; color: #6a6c6d*; letter-spacing: 0.04em; }
		strong { font-weight: bold; }
		.footerimg{ position: absolute;bottom: 144px;width: 100%;height: auto;z-index: 0; }
		.footerimg img{ width:100%; height:auto;}
		#fullwidth { background:#FFF; /*background: url('../images/bg.png') repeat-x #fff; */}
		.headbar{ width:940px; height:7px; margin:0 auto; background:#3F3E40; position:relative;}
			.skew_right{
				position:Absolute; right:-20px; height:7px; width:40px;    background:#3F3E40;    -moz-transform:skew(-65deg);    -webkit-transform:skew(-65deg);    -o-transform:skew(-65deg);    transform:skew(-65deg);
			}
			.skew_left{position:Absolute; left:-20px; height:7px; width:40px;    background:#3F3E40;    -moz-transform:skew(65deg);    -webkit-transform:skew(65deg);    -o-transform:skew(65deg);    transform:skew(65deg);}
		#container { width: 940px; margin: 0 auto; padding-bottom: 80px; }
		#content { z-index:1; }
		#content a { text-decoration: none; color: #00acec; border-bottom: 1px dotted #00acec; } /* Add default link styling */
		#content a:hover, #content a:focus { color: #484848; }

		.bluetext { color: #00acec; }
		.italic { font-style: italic; }
		span.whitebg { background: #fff; padding-right: 5px;}

		#sidenav { width: 30px; height: 195px; position: fixed; top: 150px; right: 0px; background: #484848; z-index:9999; }
		#sidenav img{ height:195px;  }

		/* HEADER --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#header { width: 940px; height: 100px; margin-bottom: 20px; }
		#headerborder { height: 15px; width: 940px; background: url('../images/header-border.png'); position: absolute; bottom: 0px; }
		div.logo { width: 250px; height: 52px; position: absolute; bottom: 20px; left: 0px; text-indent: -9999px; background: url('../images/logo-new.png') no-repeat; background-position: 0px -52px; }
		div.logo a { display: block; width: 100%; height: 100%; }
		div.logo:hover, h1.logo:focus { background-position: 0px 0px; }
		.new_logo{ width: 363px;height: 214px;position: absolute;top: -10px;left: 10px;z-index: 100; }
		#header p.description { width: 300px; height: 10px; position: absolute; top: 20px; right: 20px; background: url('../images/description.png') no-repeat; text-indent: -9999px; overflow: hidden;}

		#access { width: 600px; height: 40px; position: absolute; right: 0px; top: 55px; z-index: 500; }
		#access ul { font-size: 12px; list-style: none; padding-left: 0; }
		#access li { float: right; position: relative; }
		#access a { color: #6a6c6d; display: block; line-height: 30px; padding: 0 10px; text-decoration: none; font-family: nimbus-sans-condensed; text-transform:uppercase; font-size:21px; }
		#access li:hover > a, #access ul ul :hover > a, #access a:focus { border: none; }
		#access li:hover > a, #access a:focus, .activemenu { color: #00aeef !important; }
		

		/* HOME PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.home ul#banner { width: 940px; height: 350px; overflow: hidden; }
		#content.home div.bx-wrapper { width: 940px; height: 350px; margin-bottom: 40px;  }
		#content.home div.bx-window { width: 940px; height: 350px; margin-bottom: 40px; }
		#content.home ul#banner ul li { padding-right: 40px; }
		.headerimg{ width: 940px; height: 350px; }
		#content.home ul#banner div.bannerDesc { width: 320px; min-height: 100px; padding: 30px 20px; position: absolute; bottom: 0px; right: 40px; background: url('../images/transparentgrey.png');}
		#content.home ul#banner div.bannerDescMobile { display:none; }
		#content.home ul#banner h4.bannerTitle { font-size: 25px; letter-spacing: 0.05em; color: #fff; width: 325px; }
		#content.home ul#banner p.bannerText { color: #fff; position: absolute; top: 55px; left: 20px; width: 325px; }
		#content.home ul#banner img.viewproject { position: absolute; bottom: 10px; right: 10px;  }
		#content.home #hello { width: 310px; height: 80px; font-family: nimbus-sans-condensed; font-size: 75px; line-height: 1em; color: #00acec; float: left; margin-top: -7px; }
		#content.home #hometext { width: 630px; font-size: 19px; line-height: 30px; float: right; }
		#content.home #hometext h1 { font-size: 19px; line-height: 30px; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; color: #6a6c6d; }

		#content.home #whatsnew { width: 460px; float: left; margin-top: 60px; }
		#content.home #whatsnew h2.whatsnewheader { font-size: 35px; margin-bottom: 20px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 1px; }
		#content.home #whatsnew div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px;background: url('../images/post-date-bg.png') no-repeat; text-align: center; font-family: nimbus-sans-condensed; color: #fff; font-size: 24px; line-height: 20px; padding-top: 10px; letter-spacing: 0.05em;}
		#content.home #whatsnew div.posttitle a { font-family: nimbus-sans-condensed; font-size: 25px; color: #6a6c6d; border: none; letter-spacing: 0.04em; }
		#content.home #whatsnew div.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.home #whatsnew div.postexcerpt { margin-left: 80px; margin-bottom: 20px;}

		#content.home #services { width: 460px; float: left; margin: 60px 0 0 20px; }
		#content.home #services h2.servicesheader { font-size: 35px; margin-bottom: 20px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 1px; }
		#content.home #services	ul.left { padding-left: 15px; width: 170px; float: left; margin: 3px 0 0 2px;}
		#content.home #services	ul.right { width:240px; float: left; margin: 3px 0 0 0;}
		#content.home #services	ul li { list-style: disc url('../images/bullet.png'); padding-left: 5px; margin-bottom: 3px; }
		.services_content{ float:left; width:440px;padding-bottom:20px }
		.host {  color: #FFFFFF;
			font-family: nimbus-sans-condensed;
			font-size: 32px;
			line-height: 33px;
			padding-left: 23px;
			padding-top: 30px;
			}
		.uptime_main{
			border-radius: 50%;  width: 120px;  height: 120px; float:left; margin-right:10px; margin-bottom:20px;background-color:#00ACEC
		}

		.hexagons{ position:relative; }
		.hexagon {  position: relative;  width: 136px;   margin-right:24px; float:left; }
		.clear{ clear:both; height:40px; }
		.bluehex{   position: relative;  width: 136px;   height: 78.52px;  background-color: #00AEEF;  margin: 39.26px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.bluehex:before, .bluehex:after { content: "";  position: absolute;  z-index: 1;  width: 96.17px;  height: 96.17px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 19.9167px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.bluehex:before { top: -48.0833px; }
		.bluehex:after {  bottom: -48.0833px;}

		.lpurplehex{   position: relative;  width: 136px;   height: 78.52px;  background-color: #D01383;  margin: 39.26px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.lpurplehex:before, .lpurplehex:after { content: "";  position: absolute;  z-index: 1;  width: 96.17px;  height: 96.17px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 19.9167px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.lpurplehex:before { top: -48.0833px; }
		.lpurplehex:after {  bottom: -48.0833px;}

		.greenhex{   position: relative;  width: 136px;   height: 78.52px;  background-color: #46AD4A;  margin: 39.26px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.greenhex:before, .greenhex:after { content: "";  position: absolute;  z-index: 1;  width: 96.17px;  height: 96.17px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 19.9167px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.greenhex:before { top: -48.0833px; }
		.greenhex:after {  bottom: -48.0833px;}

		.orangehex{   position: relative;  width: 136px;   height: 78.52px;  background-color: #F7931E;  margin: 39.26px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.orangehex:before, .orangehex:after { content: "";  position: absolute;  z-index: 1;  width: 96.17px;  height: 96.17px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 19.9167px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.orangehex:before { top: -48.0833px; }
		.orangehex:after {  bottom: -48.0833px;}

		.redhex{   position: relative;  width: 136px;   height: 78.52px;  background-color:#E73527;  margin: 39.26px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.redhex:before, .redhex:after { content: "";  position: absolute;  z-index: 1;  width: 96.17px;  height: 96.17px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 19.9167px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.redhex:before { top: -48.0833px; }
		.redhex:after {  bottom: -48.0833px;}

		.purplehex{   position: relative;  width: 136px;   height: 78.52px;  background-color: #955C9C;  margin: 39.26px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.purplehex:before, .purplehex:after { content: "";  position: absolute;  z-index: 1;  width: 96.17px;  height: 96.17px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 19.9167px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.purplehex:before { top: -48.0833px; }
		.purplehex:after {  bottom: -48.0833px;}

		.introtext{ color:#D1D3D4; font-size:48px; line-height:46px; font-family: nimbus-sans-condensed; margin-bottom:30px; margin-top:30px; width:55%; }
		.bluehex span, .lpurplehex span, .greenhex span, .orangehex span, .redhex span, .purplehex span {  display: block;  position: absolute;  top:0px;  left: 0;  width:136px;  height:78.5196px;  z-index: 2;  background: inherit; color:#FFF; font-family: nimbus-sans-condensed; font-size:29px; }
		.hexagon span p{display: block; position:absolute; top:17px; line-height:28px; width:136px; text-align:center;}
		.hexagon .bluehex span p, .hexagon .orangehex span p{ top:30px;}
		/*.bluehex{ background-color: #02b2f0;  } .bluehex:before, .hexagon:after{border-color: #02b2f0;}
		.bluehex{ background-color: #02b2f0;  } .bluehex:before, .hexagon:after{border-color: #02b2f0;}
		.bluehex{ background-color: #02b2f0;  } .bluehex:before, .hexagon:after{border-color: #02b2f0;}
		.bluehex{ background-color: #02b2f0;  } .bluehex:before, .hexagon:after{border-color: #02b2f0;}*/

		/*HOW WE DO PAGE*/
		.howwedo{ position:relative; margin-left:-48px;}
		.howwedocolumns{ width:250px; text-align:left; float:left; margin-right:50px; margin-left:20px; }
		.howwedocolumns p{padding-bottom:15px;}
		.howwedocolumns span{ text-transform:uppercase; color:#00AEEF; display:block; clear:both; margin-bottom:15px; width:100%; text-align:center; font-size:20px; font-family: nimbus-sans-condensed;}

		/* WORK PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.work { margin-top: 130px; min-height: 660px; }
		#content.work h1 { font-size: 45px; margin-bottom: 20px; /* background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px; */ }
		#content.work ul#categories { position: absolute; top: 8px; right: 0; width: 600px;}
		#content.work ul#categories li { display: inline; float: right; }
		#content.work ul#categories a { display: block; text-align: center; font-size: 10px; padding: 3px 10px; background: none; color: #6a6c6d; border: none; margin-left: 5px;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.work #categories a:hover { background: #6a6c6d; color: #fff; }
		#content.work ul#worklist { width: 960px; margin-top: 40px; }
		#content.work ul#worklist li.project { width: 220px; height: 140px; background: #ddd; float: left; margin: 0 20px 20px 0; }
		#content.work ul#worklist li.project:hover, #content.work ul#worklist li.project:focus { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); }
		#content.work ul#worklist li.project a { display: block; width: 100%; height: 100%; border: none; }
		#content.work ul#worklist li.project div.caption { width: 220px; height: 40px; background: url('../images/projecthover-bg.png') #000 top right no-repeat; 
			/* fix it at the bottom: */		position:absolute; bottom:-1px; /* fix IE issue */ left:0;	
			/* hide it by default */		display:none;		
			/* opacity setting */			filter:alpha(opacity=70);    /* ie  */
											-moz-opacity:0.7;		/* old mozilla browser like netscape  */
											-khtml-opacity: 0.7;    /* for really really old safari */ 
											opacity: 0.7;			/* css standard, currently it works in most modern browsers like firefox,  */
		 }
		#content.work ul#worklist li.project div.caption a { display: block; width: 210px; height: 30px; color: #fff; font-size: 11px; padding: 10px 0 0 10px;}
		#content.work ul#worklist li.project div.caption a: hover { color: #fff; }
		#content.work p.seenenough { text-align: right; font-size: 20px; color: #8a8c8d; line-height: 30px; }
		#content.work p.seenenough span.intro { font-family: nimbus-sans-condensed; font-size: 30px; color: #6a6c6d; letter-spacing: 0.025em; }



		/* PROJECT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.project { margin-top: 130px; }
		#content.project h1 { margin-bottom: 20px; }
		#content.project #projecttext { width: 380px; float: left; margin-right: 20px; font-size: 15px; line-height: 25px; }
		#content.project #projecttext p { margin-bottom: 25px; }
		#content.project #projecttext ul { margin-left: 1em; margin-bottom: 25px; }
		#content.project #projecttext ul li { list-style: disc url('../images/bullet.png'); }
		#content.project #projecttext a.backarrow { border: 0px; }
		#content.project #projecttext img.backarrow { vertical-align: middle; }
		#content.project #projecttext span.noborder { border: 0px; }
		#content.project #projecttext #googleplus1 { width: 150px; float: right; }
		#content.project #projectimages { width: 540px; float: left; min-height: 400px; }
		#content.project #projectimages a { border: 0; display:block; color:#fff; padding:0; text-decoration:none; }
			.preloader { background:url(../images/89.gif) center center no-repeat #ffffff; }
		#content.project #projectimages img { margin-bottom: 20px; }
		#content.project #projectnav { width: 100%; margin-top: 20px; }
		#content.project #projectnav a { display:block; height: 20px; background: #d6d6d6; padding: 3px 10px; font-size: 12px; color: #fff; text-align: center; border: 0;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.project #projectnav a:hover { background: #484848; 
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); 
		}
		#content.project #previous { width: 10em; float: left; }
		#content.project #next { width: 10em; float: right; }



		/* SERVICES PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.services { margin-top: 130px; }
		#content.services h1 { font-size: 45px; margin-bottom: 40px; }

		#content.services ul#recentwork { width: 220px; float: right; margin-top: -20px; }
		#content.services ul#recentwork li.heading { font-family: nimbus-sans-condensed, 'Helvetica Neue', Helvetica, Verdana, San-Serif; font-size: 20px; text-align: right; margin-bottom: 10px;}
		#content.services ul#recentwork li.project { width: 220px; height: 140px; background: #ddd; float: left; margin: 0 0 20px 0; }
		#content.services ul#recentwork li.project:hover, #content.services ul#recentwork li.project:focus { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); }
		#content.services ul#recentwork li.project a { display: block; width: 100%; height: 100%; border: none; }
		#content.services ul#recentwork li.project div.caption { width: 220px; height: 40px; background: url('../images/projecthover-bg.png') #000 top right no-repeat; 
			/* fix it at the bottom: */		position:absolute; bottom:-1px; /* fix IE issue */ left:0;	
			/* hide it by default */		display:none;		
			/* opacity setting */			filter:alpha(opacity=70);    /* ie  */
											-moz-opacity:0.7;		/* old mozilla browser like netscape  */
											-khtml-opacity: 0.7;    /* for really really old safari */ 
											opacity: 0.7;			/* css standard, currently it works in most modern browsers like firefox,  */
		 }
		#content.services ul#recentwork li.project div.caption a { display: block; width: 210px; height: 30px; color: #fff; font-size: 11px; padding: 10px 0 0 10px;}
		#content.services ul#recentwork li.project div.caption a: hover { color: #fff; }

		#content.services div#introtext { margin: 40px 0 40px 0; font-size: 15px; width: 640px; color: #484848; line-height: 20px; }
		#content.services div#introtext p:first-child { color: #999; margin: 0 0 20px 0; font-size: 20px; line-height: 30px; }
		#content.services div#introtext p { margin: 0 0 20px 0; color: #484848; }
		#content.services div#introtext ul, #content.services div#introtext ul li  { padding: 0; margin: 0; }
		#content.services div#introtext ul { margin: 0 0 20px 20px; }
		#content.services div#introtext ul li { background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0;}


		#content.services div#introtext-host { margin: 40px 0 40px 0; font-size: 15px; width: 640px; color: #484848; line-height: 20px;float:left }
		#content.services div#introtext-host p:first-child { color: #999; margin: 0 0 20px 0; font-size: 20px; line-height: 30px; }
		#content.services div#introtext-host p { margin: 0 0 20px 0; color: #484848; }
		#content.services div#introtext-host ul, #content.services div#introtext-host ul li  { padding: 0; margin: 0; }
		#content.services div#introtext-host ul { margin: 20px 0 20px 20px; }
		#content.services div#introtext-host ul li { background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0;}



		/* NEWS & BLOG */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.blog { margin-top: 130px; }
		#maincolumn { width: 660px; float: left; }
		#content.blog h1 { font-size: 45px; margin-bottom: 40px; /*background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px;*/ }
		#content.blog #postslist { width: 660px; float: left; }
		#content.blog li.post { width: 660px; padding-bottom: 40px; }
		#content.blog li.post div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px; background: url('../images/post-date-bg.png') no-repeat; padding-top: 10px;
			font-family: nimbus-sans-condensed; text-align: center; color: #fff; font-size: 24px; line-height: 20px; letter-spacing: 0.05em;
			text-shadow: 0px 1px 1px #006990;
			filter: dropshadow(color=#006990, offx=0, offy=-1); 
			}
		#content.blog li.post h2.posttitle { margin-bottom: 10px; padding-left:80px}
		#content.blog li.post h2.posttitle a { font-family: nimbus-sans-condensed; font-size: 25px; color: #6a6c6d; border: none; letter-spacing: 0.02em;  }
		#content.blog li.post h2.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.blog li.post img.wp-post-image { margin: 0 0 10px 0; }
		#content.blog li.post div.postexcerpt { margin-left: 80px; }
		#content.blog li.post a.post-thumbnail { border: 0; }
		#sidebar { width: 240px; float: right; font-size: 13px; }
		#sidebar h3 { font-size: 20px; }
		#sidebar ul.sidebar { padding: 20px; border: 1px solid #ddd; background: #fbfbfb;}
		#sidebar ul.sidebar ul { padding: 0 0 20px 0; }
		#sidebar ul.sidebar ul ul { padding: 0; margin: 0; }

		#sidebar ul.sidebar ul li { padding: 2px 0; }
		#sidebar ul.sidebar ul li a { border-bottom: none; }
		#sidebar ul.sidebar li.widget_recent_entries ul li { padding: 5px 0 5px 0; border-bottom: 1px solid #ddd; }
		#sidebar ul.sidebar li.widget_recent_entries ul li:first-child { margin-top: -3px; }
		#sidebarshadow { width: 240px; height: 19px; background: url('../images/sidebar-shadow.png') no-repeat center; }

		/* SINGLE */
		#content.blogpost { margin-top: 130px; }
		#content.blogpost h1 { font-size: 45px; line-height: 45px; }
		#content.blogpost h2 a { color: #6a6c6d; border: none; letter-spacing: 0.04em; }
		#content.blogpost h2 a:hover { color: #484848; border: 1px dotted #00acec; }
		#content.blogpost p.postedon { margin: 10px 0 20px 0; }
		#content #postcontent { width: 660px; margin-top: 40px; float: left; }
		#content #postcontent p { margin-bottom: 20px; }
		#content #postcontent p.intro { font-size: 20px; color: #999999; line-height: 30px;  }
		#content #postcontent ul { margin-left: 1em; margin-bottom: 20px; }
		#content #postcontent ul li { list-style: disc url('../images/bullet.png'); }
		#content #postcontent p.postedin { border-top: 1px dotted #ddd; padding-top: 10px; }
		#content #postcontent img.alignright { margin: 0 0 10px 10px; }
		#content #postcontent img.alignleft { margin: 0 10px 10px 0; }

		#content.blogpost #blognav { width: 100%; margin-top: 20px; }
		#content.blogpost #blognav a { display:block; height: 20px; background: #d6d6d6; padding: 3px 10px; font-size: 12px; color: #fff; text-align: center; border: 0;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.blogpost #blognav a:hover { background: #484848; 
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); 
		}
		#content.blogpost #previous { width: 10em; float: left; }
		#content.blogpost #next { width: 10em; float: right; }

		/* DEFAULT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.default { margin-top: 130px; }
		#content.default h1 { font-size: 45px; margin-bottom: 40px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px; }
		#content.default #postslist { width: 660px; float: left; }
		#content.default #postslist li.post { width: 660px; float: left; padding-bottom: 40px; }
		#content.default #postslist li.post div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px; background: url('../images/post-date-bg.png') no-repeat; padding-top: 10px;
			font-family: nimbus-sans-condensed; text-align: center; color: #fff; font-size: 24px; line-height: 20px; letter-spacing: 0.05em;
			text-shadow: 	0px 1px 1px #006990;
			filter: dropshadow(color=#006990, offx=0, offy=-1); 
			}
		#content.default #postslist li.post h2.posttitle { margin-bottom: 10px; }
		#content.default #postslist li.post h2.posttitle a { font-family: nimbus-sans-condensed; font-size: 25px; color: #6a6c6d; border: none; letter-spacing: 0.04em;  }
		#content.default #postslist li.post h2.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.default #postslist li.post img.wp-post-image { margin: 0 0 10px 0; }
		#content.default #postslist li.post div.postexcerpt { margin-left: 80px; }
		#content.default #postslist li.post p.postedin { margin: 4px 0 0 80px; border-top: 1px dotted #ddd; padding-top: 5px; }


		/* ABOUT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.about { margin-top: 130px; }
		#content.about h1 { font-size: 45px; margin-bottom: 20px; }
		#content.about div.introtextlg { margin: 40px 0 20px 0; font-size: 20px; width: 770px; color: #999999; line-height: 30px; }
		#content.about div.introtextsm { width: 100%; }
		#content.about div.introtextsm div.col1 { margin: 20px 40px 40px 0; width: 440px; float: left; }
		#content.about div.introtextsm div.col2 { margin: 20px 0 40px 0; width: 440px; float: left; }
		#content.about div.introtextsm p { margin-bottom: 20px; font-size: 13px; color: #6a6c6d; line-height: 20px; }
		#content.about h2.ourteam { font-size: 35px; padding-top: 36px; border-top: 4px solid #f2f2f2; }
		#content.about ul#people { margin-top: 20px; width: 960px; }
		#content.about ul#people li.person { width: 408px; background: #fcfcfc; height: 400px; border: 1px solid #f2f2f2; margin: 0 30px 20px 0; float: left; padding: 20px; }
		#content.about ul#people li.person#firstperson {height: 250px; }
		#content.about ul#people li.boxempty { width: 408px; background: none; height: 400px; border: 1px solid #ffffff; margin: 0 30px 20px 0; float: left; padding: 20px; }
		#content.about ul#people li.person img.portrait { float: left; margin-right: 20px; }
		#content.about ul#people li.person h3.name { margin: 0 0 10px 138px; font-size: 25px; }
		#content.about ul#people li.person h3.name span.position { margin-left: 5px; font-size: 12px; color: #00acec; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; letter-spacing: 0;}
		#content.about ul#people li.person p { margin-left: 138px; font-size: 12px; line-height: 18.5px; }

		#content.about ul#people li.boxempty img.portrait { float: left; margin-right: 20px; }
		#content.about ul#people li.boxempty h3.name { margin: 0 0 10px 138px; font-size: 25px; }
		#content.about ul#people li.boxempty h3.name span.position { margin-left: 5px; font-size: 12px; color: #00acec; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; letter-spacing: 0;}
		#content.about ul#people li.boxempty p { margin-left: 138px; font-size: 12px; line-height: 20px; }



		/* CONTACT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.contact { margin-top: 130px; }
		#content.contact h1 { font-size: 45px; margin-bottom: 40px; }
		#content.contact #contacttext { width: 380px; float: left; margin-right: 40px; font-size: 20px; color: #999999; line-height: 30px; }
		#content.contact #contacttext p { margin-bottom: 25px; }
		#content.contact #contacttext p.details { font-size: 13px; line-height: 20px; margin-bottom: 10px; color: #484848; }
		#content.contact #contacttext iframe { margin-top: 10px; }
		#content.contact #contactform { width: 520px; float: left; min-height: 400px; margin-top: 3px;}
		#content.contact #contactform form { width: 520px;}
		#content.contact #contactform form a { border-bottom: none; }
		#content.contact #contactform label { display: block; margin: 10px 0; font-weight: bold; }
		#content.contact #contactform input[type=text],
			#content.contact #contactform input[type=email] { padding: 10px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.contact #contactform input:focus,
		#content.contact #contactform textarea:focus { border: 1px solid #666; }
		#content.contact #contactform textarea { width: 490px; padding: 10px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.contact #contactform #si_contact_captcha_code1 { width: 80px; }
		#content.contact #contactform #fsc-submit-1 { display: block; padding: 2px 10px; margin-top: 10px; border: 1px solid black;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.contact #contactform #fsc-submit-1:focus, #fsc-submit-1:hover { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2);}
		.googlemap{ width:360px; height:300px; }

		/* FOOTER */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#errorcontent { margin-top: 80px; }
		#errorcontent h1 { font-size: 80px; margin-bottom: 30px; }
		#errorcontent h2 { font-size: 30px; margin-bottom: 20px; color: #999999; line-height: 30px; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; }



		/* FOOTER */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#footertopwrap { background: #484848; padding: 30px 0 20px 0; border-bottom: 1px solid #393939;
			font-size: 12px; color: #444; height: 140px; }
		#footertopcontent { width: 940px; margin: 0 auto; padding-bottom: 20px; color: #fff; }
		#footertopcontent a:hover { border-bottom: 1px dotted #fff; }

		#footertopcontent #letstalk { width: 200px; position: absolute; left: 0px; top: 0px;  }
		#footertopcontent #kiwi { width: 107px; height: 50px; background: url('../images/kiwi.png') no-repeat; position: absolute; left: 205px; bottom: -35px; z-index: 9000; }

		#footertopcontent ul.xoxo { width: 400px; float: left; }
		#footertopcontent h3 { color: #fff; font-size: 24px; letter-spacing: 0.05em; }
		#footertopcontent h3 a { color: #fff; font-size: 24px; letter-spacing: 0.05em; }
		#footertopcontent h3 a:hover { color: #ddd; border-bottom: none; }
		#footertopcontent h3 a:hover:after { content: ' ' url('../images/extlinksm.png'); }
		#footertopcontent ul.xoxo li { color: #f3f1ed; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; }


		#footerbottomwrap { height: 100px; background: #2a2a2a; padding-top: 20px; border-top: 1px solid #434343;
			font-family: Helvetica, Verdana, Arial, Sans-serif; font-size: 11px; color: #444; letter-spacing: 0.025em; }
		#footerbottomcontent { width: 940px; margin: 0 auto; }
		#footerbottomcontent p { float: right; text-align: right; }
		#footerbottomcontent #facebook { width: 71px; height: 15px; float: left; margin: 0 20px 0 0px; }
		#footerbottomcontent #facebook a { display: block; width: 100%; height: 100%; background: url('../images/facebook.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #facebook a:hover, #footerbottomcontent #facebook a:focus { background-position: 0 -15px; }
		#footerbottomcontent #twitter { width: 76px; height: 15px; float: left; margin: 0 20px 0 0px; }
		#footerbottomcontent #twitter a { display: block; width: 100%; height: 100%; background: url('../images/twitter.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #twitter a:hover, #footerbottomcontent #twitter a:focus { background-position: 0 -15px; }
		#footerbottomcontent #googleplus { width: 69px; height: 20px; float: left; margin: 0 20px 0 0px; }
		#footerbottomcontent #googleplus a { display: block; width: 100%; height: 100%; background: url('../images/googleplus.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #googleplus a:hover, #footerbottomcontent #googleplus a:focus { background-position: 0 -20px; }
		#footerbottomcontent #linkedin { width: 71px; height: 19px; float: left; margin: 0 20px 0 0px; }
		#footerbottomcontent #linkedin a { display: block; width: 100%; height: 100%; background: url('../images/linkedin.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #linkedin a:hover, #footerbottomcontent #googleplus a:focus { background-position: 0 -19px; }


		#footerbottomcontent #distribution { width: 210px; height: 65px; position: absolute; left: 500px; top: 0px;  margin: 0 20px 0 0px;}
		#webmail { width: 210px; height: 30px; position: absolute; left: 730px; top: 65px;  margin: 5px 20px 0 0px;}





		#box-hosting {
		width: 640px;
		margin-top: 0px;
		margin-left: 0px;
		border: 1px solid #e6e7e7;
		float:left;
		}
		.basic_row {
		clear: both;
		position: relative;
		border: 1px solid #e6e7e7;
		padding:1px;
		}
		.five_col {
		float: left;
		width: 18%;
		padding: 6px;
		background: #00ACEC;
		}
		.fivew_col {
		float: left;
		width: 20%;
		}
		.fiveb_col {
		float: left;
		width: 20%;
		background-color:#d7ebf2
		}

		.clear_float {
		font-size: 0px;
		line-height: 0px;
		clear: both;
		} 
		.hostplan {font-family:"nimbus-sans-condensed"; color:#fff}
		.uptime {padding-top:40px;padding-left:140px;}
		.uptime ul li {font-family: 'nimbus-sans-condensed'; background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0; font-size:18px;color:#00ACEC}

		.hostingleft{ float:left; width:440px;padding-bottom:0px; }
		.hostingright{ float:right; }


@media only screen and (max-width: 960px) {
	/*TABLET VERSION -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	body { font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; color: #6a6c6d; line-height: 18px; font-size: 13px; background: #2A2A2A; }
		h1, h2, h3, h4, h5, h6 { font-family: nimbus-sans-condensed; }
		h1 { font-size: 30px; color: #6a6c6d; }
		h2 { font-size: 24px; color: #6a6c6d; }
		h3 { font-size: 20px; color: #6a6c6d; letter-spacing: 0.04em; }
		strong { font-weight: bold; }

		#fullwidth { background: url('../images/bg.png') repeat-x #fff; }
		#container { width: 760px; margin: 0 auto; padding-bottom: 80px; }
		#content a { text-decoration: none; color: #00acec; border-bottom: 1px dotted #00acec; } /* Add default link styling */
		#content a:hover, #content a:focus { color: #484848; }

		.headbar{ width:700px; height:7px; margin:0 auto; background:#3F3E40; position:relative;}
		.bluetext { color: #00acec; }
		.italic { font-style: italic; }
		span.whitebg { background: #fff; padding-right: 5px;}

		#sidenav { width: 30px; height: 195px; position: fixed; top: 150px; right: 0px; background: #484848; z-index:9999; }
		#sidenav img{ height:195px;  }

		/* HEADER --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#header { width: 760px; height: 81px; margin-bottom: 20px; }
		#headerborder { height: 15px; width: 760px; background: url('../images/header-border.png'); position: absolute; bottom: 0px; }
		div.logo { width: 250px; height: 30px; position: absolute; bottom: 20px; left: 0px; text-indent: -9999px; background: url('../images/logo-home.png') no-repeat; background-position: 0px -30px; }
		div.logo a { display: block; width: 100%; height: 100%; }
		div.logo:hover, h1.logo:focus { background-position: 0px 0px; }
		.new_logo{ width: 250px;height: auto; }
		.new_logo img{ width:250px; height:auto;}
		#header p.description { width: 300px; height: 10px; position: absolute; top: 20px; right: 20px; background: url('../images/description.png') no-repeat; text-indent: -9999px; overflow: hidden;}

		#access { width: 520px; height: 40px; position: absolute; right: 0px; top: 35px; z-index: 500; }
		#access ul { font-size: 12px; list-style: none; padding-left: 0; }
		#access li { float: right; position: relative; }
		#access a { color: #6a6c6d; display: block; line-height: 30px; padding: 0 12px; text-decoration: none; }
		#access li:hover > a, #access ul ul :hover > a, #access a:focus { border: none; }
		#access li:hover > a, #access a:focus { color: #373737; border-bottom: 3px solid #00acec; background: url('../images/nav-hoverglow.png') no-repeat; background-position: center 20px ;}


		/* HOME PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

		.hexagon {  position: relative;  width: 115px;   margin-right:10px; float:left; }
		.clear{ clear:both; height:40px; }
		.bluehex{   position: relative;  width: 115px;   height: 66.40px;  background-color: #00AEEF;  margin: 33.20px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.bluehex:before, .bluehex:after { content: "";  position: absolute;  z-index: 1;  width: 81.32px;  height: 81.32px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 16.8414px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.bluehex:before { top: -40.6586px; }
		.bluehex:after {  bottom: -40.6586px;}

		.lpurplehex{   position: relative;  width: 115px;   height: 66.40px;  background-color: #D01383;  margin: 33.20px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.lpurplehex:before, .lpurplehex:after { content: "";  position: absolute;  z-index: 1;  width: 81.32px;  height: 81.32px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 16.8414px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.lpurplehex:before { top: -40.6586px; }
		.lpurplehex:after {  bottom: -40.6586px;}

		.greenhex{   position: relative;  width: 115px;   height: 66.40px;  background-color: #46AD4A;  margin: 33.20px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.greenhex:before, .greenhex:after { content: "";  position: absolute;  z-index: 1;  width: 81.32px;  height: 81.32px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 16.8414px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.greenhex:before { top: -40.6586px; }
		.greenhex:after {  bottom: -40.6586px;}

		.orangehex{   position: relative;  width: 115px;   height: 66.40px;  background-color: #F7931E;  margin: 33.20px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.orangehex:before, .orangehex:after { content: "";  position: absolute;  z-index: 1;  width: 81.32px;  height: 81.32px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 16.8414px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.orangehex:before { top: -40.6586px; }
		.orangehex:after {  bottom: -40.6586px;}

		.redhex{   position: relative;  width: 115px;   height: 66.40px;  background-color:#E73527;  margin: 33.20px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.redhex:before, .redhex:after { content: "";  position: absolute;  z-index: 1;  width: 81.32px;  height: 81.32px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 16.8414px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.redhex:before { top: -40.6586px; }
		.redhex:after {  bottom: -40.6586px;}

		.purplehex{   position: relative;  width: 115px;   height: 66.40px;  background-color: #955C9C;  margin: 33.20px 0;  box-shadow: 0 0 20px rgba(0,0,0,0);}
		.purplehex:before, .purplehex:after { content: "";  position: absolute;  z-index: 1;  width: 81.32px;  height: 81.32px;  -webkit-transform: scaleY(0.5774) rotate(-45deg);  -ms-transform: scaleY(0.5774) rotate(-45deg);  transform: scaleY(0.5774) rotate(-45deg);  background-color: inherit;  left: 16.8414px;  box-shadow: 0 0 20px rgba(0,0,0,0);	}
		.purplehex:before { top: -40.6586px; }
		.purplehex:after {  bottom: -40.6586px;}
		
		.bluehex span, .lpurplehex span, .greenhex span, .orangehex span, .redhex span, .purplehex span {  display: block;  position: absolute;  top:0px;  left: 0;  width:115px;  height:50px;  z-index: 2;  background: inherit; color:#FFF; font-family: nimbus-sans-condensed; font-size:24px; }
		.hexagon span p{display: block; position:absolute; top:12px; line-height:20px; width:115px; text-align:center;}
		.hexagon .bluehex span p, .hexagon .orangehex span p{ top:20px;}

		.introtext{ font-size:34px; line-height:34px;}
		#content.home ul#banner { width: 760px; height: 283px; overflow: hidden; }
		#content.home div.bx-wrapper { margin-bottom: 20px; height: 283px; }
		#content.home div.bx-window { margin-bottom: 20px; height: 283px; }
		#content.home ul#banner ul li { padding-right: 40px; }
		.headerimg{ width: 760px; }
		#content.home ul#banner div.bannerDesc { width: 300px; min-height: 100px; padding: 15px 20px 30px 20px; position: absolute; top: 130px; left: 0px; background: url('../images/transparentgrey.png');}
		#content.home ul#banner h4.bannerTitle { font-size: 20px; letter-spacing: 0.05em; color: #fff; width: 300px; }
		#content.home ul#banner p.bannerText { color: #fff; position: absolute; top: 55px; left: 20px; width: 300px; }
		#content.home ul#banner img.viewproject { position: absolute; bottom: 0px; right: 0px;  }
		#content.home #hello { width: 250px; height: 80px; font-family: nimbus-sans-condensed; font-size: 59px; line-height: 1em; color: #00acec; float: left; margin-top: -7px; }
		#content.home #hometext { width: 490px; padding-right:20px; font-size: 17px; line-height: 30px; float: right; }
		#content.home #hometext h1 { font-size: 17px; line-height: 30px; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; color: #6a6c6d; }

		#content.home #whatsnew { width: 300px; float: left; margin-top: 60px; }
		#content.home #whatsnew h2.whatsnewheader { font-size: 30px; margin-bottom: 20px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 1px; }
		#content.home #whatsnew div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px;background: url('../images/post-date-bg.png') no-repeat; text-align: center; font-family: nimbus-sans-condensed; color: #fff; font-size: 24px; line-height: 20px; padding-top: 10px; letter-spacing: 0.05em;}
		#content.home #whatsnew div.posttitle a { font-family: nimbus-sans-condensed; font-size: 25px; color: #6a6c6d; border: none; letter-spacing: 0.04em; }
		#content.home #whatsnew div.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.home #whatsnew div.postexcerpt { margin-left: 80px; margin-bottom: 20px;}

		#content.home #services { width: 400px; float: left; margin: 60px 0 0 20px; }
		#content.home #services h2.servicesheader { font-size: 30px; margin-bottom: 20px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 1px; }
		#content.home #services	ul.left { padding-left: 15px; width: 170px; float: left; margin: 3px 0 0 2px;}
		#content.home #services	ul.right { width:190px; float: left; margin: 3px 0 0 0;}
		#content.home #services	ul li { list-style: disc url('../images/bullet.png'); padding-left: 5px; margin-bottom: 3px; }
		.services_content{ float:left; padding-bottom:20px }
		.services_content #sc1{ width:400px; }
		.services_content #sc2{ wdith:350px; }
		.host {  color: #FFFFFF;
			font-family: nimbus-sans-condensed;
			font-size: 16px;
			line-height: 16px;
			padding-left: 13px;
			padding-top: 15px;
			}
		.uptime_main{
			border-radius: 50%;  width: 60px;  height: 60px; float:left; margin-right:10px; margin-bottom:20px;background-color:#00ACEC
		}


		/*HOW WE DO PAGE*/
		.howwedo{ position:relative; margin-left:0px;}
		.howwedo img{ width:768px;}
		.howwedocolumns{ width:210px; text-align:left; float:left; margin-right:30px; margin-left:15px; }
		.howwedocolumns p{padding-bottom:15px;}
		.howwedocolumns span{ text-transform:uppercase; color:#00AEEF; display:block; clear:both; margin-bottom:15px; width:100%; text-align:center; font-size:20px; font-family: nimbus-sans-condensed;}


		/* WORK PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.work { margin-top: 100px; min-height: 660px; }
		#content.work h1 { font-size: 45px; margin-bottom: 20px; /* background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px; */ }
		#content.work ul#categories { position: absolute; top: 8px; right: 0; width: 600px;}
		#content.work ul#categories li { display: inline; float: right; }
		#content.work ul#categories a { display: block; text-align: center; font-size: 10px; padding: 3px 10px; background: none; color: #6a6c6d; border: none; margin-left: 5px;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.work #categories a:hover { background: #6a6c6d; color: #fff; }
		#content.work ul#worklist { width: 730px; margin-top: 130px; margin-left:30px; }
		#content.work ul#worklist li.project { width: 220px; height: 140px; background: #ddd; float: left; margin: 0 20px 20px 0; }
		#content.work ul#worklist li.project:hover, #content.work ul#worklist li.project:focus { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); }
		#content.work ul#worklist li.project a { display: block; width: 100%; height: 100%; border: none; }
		#content.work ul#worklist li.project div.caption { width: 220px; height: 40px; background: url('../images/projecthover-bg.png') #000 top right no-repeat; 
			/* fix it at the bottom: */		position:absolute; bottom:-1px; /* fix IE issue */ left:0;	
			/* hide it by default */		display:none;		
			/* opacity setting */			filter:alpha(opacity=70);    /* ie  */
											-moz-opacity:0.7;		/* old mozilla browser like netscape  */
											-khtml-opacity: 0.7;    /* for really really old safari */ 
											opacity: 0.7;			/* css standard, currently it works in most modern browsers like firefox,  */
		 }
		#content.work ul#worklist li.project div.caption a { display: block; width: 210px; height: 30px; color: #fff; font-size: 11px; padding: 10px 0 0 10px;}
		#content.work ul#worklist li.project div.caption a: hover { color: #fff; }
		#content.work p.seenenough { text-align: right; font-size: 20px; color: #8a8c8d; line-height: 30px; }
		#content.work p.seenenough span.intro { font-family: nimbus-sans-condensed; font-size: 30px; color: #6a6c6d; letter-spacing: 0.025em; }



		/* PROJECT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.project { margin-top: 100px; }
		#content.project h1 { margin-bottom: 20px; }
		#content.project #projecttext { width: 380px; float: left; margin-right: 20px; font-size: 15px; line-height: 25px; }
		#content.project #projecttext p { margin-bottom: 25px; }
		#content.project #projecttext ul { margin-left: 1em; margin-bottom: 25px; }
		#content.project #projecttext ul li { list-style: disc url('../images/bullet.png'); }
		#content.project #projecttext a.backarrow { border: 0px; }
		#content.project #projecttext img.backarrow { vertical-align: middle; }
		#content.project #projecttext span.noborder { border: 0px; }
		#content.project #projecttext #googleplus1 { width: 150px; float: right; }
		#content.project #projectimages { width: 540px; float: left; min-height: 400px; }
		#content.project #projectimages a { border: 0; display:block; color:#fff; padding:0; text-decoration:none; }
			.preloader { background:url(../images/89.gif) center center no-repeat #ffffff; }
		#content.project #projectimages img { margin-bottom: 20px; }
		#content.project #projectnav { width: 100%; margin-top: 20px; }
		#content.project #projectnav a { display:block; height: 20px; background: #d6d6d6; padding: 3px 10px; font-size: 12px; color: #fff; text-align: center; border: 0;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.project #projectnav a:hover { background: #484848; 
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); 
		}
		#content.project #previous { width: 10em; float: left; }
		#content.project #next { width: 10em; float: right; }



		/* SERVICES PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.services { margin-top: 100px; }
		#content.services h1 { font-size: 45px; margin-bottom: 40px; }

		#content.services ul#recentwork { width: 220px; float: right; margin-top: -20px; margin-right:30px;}
		#content.services ul#recentwork li.heading { font-family: nimbus-sans-condensed, 'Helvetica Neue', Helvetica, Verdana, San-Serif; font-size: 20px; text-align: right; margin-bottom: 10px;}
		#content.services ul#recentwork li.project { width: 220px; height: 140px; background: #ddd; float: left; margin: 0 0 20px 0; }
		#content.services ul#recentwork li.project:hover, #content.services ul#recentwork li.project:focus { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); }
		#content.services ul#recentwork li.project a { display: block; width: 100%; height: 100%; border: none; }
		#content.services ul#recentwork li.project div.caption { width: 220px; height: 40px; background: url('../images/projecthover-bg.png') #000 top right no-repeat; 
			/* fix it at the bottom: */		position:absolute; bottom:-1px; /* fix IE issue */ left:0;	
			/* hide it by default */		display:none;		
			/* opacity setting */			filter:alpha(opacity=70);    /* ie  */
											-moz-opacity:0.7;		/* old mozilla browser like netscape  */
											-khtml-opacity: 0.7;    /* for really really old safari */ 
											opacity: 0.7;			/* css standard, currently it works in most modern browsers like firefox,  */
		 }
		#content.services ul#recentwork li.project div.caption a { display: block; width: 210px; height: 30px; color: #fff; font-size: 11px; padding: 10px 0 0 10px;}
		#content.services ul#recentwork li.project div.caption a: hover { color: #fff; }

		#content.services div#introtext { margin: 40px 0px 40px 30px; font-size: 15px; width: 380px; color: #484848; line-height: 20px; }
		#content.services div#introtext p:first-child { color: #999; margin: 0 0 20px 0; font-size: 20px; line-height: 30px; }
		#content.services div#introtext p { margin: 0 0 20px 0; color: #484848; }
		#content.services div#introtext ul, #content.services div#introtext ul li  { padding: 0; margin: 0; }
		#content.services div#introtext ul { margin: 0 0 20px 20px; }
		#content.services div#introtext ul li { background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0;}


		#content.services div#introtext-host { margin: 40px 0 40px 0; font-size: 15px; width: 46px; color: #484848; line-height: 20px;float:left }
		#content.services div#introtext-host p:first-child { color: #999; margin: 0 0 20px 0; font-size: 20px; line-height: 30px; }
		#content.services div#introtext-host p { margin: 0 0 20px 0; color: #484848; }
		#content.services div#introtext-host ul, #content.services div#introtext-host ul li  { padding: 0; margin: 0; }
		#content.services div#introtext-host ul { margin: 20px 0 20px 20px; }
		#content.services div#introtext-host ul li { background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0;}



		/* NEWS & BLOG */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.blog { margin-top: 100px; width:700px; padding-left:30px; padding-right:30px;}
		#maincolumn { width: 510px; float: left; }
		#content.blog h1 { font-size: 45px; margin-bottom: 40px; /*background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px;*/ }
		#content.blog #postslist { width: 510px; float: left; }
		#content.blog li.post { width: 510px; padding-bottom: 40px; }
		#content.blog li.post div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px; background: url('../images/post-date-bg.png') no-repeat; padding-top: 10px;
			font-family: nimbus-sans-condensed; text-align: center; color: #fff; font-size: 24px; line-height: 20px; letter-spacing: 0.05em;
			text-shadow: 0px 1px 1px #006990;
			filter: dropshadow(color=#006990, offx=0, offy=-1); 
			}
		#content.blog li.post h2.posttitle { margin-bottom: 10px; padding-left:80px}
		#content.blog li.post h2.posttitle a { font-family: nimbus-sans-condensed; font-size: 25px; color: #6a6c6d; border: none; letter-spacing: 0.02em;  }
		#content.blog li.post h2.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.blog li.post img.wp-post-image { margin: 0 0 10px 0; }
		#content.blog li.post div.postexcerpt { margin-left: 80px; }
		#content.blog li.post a.post-thumbnail { border: 0; }
		#sidebar { width: 150px; float: right; font-size: 13px; }
		#sidebar h3 { font-size: 18px; }
		#sidebar ul.sidebar { padding: 20px; border: 1px solid #ddd; background: #fbfbfb;}
		#sidebar ul.sidebar ul { padding: 0 0 20px 0; }
		#sidebar ul.sidebar ul ul { padding: 0; margin: 0; }

		#sidebar ul.sidebar ul li { padding: 2px 0; }
		#sidebar ul.sidebar ul li a { border-bottom: none; }
		#sidebar ul.sidebar li.widget_recent_entries ul li { padding: 5px 0 5px 0; border-bottom: 1px solid #ddd; }
		#sidebar ul.sidebar li.widget_recent_entries ul li:first-child { margin-top: -3px; }
		#sidebarshadow { width: 180px; height: 19px; background: url('../images/sidebar-shadow.png') no-repeat center; }

		/* SINGLE */
		#content.blogpost { margin-top: 100px;  width:700px; padding-left:30px; padding-right:30px;}
		#content.blogpost h1 { font-size: 45px; line-height: 45px; }
		#content.blogpost h2 a { color: #6a6c6d; border: none; letter-spacing: 0.04em; }
		#content.blogpost h2 a:hover { color: #484848; border: 1px dotted #00acec; }
		#content.blogpost p.postedon { margin: 10px 0 20px 0; }
		#content #postcontent { width: 510px; margin-top: 40px; float: left; }
		#content #postcontent p { margin-bottom: 20px; }
		#content #postcontent p.intro { font-size: 20px; color: #999999; line-height: 30px;  }
		#content #postcontent ul { margin-left: 1em; margin-bottom: 20px; }
		#content #postcontent ul li { list-style: disc url('../images/bullet.png'); }
		#content #postcontent p.postedin { border-top: 1px dotted #ddd; padding-top: 10px; }
		#content #postcontent img.alignright { margin: 0 0 10px 10px; }
		#content #postcontent img.alignleft { margin: 0 10px 10px 0; }

		#content.blogpost #blognav { width: 100%; margin-top: 20px; }
		#content.blogpost #blognav a { display:block; height: 20px; background: #d6d6d6; padding: 3px 10px; font-size: 12px; color: #fff; text-align: center; border: 0;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.blogpost #blognav a:hover { background: #484848; 
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); 
		}
		#content.blogpost #previous { width: 10em; float: left; }
		#content.blogpost #next { width: 10em; float: right; }

		/* DEFAULT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.default { margin-top: 100px;  width:700px; padding-left:30px; padding-right:30px;}
		#content.default h1 { font-size: 45px; margin-bottom: 40px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px; }
		#content.default #postslist { width: 510px; float: left; }
		#content.default #postslist li.post { width: 510px; float: left; padding-bottom: 40px; }
		#content.default #postslist li.post div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px; background: url('../images/post-date-bg.png') no-repeat; padding-top: 10px;
			font-family: nimbus-sans-condensed; text-align: center; color: #fff; font-size: 24px; line-height: 20px; letter-spacing: 0.05em;
			text-shadow: 	0px 1px 1px #006990;
			filter: dropshadow(color=#006990, offx=0, offy=-1); 
			}
		#content.default #postslist li.post h2.posttitle { margin-bottom: 10px; }
		#content.default #postslist li.post h2.posttitle a { font-family: nimbus-sans-condensed; font-size: 25px; color: #6a6c6d; border: none; letter-spacing: 0.04em;  }
		#content.default #postslist li.post h2.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.default #postslist li.post img.wp-post-image { margin: 0 0 10px 0; }
		#content.default #postslist li.post div.postexcerpt { margin-left: 80px; }
		#content.default #postslist li.post p.postedin { margin: 4px 0 0 80px; border-top: 1px dotted #ddd; padding-top: 5px; }


		/* ABOUT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.about { margin-top: 100px; width:670px; padding-right:30px; padding-left:30px;}
		#content.about h1 { font-size: 45px; margin-bottom: 20px; }
		#content.about div.introtextlg { margin: 40px 0 20px 0; font-size: 18px; width: 670px; color: #999999; line-height: 24px; }
		#content.about div.introtextsm { width: 100%; }
		#content.about div.introtextsm div.col1 { margin: 20px 40px 40px 0; width: 300px; float: left; }
		#content.about div.introtextsm div.col2 { margin: 20px 0 40px 0; width: 300px; float: left; }
		#content.about div.introtextsm p { margin-bottom: 20px; font-size: 13px; color: #6a6c6d; line-height: 20px; }
		#content.about h2.ourteam { font-size: 35px; padding-top: 36px; border-top: 4px solid #f2f2f2; }
		#content.about ul#people { margin-top: 20px; width: 700px; }
		#content.about ul#people li.person { width: 278px; background: #fcfcfc; height: 380px; border: 1px solid #f2f2f2; margin: 0 30px 20px 0; float: left; padding: 20px; }
		#content.about ul#people li.person#firstperson { width: 630px; background: #fcfcfc; height: 150px; border: 1px solid #f2f2f2; margin: 0 30px 20px 0; float: left; padding: 20px; }
		#content.about ul#people li.boxempty { display:none; }
		#content.about ul#people li.person img.portrait { float: left; margin-right: 20px; }
		#content.about ul#people li.person h3.name { margin: 0 0 10px 138px; font-size: 25px; }
		#content.about ul#people li.person h3.name span.position { margin-left: 5px; font-size: 12px; color: #00acec; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; letter-spacing: 0;}
		#content.about ul#people li.person p { margin-left: 138px; font-size: 12px; line-height: 18.5px; }

		#content.about ul#people li.boxempty img.portrait { float: left; margin-right: 20px; }
		#content.about ul#people li.boxempty h3.name { margin: 0 0 10px 138px; font-size: 25px; }
		#content.about ul#people li.boxempty h3.name span.position { margin-left: 5px; font-size: 12px; color: #00acec; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; letter-spacing: 0;}
		#content.about ul#people li.boxempty p { margin-left: 138px; font-size: 12px; line-height: 20px; }



		/* CONTACT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.contact { margin-top: 100px;  width:700px; padding-left:30px; padding-right:30px;}
		#content.contact h1 { font-size: 45px; margin-bottom: 40px; }
		#content.contact #contacttext { width: 290px; float: left; margin-right: 40px; font-size: 18px; color: #999999; line-height: 30px; }
		#content.contact #contacttext p { margin-bottom: 25px; }
		#content.contact #contacttext p.details { font-size: 13px; line-height: 20px; margin-bottom: 10px; color: #484848; }
		#content.contact #contacttext iframe { margin-top: 10px; }
		#content.contact #contactform { width: 370px; float: left; min-height: 400px; margin-top: 3px;}
		#content.contact #contactform form { width: 370px;}
		#content.contact #contactform form a { border-bottom: none; }
		#content.contact #contactform label { display: block; margin: 10px 0; font-weight: bold; }
		#content.contact #contactform input[type=text],
			#content.contact #contactform input[type=email] { padding: 10px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.contact #contactform input:focus,
		#content.contact #contactform textarea:focus { border: 1px solid #666; }
		#content.contact #contactform textarea { width: 370px; padding: 10px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.contact #contactform #si_contact_captcha_code1 { width: 80px; }
		#content.contact #contactform #fsc-submit-1 { display: block; padding: 2px 10px; margin-top: 10px; border: 1px solid black;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.contact #contactform #fsc-submit-1:focus, #fsc-submit-1:hover { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2);}
		.googlemap{ width:290px; height:320px; }

		/* FOOTER */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#errorcontent { margin-top: 80px; }
		#errorcontent h1 { font-size: 80px; margin-bottom: 30px; }
		#errorcontent h2 { font-size: 30px; margin-bottom: 20px; color: #999999; line-height: 30px; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; }
		.footerimg{ position: absolute;bottom: 147px;width: 100%;height: auto;z-index: 0; }


		/* FOOTER */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#footertopwrap { background: #484848; padding: 30px 0 20px 0; border-bottom: 1px solid #393939;
			font-size: 12px; color: #444; }
		#footertopcontent { width: 760px; margin: 0 auto; padding-bottom: 20px; color: #fff; }
		#footertopcontent a:hover { border-bottom: 1px dotted #fff; }

		#footertopcontent #letstalk { width: 200px; position: absolute; left: 270px; top: 0px;  }
		#footertopcontent #kiwi { width: 107px; height: 50px; background: url('../images/kiwi.png') no-repeat; position: absolute; left: 205px; bottom: -35px; z-index: 9000; }

		#footertopcontent ul.xoxo { width: 220px; float: left; }
		#footertopcontent h3 { color: #fff; font-size: 24px; letter-spacing: 0.05em; }
		#footertopcontent h3 a { color: #fff; font-size: 24px; letter-spacing: 0.05em; }
		#footertopcontent h3 a:hover { color: #ddd; border-bottom: none; }
		#footertopcontent h3 a:hover:after { content: ' ' url('../images/extlinksm.png'); }
		#footertopcontent ul.xoxo li { color: #f3f1ed; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; }


		#footerbottomwrap { height: 100px; background: #2a2a2a; padding-top: 20px; border-top: 1px solid #434343;
			font-family: Helvetica, Verdana, Arial, Sans-serif; font-size: 11px; color: #444; letter-spacing: 0.025em; }
		#footerbottomcontent { width: 760px; margin: 0 auto; }
		#footerbottomcontent p { float: right; text-align: right; }
		#footerbottomcontent #facebook { width: 71px; height: 15px; float: left; margin: 0 20px 0 0px; }
		#footerbottomcontent #facebook a { display: block; width: 100%; height: 100%; background: url('../images/facebook.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #facebook a:hover, #footerbottomcontent #facebook a:focus { background-position: 0 -15px; }
		#footerbottomcontent #twitter { width: 76px; height: 15px; float: left; margin: 0 20px 0 0px; }
		#footerbottomcontent #twitter a { display: block; width: 100%; height: 100%; background: url('../images/twitter.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #twitter a:hover, #footerbottomcontent #twitter a:focus { background-position: 0 -15px; }
		#footerbottomcontent #googleplus { width: 69px; height: 20px; float: left; margin: 0 20px 0 0px; }
		#footerbottomcontent #googleplus a { display: block; width: 100%; height: 100%; background: url('../images/googleplus.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #googleplus a:hover, #footerbottomcontent #googleplus a:focus { background-position: 0 -20px; }
		#footerbottomcontent #linkedin { width: 71px; height: 19px; float: left; margin: 0 20px 0 0px; }
		#footerbottomcontent #linkedin a { display: block; width: 100%; height: 100%; background: url('../images/linkedin.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #linkedin a:hover, #footerbottomcontent #googleplus a:focus { background-position: 0 -19px; }


		#footerbottomcontent #distribution { width: 210px; height: 65px; position: absolute; left: 500px; top: 0px;  margin: 0 20px 0 0px;}
		#webmail { width: 210px; height: 30px; position: absolute; left: 550px; top: 65px;  margin: 5px 20px 0 0px;}





		#box-hosting {
		width: 760px;
		margin-top: 0px;
		margin-left: 0px;
		border: 1px solid #e6e7e7;
		float:left;
		}
		.basic_row {
		clear: both;
		position: relative;
		border: 1px solid #e6e7e7;
		padding:1px;
		}
		.five_col {
		float: left;
		width: 20%;
		background: #00ACEC;
		}
		.fivew_col {
		float: left;
		width: 20%;
		}
		.fiveb_col {
		float: left;
		width: 20%;
		background-color:#d7ebf2
		}

		.clear_float {
		font-size: 0px;
		line-height: 0px;
		clear: both;
		} 
		.hostplan {font-family:"nimbus-sans-condensed"; color:#fff}
		.uptime {padding-top:40px;padding-left:140px;}
		.uptime ul li {font-family: 'nimbus-sans-condensed'; background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0; font-size:18px;color:#00ACEC}

		.hostingleft{ width:440px;padding-bottom:0px; }
		.hostingright{ }
}



@media only screen and (max-width: 760px) {   

	/*MOBILE VERSION -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	body { font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; color: #6a6c6d; line-height: 18px; font-size: 13px; background: #2A2A2A; }
		h1, h2, h3, h4, h5, h6 { font-family: nimbus-sans-condensed; }
		h1 { font-size: 30px; color: #6a6c6d; }
		h2 { font-size: 24px; color: #6a6c6d; }
		h3 { font-size: 20px; color: #6a6c6d; letter-spacing: 0.04em; }
		strong { font-weight: bold; }

		#fullwidth { background: url('../images/bg.png') repeat-x #fff; }
		#container { width: 480px; margin: 0 auto; padding-bottom: 80px; }
		#content a { text-decoration: none; color: #00acec; border-bottom: 1px dotted #00acec; } /* Add default link styling */
		#content a:hover, #content a:focus { color: #484848; }

		.bluetext { color: #00acec; }
		.italic { font-style: italic; }
		span.whitebg { background: #fff; padding-right: 5px;}

		.headbar{ width:280px; height:7px; margin:0 auto; background:#3F3E40; position:relative;}
		#sidenav { width: 29px; height: 178px; position: fixed; top: 81px; right: 0px; background: #484848; z-index:9999; }
		#sidenav img{ height:178px;  }
		.services_content { width:300px; }
		.introtext{ font-size:24px; line-height:24px; width:100%;}
		.hexagon {  position: relative;  width: 116px;   margin-left:25px; margin-right:10px; margin-bottom:20px; float:left; }
		/* HEADER --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#header { width: 480px; height: 81px; margin-bottom: 0px; }
		#headerborder { display:none; }
		div.logo { width: 250px; height: 30px; position: absolute; bottom: 30px; left: 0px; text-indent: -9999px; background: url('../images/logo-home.png') no-repeat; background-position: 0px -30px; }
		div.logo a { display: block; width: 100%; height: 100%; }
		div.logo:hover, h1.logo:focus { background-position: 0px 0px; }
		#header p.description { width: 300px; height: 10px; position: absolute; top: 50px; left: 00px; background: url('../images/description.png') no-repeat; text-indent: -9999px; overflow: hidden;}

		#access { width: 500px; height: 40px; position: absolute; right: 0px; top: 35px; z-index: 500; display:none;}

		#access_mobile { width: 180px; padding:20px; position: relative; right: 0px; top: 35px; z-index: 500; }
		#access_mobile ul { font-size: 12px; list-style: none; padding-left: 0; }
		#access_mobile li { position: relative; }
		#access_mobile a { color: #fff; display: block; line-height: 30px; padding: 0 12px; text-decoration: none; font-size:16px;}
		#access_mobile li:hover > a, #access ul ul :hover > a, #access a:focus { border: none; }
		#access_mobile li:hover > a, #access a:focus { color: #f0f0f0; border-bottom: 3px solid #00acec; }

		#mobilemenu_button{
			display:block;
			width: 90px; height: 55px; padding-top:25px; float: left; margin-right: 20px;
			background: #00ACEC; border-radius:50%; text-align: center; color: #fff; font-size: 22px; line-height: 20px; letter-spacing: 0.05em;
			position:absolute;
			text-transform:lowercase;

			top:20px;
			right:20px;
			z-index:10000000;
			padding-bottom:10px;
		}
		#mobilemenu_button div{
			clear:both;
			width:40px;
			margin-left:25px;
			height:2px;
			background:#FFF;
			margin-top:5px;
			margin-bottom:2px;
		}
		.mobilmenu{
			width:240px;
			height:100%;
			min-height:500px;
			background:#494949;
			position:fixed;;
			top:0px;
			right:0px;
			display:block;
			z-index:100000001;
			margin-right:-240px;
		}
		
		.seo{
			width:460px;margin-bottom:10px; border: solid 1px #E3E3E3; background-color:none; padding:10px;
		}

		/* HOME PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.home ul#banner { width: 480px; height: 219px; overflow: hidden; position:relative;}
		#content.home div.bx-wrapper { margin-bottom: 20px; height: 189px; }
		#content.home div.bx-window { margin-bottom: 20px; height: 189px; }
		#content.home ul#banner ul li { padding-right: 40px; }
		.headerimg{ width: 480px; }
		#content.home ul#banner div.bannerDesc { display:none; }
		#content.home ul#banner div.bannerDescMobile { width: 440px; padding: 10px 20px; height:20px; position: absolute; top: 150px; left: 0px; background: #494949; color:#FFF; font-size:22px;}
		#content.home ul#banner div.bannerDescMobile span { font-size:16px; text-decoration:none;}
		#content.home ul#banner div.bannerDescMobile a{ text-decoration:none; border-bottom:0px; }
		#content.home ul#banner h4.bannerTitle { font-size: 20px; letter-spacing: 0.05em; color: #fff; width: 300px; }
		#content.home ul#banner p.bannerText { color: #fff; position: absolute; top: 55px; left: 20px; width: 300px; }
		#content.home ul#banner img.viewproject { position: absolute; bottom: 0px; right: 0px;  }
		#content.home #hello { width: 250px; height: 40px; font-family: nimbus-sans-condensed; font-size: 32px; line-height: 1em; color: #00acec; float: left; margin-top: -7px; }
		#content.home #hometext {  width: 420px; padding:0 30px; font-size: 17px; line-height: 24px; float: right; }
		#content.home #hometext h1 { font-size: 17px; line-height: 30px; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; color: #6a6c6d; }

		#content.home #whatsnew { width: 420px; padding:0 30px; float: left; margin-top: 20px; }
		#content.home #whatsnew h2.whatsnewheader { font-size: 30px; margin-bottom: 20px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 1px; }
		#content.home #whatsnew div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px;background: url('../images/post-date-bg.png') no-repeat; text-align: center; font-family: nimbus-sans-condensed; color: #fff; font-size: 24px; line-height: 20px; padding-top: 10px; letter-spacing: 0.05em;}
		#content.home #whatsnew div.posttitle a { font-family: nimbus-sans-condensed; font-size: 25px; color: #6a6c6d; border: none; letter-spacing: 0.04em; }
		#content.home #whatsnew div.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.home #whatsnew div.postexcerpt { margin-left: 80px; margin-bottom: 20px;}

		#content.home #services { width: 420px; padding:0 30px; float: left; margin: 20px 0 0 0px; }
		#content.home #services h2.servicesheader { font-size: 30px; margin-bottom: 20px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 1px; }
		#content.home #services	ul.left { padding-left: 15px; width: 195px; float: left; margin: 0;}
		#content.home #services	ul.right { width:210px; float: left; margin: 0;}
		#content.home #services	ul li { list-style: disc url('../images/bullet.png'); padding-left: 5px; margin-bottom: 3px; }
		.services_content{ float:left; padding-bottom:20px }
		#sc1{ width:400px; display:none;}
		.services_content #sc2{ width:350px; }
		.host {  color: #FFFFFF;
			font-family: nimbus-sans-condensed;
			font-size: 16px;
			line-height: 16px;
			padding-left: 13px;
			padding-top: 15px;
			}
		.uptime_main{
			border-radius: 50%;  width: 60px;  height: 60px; float:left; margin-right:10px; margin-bottom:20px;background-color:#00ACEC
		}

		.new_logo{ width: 200px;height: auto; }
		.new_logo img{ width:200px; height:auto;}

		/*HOW WE DO PAGE*/
		.howwedo{ position:relative; margin-left:0px;}
		.howwedo img{ width:300px;}
		.howwedocolumns{ width:300px; text-align:left; float:left; margin-right:5px; margin-left:5px; }
		.howwedocolumns p{padding-bottom:15px;}
		.howwedocolumns span{ text-transform:uppercase; color:#00AEEF; display:block; clear:both; margin-bottom:15px; width:100%; text-align:center; font-size:20px; font-family: nimbus-sans-condensed;}


		/* WORK PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.work { margin-top: 70px; min-height: 660px; }
		#content.work h1 { font-size: 45px; margin-bottom: 20px; /* background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px; */ }
		#content.work ul#categories { position: absolute; top: 8px; right: 0; width: 420px;}
		#content.work ul#categories li { display: inline; float: right; }
		#content.work ul#categories a { display: block; text-align: center; font-size: 10px; padding: 3px 10px; background: none; color: #6a6c6d; border: none; margin-left: 5px;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.work #categories a:hover { background: #6a6c6d; color: #fff; }
		#content.work ul#worklist { width: 440px; margin-top: 40px; margin-left:10px; }
		#content.work ul#worklist li.project { width: 180px; height: 135px; background: #ddd; float: left; margin: 0 20px 20px 0; }
		#content.work ul#worklist li.project:hover, #content.work ul#worklist li.project:focus { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); }
		#content.work ul#worklist li.project a { display: block; width: 100%; height: 100%; border: none; }
		#content.work ul#worklist li.project div.caption { width: 180px; height: 40px; background: url('../images/projecthover-bg.png') #000 top right no-repeat; 
			/* fix it at the bottom: */		position:absolute; bottom:-1px; /* fix IE issue */ left:0;	
			/* hide it by default */		display:none;		
			/* opacity setting */			filter:alpha(opacity=70);    /* ie  */
											-moz-opacity:0.7;		/* old mozilla browser like netscape  */
											-khtml-opacity: 0.7;    /* for really really old safari */ 
											opacity: 0.7;			/* css standard, currently it works in most modern browsers like firefox,  */
		 }
		#content.work ul#worklist li.project div.caption a { display: block; width: 210px; height: 30px; color: #fff; font-size: 11px; padding: 10px 0 0 10px;}
		#content.work ul#worklist li.project div.caption a: hover { color: #fff; }
		#content.work p.seenenough { text-align: right; font-size: 20px; color: #8a8c8d; line-height: 30px; }
		#content.work p.seenenough span.intro { font-family: nimbus-sans-condensed; font-size: 30px; color: #6a6c6d; letter-spacing: 0.025em; }



		/* PROJECT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.project { margin-top: 70px; }
		#content.project h1 { margin-bottom: 20px; }
		#content.project #projecttext { width: 380px; float: left; margin-right: 20px; font-size: 15px; line-height: 25px; }
		#content.project #projecttext p { margin-bottom: 25px; }
		#content.project #projecttext ul { margin-left: 1em; margin-bottom: 25px; }
		#content.project #projecttext ul li { list-style: disc url('../images/bullet.png'); }
		#content.project #projecttext a.backarrow { border: 0px; }
		#content.project #projecttext img.backarrow { vertical-align: middle; }
		#content.project #projecttext span.noborder { border: 0px; }
		#content.project #projecttext #googleplus1 { width: 150px; float: right; }
		#content.project #projectimages { width: 540px; float: left; min-height: 400px; }
		#content.project #projectimages a { border: 0; display:block; color:#fff; padding:0; text-decoration:none; }
			.preloader { background:url(../images/89.gif) center center no-repeat #ffffff; }
		#content.project #projectimages img { margin-bottom: 20px; }
		#content.project #projectnav { width: 100%; margin-top: 20px; }
		#content.project #projectnav a { display:block; height: 20px; background: #d6d6d6; padding: 3px 10px; font-size: 12px; color: #fff; text-align: center; border: 0;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.project #projectnav a:hover { background: #484848; 
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); 
		}
		#content.project #previous { width: 10em; float: left; }
		#content.project #next { width: 10em; float: right; }



		/* SERVICES PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.services { margin-top: 70px; }
		#content.services h1 { font-size: 45px; margin-bottom: 40px; }

		#content.services ul#recentwork { width: 220px; float: right; margin-top: -20px; margin-right:30px;}
		#content.services ul#recentwork li.heading { font-family: nimbus-sans-condensed, 'Helvetica Neue', Helvetica, Verdana, San-Serif; font-size: 20px; text-align: right; margin-bottom: 10px;}
		#content.services ul#recentwork li.project { width: 220px; height: 140px; background: #ddd; float: left; margin: 0 0 20px 0; }
		#content.services ul#recentwork li.project:hover, #content.services ul#recentwork li.project:focus { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); }
		#content.services ul#recentwork li.project a { display: block; width: 100%; height: 100%; border: none; }
		#content.services ul#recentwork li.project div.caption { width: 220px; height: 40px; background: url('../images/projecthover-bg.png') #000 top right no-repeat; 
			/* fix it at the bottom: */		position:absolute; bottom:-1px; /* fix IE issue */ left:0;	
			/* hide it by default */		display:none;		
			/* opacity setting */			filter:alpha(opacity=70);    /* ie  */
											-moz-opacity:0.7;		/* old mozilla browser like netscape  */
											-khtml-opacity: 0.7;    /* for really really old safari */ 
											opacity: 0.7;			/* css standard, currently it works in most modern browsers like firefox,  */
		 }
		#content.services ul#recentwork li.project div.caption a { display: block; width: 210px; height: 30px; color: #fff; font-size: 11px; padding: 10px 0 0 10px;}
		#content.services ul#recentwork li.project div.caption a: hover { color: #fff; }

		#content.services div#introtext { margin: 40px 0px 40px 30px; font-size: 15px; width: 380px; color: #484848; line-height: 20px; }
		#content.services div#introtext p:first-child { color: #999; margin: 0 0 20px 0; font-size: 20px; line-height: 30px; }
		#content.services div#introtext p { margin: 0 0 20px 0; color: #484848; }
		#content.services div#introtext ul, #content.services div#introtext ul li  { padding: 0; margin: 0; }
		#content.services div#introtext ul { margin: 0 0 20px 20px; }
		#content.services div#introtext ul li { background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0;}


		#content.services div#introtext-host { margin: 40px 0 40px 0; font-size: 15px; width: 46px; color: #484848; line-height: 20px;float:left }
		#content.services div#introtext-host p:first-child { color: #999; margin: 0 0 20px 0; font-size: 20px; line-height: 30px; }
		#content.services div#introtext-host p { margin: 0 0 20px 0; color: #484848; }
		#content.services div#introtext-host ul, #content.services div#introtext-host ul li  { padding: 0; margin: 0; }
		#content.services div#introtext-host ul { margin: 20px 0 20px 20px; }
		#content.services div#introtext-host ul li { background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0;}



		/* NEWS & BLOG */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.blog { margin-top: 70px; width:700px; padding-left:30px; padding-right:30px;}
		#maincolumn { width: 510px; float: left; }
		#content.blog h1 { font-size: 45px; margin-bottom: 40px; /*background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px;*/ }
		#content.blog #postslist { width: 510px; float: left; }
		#content.blog li.post { width: 510px; padding-bottom: 40px; }
		#content.blog li.post div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px; background: url('../images/post-date-bg.png') no-repeat; padding-top: 10px;
			font-family: nimbus-sans-condensed; text-align: center; color: #fff; font-size: 24px; line-height: 20px; letter-spacing: 0.05em;
			text-shadow: 0px 1px 1px #006990;
			filter: dropshadow(color=#006990, offx=0, offy=-1); 
			}
		#content.blog li.post h2.posttitle { margin-bottom: 10px; padding-left:80px}
		#content.blog li.post h2.posttitle a { font-family: nimbus-sans-condensed; font-size: 25px; color: #6a6c6d; border: none; letter-spacing: 0.02em;  }
		#content.blog li.post h2.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.blog li.post img.wp-post-image { margin: 0 0 10px 0; }
		#content.blog li.post div.postexcerpt { margin-left: 80px; }
		#content.blog li.post a.post-thumbnail { border: 0; }
		#sidebar { width: 150px; float: right; font-size: 13px; }
		#sidebar h3 { font-size: 18px; }
		#sidebar ul.sidebar { padding: 20px; border: 1px solid #ddd; background: #fbfbfb;}
		#sidebar ul.sidebar ul { padding: 0 0 20px 0; }
		#sidebar ul.sidebar ul ul { padding: 0; margin: 0; }

		#sidebar ul.sidebar ul li { padding: 2px 0; }
		#sidebar ul.sidebar ul li a { border-bottom: none; }
		#sidebar ul.sidebar li.widget_recent_entries ul li { padding: 5px 0 5px 0; border-bottom: 1px solid #ddd; }
		#sidebar ul.sidebar li.widget_recent_entries ul li:first-child { margin-top: -3px; }
		#sidebarshadow { width: 180px; height: 19px; background: url('../images/sidebar-shadow.png') no-repeat center; }

		/* SINGLE */
		#content.blogpost { margin-top: 70px;  width:700px; padding-left:30px; padding-right:30px;}
		#content.blogpost h1 { font-size: 45px; line-height: 45px; }
		#content.blogpost h2 a { color: #6a6c6d; border: none; letter-spacing: 0.04em; }
		#content.blogpost h2 a:hover { color: #484848; border: 1px dotted #00acec; }
		#content.blogpost p.postedon { margin: 10px 0 20px 0; }
		#content #postcontent { width: 510px; margin-top: 40px; float: left; }
		#content #postcontent p { margin-bottom: 20px; }
		#content #postcontent p.intro { font-size: 20px; color: #999999; line-height: 30px;  }
		#content #postcontent ul { margin-left: 1em; margin-bottom: 20px; }
		#content #postcontent ul li { list-style: disc url('../images/bullet.png'); }
		#content #postcontent p.postedin { border-top: 1px dotted #ddd; padding-top: 10px; }
		#content #postcontent img.alignright { margin: 0 0 10px 10px; }
		#content #postcontent img.alignleft { margin: 0 10px 10px 0; }

		#content.blogpost #blognav { width: 100%; margin-top: 20px; }
		#content.blogpost #blognav a { display:block; height: 20px; background: #d6d6d6; padding: 3px 10px; font-size: 12px; color: #fff; text-align: center; border: 0;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.blogpost #blognav a:hover { background: #484848; 
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); 
		}
		#content.blogpost #previous { width: 10em; float: left; }
		#content.blogpost #next { width: 10em; float: right; }

		/* DEFAULT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.default { margin-top: 70px;  width:700px; padding-left:30px; padding-right:30px;}
		#content.default h1 { font-size: 45px; margin-bottom: 40px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px; }
		#content.default #postslist { width: 510px; float: left; }
		#content.default #postslist li.post { width: 510px; float: left; padding-bottom: 40px; }
		#content.default #postslist li.post div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px; background: url('../images/post-date-bg.png') no-repeat; padding-top: 10px;
			font-family: nimbus-sans-condensed; text-align: center; color: #fff; font-size: 24px; line-height: 20px; letter-spacing: 0.05em;
			text-shadow: 	0px 1px 1px #006990;
			filter: dropshadow(color=#006990, offx=0, offy=-1); 
			}
		#content.default #postslist li.post h2.posttitle { margin-bottom: 10px; }
		#content.default #postslist li.post h2.posttitle a { font-family: nimbus-sans-condensed; font-size: 25px; color: #6a6c6d; border: none; letter-spacing: 0.04em;  }
		#content.default #postslist li.post h2.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.default #postslist li.post img.wp-post-image { margin: 0 0 10px 0; }
		#content.default #postslist li.post div.postexcerpt { margin-left: 80px; }
		#content.default #postslist li.post p.postedin { margin: 4px 0 0 80px; border-top: 1px dotted #ddd; padding-top: 5px; }


		/* ABOUT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.about { margin-top: 70px; width:670px; padding-right:30px; padding-left:30px;}
		#content.about h1 { font-size: 45px; margin-bottom: 20px; }
		#content.about div.introtextlg { margin: 40px 0 20px 0; font-size: 18px; width: 670px; color: #999999; line-height: 24px; }
		#content.about div.introtextsm { width: 100%; }
		#content.about div.introtextsm div.col1 { margin: 20px 40px 40px 0; width: 300px; float: left; }
		#content.about div.introtextsm div.col2 { margin: 20px 0 40px 0; width: 300px; float: left; }
		#content.about div.introtextsm p { margin-bottom: 20px; font-size: 13px; color: #6a6c6d; line-height: 20px; }
		#content.about h2.ourteam { font-size: 35px; padding-top: 36px; border-top: 4px solid #f2f2f2; }
		#content.about ul#people { margin-top: 20px; width: 700px; }
		#content.about ul#people li.person { width: 278px; background: #fcfcfc; height: 380px; border: 1px solid #f2f2f2; margin: 0 30px 20px 0; float: left; padding: 20px; }
		#content.about ul#people li.person#firstperson { width: 630px; background: #fcfcfc; height: 150px; border: 1px solid #f2f2f2; margin: 0 30px 20px 0; float: left; padding: 20px; }
		#content.about ul#people li.boxempty { display:none; }
		#content.about ul#people li.person img.portrait { float: left; margin-right: 20px; }
		#content.about ul#people li.person h3.name { margin: 0 0 10px 138px; font-size: 25px; }
		#content.about ul#people li.person h3.name span.position { margin-left: 5px; font-size: 12px; color: #00acec; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; letter-spacing: 0;}
		#content.about ul#people li.person p { margin-left: 138px; font-size: 12px; line-height: 18.5px; }

		#content.about ul#people li.boxempty img.portrait { float: left; margin-right: 20px; }
		#content.about ul#people li.boxempty h3.name { margin: 0 0 10px 138px; font-size: 25px; }
		#content.about ul#people li.boxempty h3.name span.position { margin-left: 5px; font-size: 12px; color: #00acec; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; letter-spacing: 0;}
		#content.about ul#people li.boxempty p { margin-left: 138px; font-size: 12px; line-height: 20px; }



		/* CONTACT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.contact { margin-top: 70px;  width:700px; padding-left:30px; padding-right:30px;}
		#content.contact h1 { font-size: 45px; margin-bottom: 40px; }
		#content.contact #contacttext { width: 290px; float: left; margin-right: 40px; font-size: 18px; color: #999999; line-height: 30px; }
		#content.contact #contacttext p { margin-bottom: 25px; }
		#content.contact #contacttext p.details { font-size: 13px; line-height: 20px; margin-bottom: 10px; color: #484848; }
		#content.contact #contacttext iframe { margin-top: 10px; }
		#content.contact #contactform { width: 370px; float: left; min-height: 400px; margin-top: 3px;}
		#content.contact #contactform form { width: 370px;}
		#content.contact #contactform form a { border-bottom: none; }
		#content.contact #contactform label { display: block; margin: 10px 0; font-weight: bold; }
		#content.contact #contactform input[type=text],
			#content.contact #contactform input[type=email] { padding: 10px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.contact #contactform input:focus,
		#content.contact #contactform textarea:focus { border: 1px solid #666; }
		#content.contact #contactform textarea { width: 370px; padding: 10px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.contact #contactform #si_contact_captcha_code1 { width: 80px; }
		#content.contact #contactform #fsc-submit-1 { display: block; padding: 2px 10px; margin-top: 10px; border: 1px solid black;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.contact #contactform #fsc-submit-1:focus, #fsc-submit-1:hover { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2);}
		.googlemap{ width:290px; height:320px; }

		/* FOOTER */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#errorcontent { margin-top: 80px; }
		#errorcontent h1 { font-size: 80px; margin-bottom: 30px; }
		#errorcontent h2 { font-size: 30px; margin-bottom: 20px; color: #999999; line-height: 30px; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; }



		/* FOOTER */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#footertopwrap { background: #484848; padding: 30px 0 20px 0; border-bottom: 1px solid #393939;
			font-size: 12px; color: #444; display:none;}
		#footertopcontent { width: 480px; margin: 0 auto; padding-bottom: 20px; color: #fff; }
		#footertopcontent a:hover { border-bottom: 1px dotted #fff; }

		#footertopcontent #letstalk { width: 200px; position: absolute; left: 270px; top: 0px;  }
		#footertopcontent #kiwi { width: 107px; height: 50px; background: url('../images/kiwi.png') no-repeat; position: absolute; left: 205px; bottom: -35px; z-index: 9000; }

		#footertopcontent ul.xoxo { width: 220px; float: left; }
		#footertopcontent h3 { color: #fff; font-size: 24px; letter-spacing: 0.05em; }
		#footertopcontent h3 a { color: #fff; font-size: 24px; letter-spacing: 0.05em; }
		#footertopcontent h3 a:hover { color: #ddd; border-bottom: none; }
		#footertopcontent h3 a:hover:after { content: ' ' url('../images/extlinksm.png'); }
		#footertopcontent ul.xoxo li { color: #f3f1ed; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; }


		#footerbottomwrap { height: 100px; background: #2a2a2a; padding-top: 20px; border-top: 1px solid #434343;
			font-family: Helvetica, Verdana, Arial, Sans-serif; font-size: 11px; color: #444; letter-spacing: 0.025em; }
		#footerbottomcontent { width: 480px; margin: 0 auto;  text-align:center; float:left}
		#footerbottomcontent p { float: left; text-align: center; width:480px;  padding-bottom:10px;}
		#footerbottomcontent #facebook { width: 71px; height: 15px; float:none; padding-bottom:10px; margin: 0 20px 0 0px; clear:both;}
		#footerbottomcontent #facebook a { display: block; width: 100%; height: 100%; background: url('../images/facebook.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #facebook a:hover, #footerbottomcontent #facebook a:focus { background-position: 0 -15px; }
		#footerbottomcontent #twitter { width: 76px; height: 15px; float:none;  padding-bottom:10px; margin: 0 20px 0 0px; }
		#footerbottomcontent #twitter a { display: block; width: 100%; height: 100%; background: url('../images/twitter.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #twitter a:hover, #footerbottomcontent #twitter a:focus { background-position: 0 -15px; }
		#footerbottomcontent #googleplus { width: 69px; height: 20px; float:none;  padding-bottom:10px; margin: 0 20px 0 0px; }
		#footerbottomcontent #googleplus a { display: block; width: 100%; height: 100%; background: url('../images/googleplus.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #googleplus a:hover, #footerbottomcontent #googleplus a:focus { background-position: 0 -20px; }
		#footerbottomcontent #linkedin { width: 71px; height: 19px; float:none; margin: 0 20px 0 0px; }
		#footerbottomcontent #linkedin a { display: block; width: 100%; height: 100%; background: url('../images/linkedin.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #linkedin a:hover, #footerbottomcontent #googleplus a:focus { background-position: 0 -19px; }


		#footerbottomcontent #distribution { width: 210px; height: 65px; position: absolute; left: 500px; top: 0px;  margin: 0 20px 0 0px;}
		#webmail { width: 210px; height: 30px; position: absolute; left: 550px; top: 65px;  margin: 5px 20px 0 0px;}





		#box-hosting {
		display:none;
		width: 480px;
		margin-top: 0px;
		margin-left: 0px;
		border: 1px solid #e6e7e7;
		float:left;
		}
		.basic_row {
		clear: both;
		position: relative;
		border: 1px solid #e6e7e7;
		padding:1px;
		}
		.five_col {
		float: left;
		width: 20%;
		background: #00ACEC;
		}
		.fivew_col {
		float: left;
		width: 20%;
		}
		.fiveb_col {
		float: left;
		width: 20%;
		background-color:#d7ebf2
		}

		.clear_float {
		font-size: 0px;
		line-height: 0px;
		clear: both;
		} 
		.hostplan {font-family:"nimbus-sans-condensed"; color:#fff}
		.uptime {padding-top:40px;padding-left:140px;}
		.uptime ul li {font-family: 'nimbus-sans-condensed'; background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0; font-size:18px;color:#00ACEC}

		.hostingleft{ width:440px;padding-bottom:0px; }
		.hostingright{ }
}

@media only screen and (max-width: 760px) {   

	/*MOBILE VERSION -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	body { font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; color: #6a6c6d; line-height: 18px; font-size: 13px; background: #2A2A2A; }
		h1, h2, h3, h4, h5, h6 { font-family: nimbus-sans-condensed; }
		h1 { font-size: 30px; color: #6a6c6d; }
		h2 { font-size: 24px; color: #6a6c6d; }
		h3 { font-size: 20px; color: #6a6c6d; letter-spacing: 0.04em; }
		strong { font-weight: bold; }

		#fullwidth { background: url('../images/bg.png') repeat-x #fff; }
		#container { width: 320px; margin: 0 auto; padding-bottom: 40px; }
		#content a { text-decoration: none; color: #00acec; border-bottom: 1px dotted #00acec; } /* Add default link styling */
		#content a:hover, #content a:focus { color: #484848; }

		.bluetext { color: #00acec; }
		.italic { font-style: italic; }
		span.whitebg { background: #fff; padding-right: 5px;}

		#sidenav {display:none; }

		/* HEADER --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#header { width: 320px; height: 81px; margin-bottom: 0px; }
		#headerborder { display:none; }
		div.logo { width: 200px; height: 24px; position: absolute; bottom: 18px; left: 10px; text-indent: -9999px; background: url('../images/logo-home-small.png') no-repeat; background-position: 0px -24px; }
		div.logo a { display: block; width: 100%; height: 100%; }
		div.logo:hover, h1.logo:focus { background-position: 0px 0px; }
		#header p.description { width: 300px; height: 10px; position: absolute; top: 10px; left: 10px; background: url('../images/description.png') no-repeat; text-indent: -9999px; overflow: hidden;}

		#access_mobile { width: 180px; padding:20px; position: relative; right: 0px; top: 35px; z-index: 500; }
		#access_mobile ul { font-size: 12px; list-style: none; padding-left: 0; }
		#access_mobile li { position: relative; }
		#access_mobile a { color: #fff; display: block; line-height: 30px; padding: 0 12px; text-decoration: none; font-size:16px;}
		#access_mobile li:hover > a, #access ul ul :hover > a, #access a:focus { border: none; }
		#access_mobile li:hover > a, #access a:focus { color: #f0f0f0; border-bottom: 3px solid #00acec; }

		#mobilemenu_button{
			display:block;
			width: 90px; height: 55px; padding-top:25px; float: left; margin-right: 20px;
			background: #00ACEC; border-radius:50%; text-align: center; color: #fff; font-size: 22px; line-height: 20px; letter-spacing: 0.05em;
			position:absolute;
			text-transform:lowercase;

			top:25px;
			right:-20px;
			z-index:10000000;
			padding-bottom:10px;
		}
		#mobilemenu_button div{
			clear:both;
			width:40px;
			margin-left:25px;
			height:2px;
			background:#FFF;
			margin-top:5px;
			margin-bottom:2px;
		}
		.mobilmenu{
			width:240px;
			height:100%;
			min-height:500px;
			background:#494949;
			position:fixed;;
			top:0px;
			right:0px;
			display:block;
			z-index:100000001;
			margin-right:-240px;
		}

		.seo{
			width:280px;margin-bottom:10px; border: solid 1px #E3E3E3; background-color:none; padding:10px;
		}

		/* HOME PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.home ul#banner { width: 320px; height: 146px; overflow: hidden; position:relative;}
		#content.home div.bx-wrapper { margin-bottom: 20px; height: 146px; }
		#content.home div.bx-window { margin-bottom: 20px; height: 146px; }
		#content.home ul#banner ul li { padding-right: 40px; }
		.headerimg{ width: 320px; height: auto; }
		#content.home ul#banner div.bannerDesc { display:none; }
		#content.home ul#banner div.bannerDescMobile { width: 300px; padding: 10px 10px; height:20px; position: absolute; top: 150px; left: 0px; background: #494949; color:#FFF; font-size:16px;}
		#content.home ul#banner div.bannerDescMobile span { font-size:16px; text-decoration:none;}
		#content.home ul#banner div.bannerDescMobile a{ text-decoration:none; border-bottom:0px; }
		#content.home ul#banner h4.bannerTitle { font-size: 16px; letter-spacing: 0.05em; color: #fff; width: 280px; }
		#content.home ul#banner p.bannerText { color: #fff; position: absolute; top: 55px; left: 20px; width: 280px; }
		#content.home ul#banner img.viewproject { position: absolute; bottom: 0px; right: 0px;  }
		#content.home #hello { width: 250px; padding-left:20px; height: 40px; font-family: nimbus-sans-condensed; font-size: 28px; line-height: 1em; color: #00acec; float: left; margin-top: -7px; }
		#content.home #hometext {  width: 280px; padding:0 30px; font-size: 16px; line-height: 24px; float: right; }
		#content.home #hometext h1 { font-size: 16px; line-height: 30px; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; color: #6a6c6d; }

		#content.home #whatsnew { display:none; }

		#content.home #services { width: 280px; padding:0 20px; float: left; margin: 20px 0 0 0px; }
		#content.home #services h2.servicesheader { font-size: 28px; margin-bottom: 20px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 1px; }
		#content.home #services	ul.left { padding-left: 15px; width: 280px;  margin: 0;}
		#content.home #services	ul.right { padding-left: 15px; width:280px;  margin: 0;}
		#content.home #services	ul li { list-style: disc url('../images/bullet.png'); padding-left: 5px; margin-bottom: 3px; font-size:16px;}
		.services_content{ float:left; padding-bottom:20px }
		#sc1{ width:300px; display:none;}
		.services_content #sc2{ width:300px; }
		.host {  color: #FFFFFF;
			font-family: nimbus-sans-condensed;
			font-size: 16px;
			line-height: 16px;
			padding-left: 13px;
			padding-top: 15px;
			}
		.uptime_main{
			border-radius: 50%;  width: 60px;  height: 60px; float:left; margin-right:10px; margin-bottom:20px;background-color:#00ACEC
		}


		/* WORK PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.work { margin-top: 70px; min-height: 660px; }
		#content.work h1 { font-size: 28px; margin-bottom: 20px; padding-left:10px; position:relative; top:-20px;/* background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px; */ }
		#content.work ul#categories { position: absolute; top: 8px; right: 0; width: 320px;}
		#content.work ul#categories li { display: inline; float: right; }
		#content.work ul#categories a { display: block; text-align: center; font-size: 10px; padding: 3px 10px; background: none; color: #6a6c6d; border: none; margin-left: 5px;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.work #categories a:hover { background: #6a6c6d; color: #fff; }
		#content.work ul#worklist { width: 220px; margin-top: 40px; margin-left:10px; padding-left:40px;}
		#content.work ul#worklist li.project { width: 220px; height: 135px; background: #ddd; float: left; margin: 0 20px 20px 0; }
		#content.work ul#worklist li.project:hover, #content.work ul#worklist li.project:focus { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); }
		#content.work ul#worklist li.project a { display: block; width: 100%; height: 100%; border: none; }
		#content.work ul#worklist li.project div.caption { width: 220px; height: 40px; background: url('../images/projecthover-bg.png') #000 top right no-repeat; 
			/* fix it at the bottom: */		position:absolute; bottom:-1px; /* fix IE issue */ left:0;	
			/* hide it by default */		display:none;		
			/* opacity setting */			filter:alpha(opacity=70);    /* ie  */
											-moz-opacity:0.7;		/* old mozilla browser like netscape  */
											-khtml-opacity: 0.7;    /* for really really old safari */ 
											opacity: 0.7;			/* css standard, currently it works in most modern browsers like firefox,  */
		 }
		#content.work ul#worklist li.project div.caption a { display: block; width: 210px; height: 30px; color: #fff; font-size: 11px; padding: 10px 0 0 10px;}
		#content.work ul#worklist li.project div.caption a: hover { color: #fff; }
		#content.work p.seenenough { text-align: right; font-size: 20px; color: #8a8c8d; line-height: 30px; }
		#content.work p.seenenough span.intro { font-family: nimbus-sans-condensed; font-size: 30px; color: #6a6c6d; letter-spacing: 0.025em; }
		#attachment-post-thumbnail{ width:160px; }


		/* PROJECT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.project { margin-top: 70px; }
		#content.project h1 { margin-bottom: 20px; }
		#content.project #projecttext { width: 280px; float: left; margin-right: 10px; font-size: 15px; line-height: 25px; }
		#content.project #projecttext p { margin-bottom: 25px; }
		#content.project #projecttext ul { margin-left: 1em; margin-bottom: 25px; }
		#content.project #projecttext ul li { list-style: disc url('../images/bullet.png'); }
		#content.project #projecttext a.backarrow { border: 0px; }
		#content.project #projecttext img.backarrow { vertical-align: middle; }
		#content.project #projecttext span.noborder { border: 0px; }
		#content.project #projecttext #googleplus1 { width: 150px; float: right; }
		#content.project #projectimages { width: 540px; float: left; min-height: 400px; }
		#content.project #projectimages a { border: 0; display:block; color:#fff; padding:0; text-decoration:none; }
			.preloader { background:url(../images/89.gif) center center no-repeat #ffffff; }
		#content.project #projectimages img { margin-bottom: 20px; }
		#content.project #projectnav { width: 100%; margin-top: 20px; }
		#content.project #projectnav a { display:block; height: 20px; background: #d6d6d6; padding: 3px 10px; font-size: 12px; color: #fff; text-align: center; border: 0;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.project #projectnav a:hover { background: #484848; 
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); 
		}
		#content.project #previous { width: 10em; float: left; }
		#content.project #next { width: 10em; float: right; }



		/* SERVICES PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.services { margin-top: 70px; }
		#content.services h1 { font-size: 28px; margin-bottom: 40px; padding-left:10px;}

		#content.services ul#recentwork { width: 220px; float: right; margin-top: -20px; margin-right:30px; display:none;}
		

		#content.services div#introtext { margin: 40px 0px 40px 10px; font-size: 15px; width: 280px; color: #484848; line-height: 20px; }
		#content.services div#introtext p:first-child { color: #999; margin: 0 0 20px 0; font-size: 16px; line-height: 20px; }
		#content.services div#introtext p { margin: 0 0 20px 0; color: #484848; }
		#content.services div#introtext ul, #content.services div#introtext ul li  { padding: 0; margin: 0; }
		#content.services div#introtext ul { margin: 0 0 20px 20px; }
		#content.services div#introtext ul li { background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0;}


		#content.services div#introtext-host { margin: 40px 0 40px 10px; font-size: 16px; width: 46px; color: #484848; line-height: 20px;float:left }
		#content.services div#introtext-host p:first-child { color: #999; margin: 0 0 20px 0; font-size: 16px; line-height: 20px; }
		#content.services div#introtext-host p { margin: 0 0 20px 0; color: #484848; }
		#content.services div#introtext-host ul, #content.services div#introtext-host ul li  { padding: 0; margin: 0; }
		#content.services div#introtext-host ul { margin: 20px 0 20px 20px; }
		#content.services div#introtext-host ul li { background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0;}



		/* NEWS & BLOG */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.blog { margin-top: 70px; width:280px; padding-left:10px; padding-right:20px;}
		#maincolumn { width: 280px; float: left; }
		#content.blog h1 { font-size: 28px; margin-bottom: 40px; /*background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px;*/ }
		#content.blog #postslist { width: 280px; float: left; }
		#content.blog li.post { width: 280px; padding-bottom: 40px; }
		#content.blog li.post div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px; background: url('../images/post-date-bg.png') no-repeat; padding-top: 10px;
			font-family: nimbus-sans-condensed; text-align: center; color: #fff; font-size: 24px; line-height: 20px; letter-spacing: 0.05em;
			text-shadow: 0px 1px 1px #006990;
			filter: dropshadow(color=#006990, offx=0, offy=-1); 
			}
		#content.blog li.post h2.posttitle { margin-bottom: 10px; padding-left:80px; font-size:18px;}
		#content.blog li.post h2.posttitle a { font-family: nimbus-sans-condensed; font-size: 18px; color: #6a6c6d; border: none; letter-spacing: 0.02em;  }
		#content.blog li.post h2.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.blog li.post img.wp-post-image { margin: 0 0 10px 0; }
		#content.blog li.post div.postexcerpt { margin-left: 80px; }
		#content.blog li.post a.post-thumbnail { border: 0; }
		#sidebar { width: 280px; clear:both; font-size: 13px; }
		#sidebar h3 { font-size: 18px; }
		#sidebar ul.sidebar { padding: 20px; border: 1px solid #ddd; background: #fbfbfb; margin-left: 20px;}
		#sidebar ul.sidebar ul { padding: 0 0 20px 0; }
		#sidebar ul.sidebar ul ul { padding: 0; margin: 0; }

		#sidebar ul.sidebar ul li { padding: 2px 0; }
		#sidebar ul.sidebar ul li a { border-bottom: none; }
		#sidebar ul.sidebar li.widget_recent_entries ul li { padding: 5px 0 5px 0; border-bottom: 1px solid #ddd; }
		#sidebar ul.sidebar li.widget_recent_entries ul li:first-child { margin-top: -3px; }
		#sidebarshadow { width: 180px; height: 19px; background: url('../images/sidebar-shadow.png') no-repeat center; }

		/* SINGLE */
		#content.blogpost { margin-top: 70px;  width:300px; padding-left:10px; padding-right:10px;}
		#content.blogpost h1 { font-size: 24px; line-height: 24px; }
		#content.blogpost h2 a { color: #6a6c6d; border: none; letter-spacing: 0.04em; }
		#content.blogpost h2 a:hover { color: #484848; border: 1px dotted #00acec; }
		#content.blogpost p.postedon { margin: 10px 0 20px 0; }
		#content #postcontent { width: 300px; margin-top: 40px; float: left; }
		#content #postcontent p { margin-bottom: 20px; }
		#content #postcontent p.intro { font-size: 20px; color: #999999; line-height: 30px;  }
		#content #postcontent ul { margin-left: 1em; margin-bottom: 20px; }
		#content #postcontent ul li { list-style: disc url('../images/bullet.png'); }
		#content #postcontent p.postedin { border-top: 1px dotted #ddd; padding-top: 10px; }
		#content #postcontent img.alignright { margin: 0 0 10px 10px; max-width:300px; height:auto;}
		#content #postcontent img.alignleft { margin: 0 10px 10px 0; max-width:300px; height:auto;}
		#content #postcontent img.alignnone { margin: 0 10px 10px 0; max-width:300px; height:auto;}


		#content.blogpost #blognav { width: 100%; margin-top: 20px; }
		#content.blogpost #blognav a { display:block; height: 20px; background: #d6d6d6; padding: 3px 10px; font-size: 12px; color: #fff; text-align: center; border: 0;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.blogpost #blognav a:hover { background: #484848; 
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); 
		}
		#content.blogpost #previous { width: 10em; float: left; }
		#content.blogpost #next { width: 10em; float: right; }

		/* DEFAULT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.default { margin-top: 70px;  width:700px; padding-left:30px; padding-right:30px;}
		#content.default h1 { font-size: 28px; margin-bottom: 40px; background: url('../images/3pxdotborder.png') repeat-x bottom; padding-bottom: 3px; }
		#content.default #postslist { width: 510px; float: left; }
		#content.default #postslist li.post { width: 510px; float: left; padding-bottom: 40px; }
		#content.default #postslist li.post div.postdate { width: 60px; height: 61px; float: left; margin-right: 20px; background: url('../images/post-date-bg.png') no-repeat; padding-top: 10px;
			font-family: nimbus-sans-condensed; text-align: center; color: #fff; font-size: 24px; line-height: 20px; letter-spacing: 0.05em;
			text-shadow: 	0px 1px 1px #006990;
			filter: dropshadow(color=#006990, offx=0, offy=-1); 
			}
		#content.default #postslist li.post h2.posttitle { margin-bottom: 10px; }
		#content.default #postslist li.post h2.posttitle a { font-family: nimbus-sans-condensed; font-size: 25px; color: #6a6c6d; border: none; letter-spacing: 0.04em;  }
		#content.default #postslist li.post h2.posttitle a:hover { font-family: nimbus-sans-condensed; color: #484848; }
		#content.default #postslist li.post img.wp-post-image { margin: 0 0 10px 0; }
		#content.default #postslist li.post div.postexcerpt { margin-left: 80px; }
		#content.default #postslist li.post p.postedin { margin: 4px 0 0 80px; border-top: 1px dotted #ddd; padding-top: 5px; }


		/* ABOUT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.about { margin-top: 70px; width:300px; padding-right:10px; padding-left:10px;}
		#content.about h1 { font-size: 28px; margin-bottom: 20px; }
		#content.about div.introtextlg { margin: 40px 0 20px 0; font-size: 16px; width: 300px; color: #999999; line-height: 24px; }
		#content.about div.introtextsm { width: 100%; display:none;}
		#content.about div.introtextsm div.col1 { margin: 20px 40px 40px 0; width: 300px; float: left; }
		#content.about div.introtextsm div.col2 { margin: 20px 0 40px 0; width: 300px; float: left; }
		#content.about div.introtextsm p { margin-bottom: 20px; font-size: 16px; color: #6a6c6d; line-height: 20px; }
		#content.about h2.ourteam { font-size: 28px; padding-top: 36px; border-top: 4px solid #f2f2f2; }
		#content.about ul#people { margin-top: 20px; width: 300px; }
		#content.about ul#people li.person { width: 260px; background: #fcfcfc; height: 260px; border: 1px solid #f2f2f2; margin: 0 30px 20px 0; float: left; padding: 20px; }
		#content.about ul#people li.person#firstperson { width: 260px; background: #fcfcfc; height: 260px; border: 1px solid #f2f2f2; margin: 0 30px 20px 0; float: left; padding: 20px; }
		#content.about ul#people li.boxempty { display:none; }
		#content.about ul#people li.person img.portrait { float: left; margin-right: 20px; width:80px;}
		#content.about ul#people li.person h3.name { margin: 0 0 10px 20px; font-size: 22px; }
		#content.about ul#people li.person h3.name span.position { margin-left: 5px; font-size: 12px; color: #00acec; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; letter-spacing: 0;}
		#content.about ul#people li.person p { margin-left: 0px; font-size: 12px; line-height: 18.5px; }

		#content.about ul#people li.boxempty img.portrait { float: left; margin-right: 20px; }
		#content.about ul#people li.boxempty h3.name { margin: 0 0 10px 138px; font-size: 22px; }
		#content.about ul#people li.boxempty h3.name span.position { margin-left: 5px; font-size: 12px; color: #00acec; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; letter-spacing: 0;}
		#content.about ul#people li.boxempty p { margin-left: 138px; font-size: 12px; line-height: 20px; }



		/* CONTACT PAGE */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#content.contact { margin-top: 70px;  width:300px; padding-left:10px; padding-right:10px;}
		#content.contact h1 { font-size: 28px; margin-bottom: 40px; }
		#content.contact #contacttext { width: 290px; float: left; margin-right: 40px; font-size: 16px; color: #999999; line-height: 22px; }
		#content.contact #contacttext p { margin-bottom: 25px; }
		#content.contact #contacttext p.details { font-size: 13px; line-height: 20px; margin-bottom: 10px; color: #484848; }
		#content.contact #contacttext iframe { margin-top: 10px; }
		#content.contact #contactform { width: 300px; clear:both; min-height: 400px; margin-top: 3px;}
		#content.contact #contactform form { width: 300px; margin-top:30px;}
		#content.contact #contactform form a { border-bottom: none; }
		#content.contact #contactform label { display: block; margin: 10px 0; font-weight: bold; }
		#content.contact #contactform input[type=text],
			#content.contact #contactform input[type=email] { padding: 10px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; width:280px}
		#content.contact #contactform input:focus,
		#content.contact #contactform textarea:focus { border: 1px solid #666; }
		#content.contact #contactform textarea { width: 240px; padding: 10px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
		#content.contact #contactform #si_contact_captcha_code1 { width: 80px; }
		#content.contact #contactform #fsc-submit-1 { display: block; padding: 2px 10px; margin-top: 10px; border: 1px solid black;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
			}
		#content.contact #contactform #fsc-submit-1:focus, #fsc-submit-1:hover { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2);}
		.googlemap{ width:300px; height:320px; }

		/* FOOTER */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#errorcontent { margin-top: 80px; }
		#errorcontent h1 { font-size: 80px; margin-bottom: 30px; }
		#errorcontent h2 { font-size: 30px; margin-bottom: 20px; color: #999999; line-height: 30px; font-family: ff-meta-serif-web-pro, Georgia, Times, "Times New Roman", serif; font-style: italic; }



		/* FOOTER */
		/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
		#footerbottomwrap { height: 100px; background: #2a2a2a; padding-top: 20px; border-top: 1px solid #434343;
			font-family: Helvetica, Verdana, Arial, Sans-serif; font-size: 11px; color: #444; letter-spacing: 0.025em; }
		#footerbottomcontent { width: 320px; margin: 0 auto; }
		#footerbottomcontent p { width:320px; text-align: center; }
		#footerbottomcontent #facebook { width: 71px; height: 15px; float:none; margin: 0 20px 0 0px; }
		#footerbottomcontent #facebook a { display: block; width: 100%; height: 100%; background: url('../images/facebook.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #facebook a:hover, #footerbottomcontent #facebook a:focus { background-position: 0 -15px; }
		#footerbottomcontent #twitter { width: 76px; height: 15px; float:none; margin: 0 20px 0 0px; }
		#footerbottomcontent #twitter a { display: block; width: 100%; height: 100%; background: url('../images/twitter.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #twitter a:hover, #footerbottomcontent #twitter a:focus { background-position: 0 -15px; }
		#footerbottomcontent #googleplus { width: 69px; height: 20px; float:none; margin: 0 20px 0 0px; }
		#footerbottomcontent #googleplus a { display: block; width: 100%; height: 100%; background: url('../images/googleplus.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #googleplus a:hover, #footerbottomcontent #googleplus a:focus { background-position: 0 -20px; }
		#footerbottomcontent #linkedin { width: 71px; height: 19px; float:none; margin: 0 20px 0 0px; }
		#footerbottomcontent #linkedin a { display: block; width: 100%; height: 100%; background: url('../images/linkedin.png') no-repeat; background-position: 0 0; }
		#footerbottomcontent #linkedin a:hover, #footerbottomcontent #googleplus a:focus { background-position: 0 -19px; }


		#footerbottomcontent #distribution { width: 210px; height: 65px; position: absolute; left: 500px; top: 0px;  margin: 0 20px 0 0px;}
		#webmail { width: 210px; height: 30px; position: absolute; left: 550px; top: 65px;  margin: 5px 20px 0 0px;}



		#box-hosting {
			display:none;
		
		}

		#box-hosting {
		width: 320px;
		margin-top: 0px;
		margin-left: 0px;
		border: 1px solid #e6e7e7;
		float:left;
		}
		#introtext-host{
			clear:both;
		}
		.basic_row {
		clear: both;
		position: relative;
		border: 1px solid #e6e7e7;
		padding:1px;
		}
		.five_col {
		float: left;
		width: 20%;
		background: #00ACEC;
		}
		.fivew_col {
		float: left;
		width: 20%;
		}
		.fiveb_col {
		float: left;
		width: 20%;
		background-color:#d7ebf2
		}

		.clear_float {
		font-size: 0px;
		line-height: 0px;
		clear: both;
		} 
		.hostplan {font-family:"nimbus-sans-condensed"; color:#fff}
		.uptime {padding-top:40px;padding-left:140px; font-size:24px;}
		.host{font-size:24px; padding-left:34px; line-height:24px;	padding-top:40px;}
		.uptime ul li {font-family: 'nimbus-sans-condensed'; background: url('../images/bullet.png') no-repeat; background-position:  0 0.45em; padding-left: 20px; margin: 0 0 5px 0; font-size:18px;color:#00ACEC}

		.hostingleft{ width:280px;padding-bottom:0px; clear:both; padding-left:10px;}
		.hostingright{width:280px;padding-bottom:0px; clear:both; padding-left:10px; }
		
}