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






/* ----------------------------------------  Reset  ---------------------------------------- */


body { margin:0px; font-family:Arial, Helvetica, sans-serif; background-color:#868686; font-size:12px; text-align:center; color:#FFFFFF; background-image:url(../images/background.jpg); background-repeat:no-repeat;}

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }

a {color:#fff; text-decoration:none; border-bottom:1px solid #17B0EE;}

.clear {clear:both;}





/* ----------------------------------------  CONTAINER  ---------------------------------------- */

#container { width:1016px; margin:0px auto; }

#left-shadow { margin:0px 0px 0px auto; width:25px; float:left;}

#right-shadow { margin:0px auto 0px 0px; width:25px; float:left;}

#backdrop { background-color:#909090; width: 100%; height: 100%; z-index: 800; position:absolute; }

/* ----------------------------------------  HEADER  ---------------------------------------- */


#header {margin:0px 0px 0px 0px;}

#logo { padding:30px 0px 30px 0px; width:342px; float:left;}

	#logo a {
	border-bottom:0px solid #fff;
	}

#news-curl { float:right;margin:0px -30px 0px 0px; width:141px;}

#news-curl a{border-bottom:0px solid #fff; color:#918F90; }
	
#contact {margin:-14px 0px 0px 100px; padding:14px 0px 0px 0px; width:225px; float:left; text-align:center;}

#contact a {border:0; color:#9f9f9f;}

	#nav { clear:both;}
	
		#nav ul {list-style:none;margin:0;padding:0;}
		
			#nav li {float:left;width:130px; padding:0; text-align:left; margin:0px 10px 0px 0px;}
			
				#nav li a {display:block; width:110px; padding:4px 10px 0px 10px; height:18px; margin:0px 10px 0px 0px; color:#000; text-decoration:none; border:0;}
				
				#nav li a {background:url(../images/bg2.png) repeat 0 0;}
				
				#nav li a:hover, li a:focus, li a:active {background-position:150px 0; }
				
				
			#phone { float:right; text-align:right; font-size:15px; margin:55px 0px 0px 0px;}
	
			
			

#b a {background:url(../images/bg2.png.jpg) repeat 0 0;}

#b #currentpage a {background-color:#fff;}

#secondary-nav { clear:both; margin:0px 0px 10px 0px;}

#secondary-nav a.selected { padding:7px 48px 0px 10px; display:block; background-color:#17B0EE; margin:-7px 0px 0px 0px; color:#fff;}

#secondary-nav h1 { font-size:20px; color:#333; padding:20px 0px 0px 0px;}

.lavaLamp {height: 28px;width: 906px; background-color: white; overflow: hidden; padding:1px 0px 0px 0px;}

.lavaLamp li {float: left; list-style: none;}

	.lavaLamp li.back {
	background-color:#17B0EE; 
	width: 9px; 
	height: 28px;
	z-index: 8;
	position: absolute;
	}
	
	.lavaLamp li a {
	padding:0px 26px 0px 0px;
	text-decoration: none;
	color: #000;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 29px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
	}
	
	
		.lavaLamp li a.current {
		padding:0px 26px 0px 0px;
		text-decoration: none;
		color: #fff;
		outline: none;
		text-align: center;
		top: 7px;
		letter-spacing: 0;
		z-index: 10;
		display: block;
		float: left;
		height: 29px;
		position: relative;
		overflow: hidden;
		margin: auto 10px;
		}

.lavaLamp li a:hover, .lavaLampNoImage li a:active {border: none; color:#fff;}

.lavaLampNoImage {height: 29px;width: 906px; background-color: white; overflow: hidden; padding:1px 0px 0px 0px;}

	.lavaLampNoImage li {float: left; list-style: none;}

	.lavaLampNoImage li.back {background-color:#17B0EE; width: 9px; height: 28px;
	z-index: 8;
	position: absolute;
	}

	.lavaLampNoImage li a {
	padding:0px 11px 0px 0px;
	text-decoration: none;
	color: #000;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 29px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
	}

		.lavaLampNoImage li a.current {
		padding:0px 26px 0px 0px;
		text-decoration: none;
		color: #fff;
		outline: none;
		text-align: center;
		top: 7px;
		letter-spacing: 0;
		z-index: 10;
		display: block;
		float: left;
		height: 29px;
		position: relative;
		overflow: hidden;
		margin: auto 10px;
		}
			.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active {
			border: none; color:#fff;
			}



.lavaLampBottomStyle {
position: relative;
height: 28px;
width: 906px;
background-color: white;
padding: 0px;
margin: 0px 0;
overflow: hidden;
}

	.lavaLampBottomStyle li {
	float: left;
	list-style: none;
	}
	
		.lavaLampBottomStyle li.back {
		border-bottom: 2px solid #17B0EE;
		width: 9px;
		height: 26px;
		z-index: 8;
		position: absolute;
		}
	
		.lavaLampBottomStyle li a {
		text-decoration: none;
		color: #000;
		outline: none;
		text-align: center; border-bottom:0;
		top: 7px;
		letter-spacing: 0;
		z-index: 10;
		display: block;
		float: left;
		height: 26px;
		position: relative;
		overflow: hidden;
		margin: auto 10px 0px 10px;
		}   
		
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
border-bottom:0;
}                     

/* ----------------------------------------  Content  ---------------------------------------- */


#content { background-color:#918f90; width:906px; float:left; background-image:url(../images/content-background.jpg); background-repeat:no-repeat; text-align:left; padding:0px 30px;}


#flash-area { clear:both; margin:0px 0px 20px 0px; z-index:801;}

#flash-area .nav {text-align:left; background-color:#5c5c5c; width:886px; padding:5px 10px 8px 10px;}

.nav img{padding:0px; margin:4px;}

.pics {height:310px; width:906px; padding:0; margin:0px;}

	.pics img {
	cursor:pointer; 
	 }

.box{padding:0px; width:906px; height:310px;top:0; left: 0; }
	
#s2 {z-index:801; overflow:hidden; }

#message { clear:both; background-color:#5c5c5c; padding:8px 10px 10px 10px; margin:0px 0px 20px 0px;}

#message h1 { font-size:28px; padding:0px 0px 10px 0px;}

#message-blue { clear:both; background-color:#17B0EE; padding:8px 10px 10px 10px; margin:0px 0px 20px 0px;}

#message-blue a { color:#fff;}

#message-blue h1 { font-size:20px; padding:0px 0px 10px 0px;}

#message sup {font-size:12px;}

.message-tick { width:139px; text-align:right;}

#featured-projects {clear:both; background-color:#5c5c5c; margin:0px 0px 20px 0px; padding:0px;}

#featured-menu { background-image:url(../images/projects-menu-bkg.jpg); width:110px; height:458px; float:left; padding:10px;}

#featured-menu h1 { font-weight:bold; padding:0px 0px 20px 0px;}

#featured-menu li { line-height:22px;}

#projects { float:left; padding:10px 10px 10px 15px; width:750px;}

#projects li { display:block; float:left; padding:0px; margin:0px 0px -3px 0px; color:#9E9E9E;}

#projects h1 { font-size:20px; padding:0px 0px 10px 0px;}

#projects h2 { font-size:20px; padding:0px 0px 5px 0px; color:#333;}

#projects .boxcaption h2 { color:#FFFFFF;}

#projects a { color:#17B0EE; }

#portfolio {color:#333;}

#portfolio-info {padding: 0px 0px 0px 0px; margin:-8px 0px 10px 0px; color:#fff;}

.portfolio-info {padding: 0px 0px 0px 0px; margin:-8px 0px 10px 0px; color:#fff;}

.tick2 { padding:20px 0px 0px 0px;}

.tick3 { padding:10px 0px 5px 0px;}

#portfolio-text { width:550px; float:left;}

.portfolio-text { width:550px; float:left; font-size:14px; line-height:18px;}

#download-link { float:right; width:200px; text-align:right; margin:10px 0px 0px 0px;}

#portfolio h1 { font-size:20px; padding:0px 0px 0px 0px;}

#portfolio h1.portfolio { font-size:20px; padding:0px 0px 10px 0px;}

#portfolio h2 { padding:0px 0px 10px 0px;}

#portfolio h3 { margin:0px 0px 0px 0px; font-size:14px; line-height:18px;}

#portfolio li { padding:0px; margin:0px 0px 0px 0px;}

#portfolio li a { color:#17B0EE; text-decoration:none; border-bottom:1px solid #17B0EE;}

#portfolio .back-to-top a { color:#fff; text-decoration:none; border-bottom:0px solid #17B0EE;}

#portfolio a { border:0px;}

.portfolio-content{ background-color:#fff; padding:10px; margin:0px 0px 20px 0px;}

.portfolio-content-brand { background-color:#fff; padding:10px; margin:0px 0px 20px 0px;}

.portfolio-content-brand img {padding:0px 0px 0px 0px;}

.portfolio-content img {padding:10px 0px 0px 0px;}

#portfolio li a.no-border {border-bottom:0px solid #17B0EE;}

.portfolio-photo{ background-color:#fff; padding:10px; margin:0px 0px 0px 0px; width:524px; }

.portfolio-photo h1 {margin:0px 0px 5px 0px;}

.bold { font-weight:bold;}

.top { padding:0px 10px 10px 0px; margin:1px 0px -13px 0px;}

.georgia { font-size:26px; font-family:Georgia, "Times New Roman", Times, serif; color:#333; text-align:right; font-style:italic; }

#work-heading h1 { font-size:20px; color:#333;}

#portfolio td.table-left {padding:0px 20px 12px 0px;}

#portfolio td {padding:0px 0px 12px 0px;}

.logo-text { padding:0px 0px 0px 12px;}

.logo { padding:0px 0px 5px 0px;}


/*---------------------------------------- BLOG ----------------------------------------*/


#blog {color:#333;}

#blog .back-to-top a { color:#fff; text-decoration:none; border-bottom:0px solid #17B0EE;}

#blog a { color:#17B0EE;}

#blog h1 { font-size:20px; padding:0px 0px 0px 0px;}




@font-face {
	font-family: 'DroidSansBold';
	src: url('../Droid-Sans-fontfacekit/DroidSans-Bold-webfont.eot');
	src: local('☺'), url('../Droid-Sans-fontfacekit/DroidSans-Bold-webfont.woff') format('woff'), url('../Droid-Sans-fontfacekit/DroidSans-Bold-webfont.ttf') format('truetype'), url('../Droid-Sans-fontfacekit/DroidSans-Bold-webfont.svg#webfont5dL3IGk2') format('svg');
	font-weight: normal;
	font-style: normal;
}


#blog h2 {
font: 20px/36px Arial, sans-serif; 
padding:3px 0px 0px 0px;
margin:0px 0px 3px 0px;
}

#blog li { padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;}

#blog .blog-list li {background-color:#ececec; padding:10px; font-size:11px; width:269px; margin:0px 0px 0px 10px; float:left; height:500px;}

#blog .blog-list li.double {
background-color:#ececec; padding:10px; font-size:11px; width:568px; margin:0px 0px 0px 10px; float:left; height:500px;
}


.lobster { 
font-family: 'Lobster', arial, serif; font-size:60px;
display:block; width:269px; height:186px; padding:40px 0px 0px 0px;
color:#fff;
text-align:center;
line-height:55px; letter-spacing:1px;
text-shadow: 2px 2px 2px #000;
background-color: #1a82f7;
background: -moz-linear-gradient(100% 100% 90deg, #2F2727, #17B0EE);
background: -webkit-gradient(linear, left top, right top, from(#1a82f7), to(#17B0EE));
}




#blog .services-list li {
background-color:#ececec; padding:0px; font-size:11px; width:289px; margin:0px 0px 0px 10px; float:left; height:240px;}

#blog .services-list li p {
margin: 0px 10px;
display:block;
}

#blog .services-list li h2 {
margin:0px 10px;}

.blog_date { padding:0px 30px 0px 0px; margin:12px 0px 0px 0px;}

.blogimage {margin:0px 0px 12px 0px;}

/*---------------------------------------- BLOG ARTICLE ----------------------------------------*/
#main-article {
padding:10px;
float:left;
background-color:#FFFFFF;
width:570px;
margin:0px 10px 10px 0px;
}

	#main-article h2 {
	font-size:14px;
	}
	
#sub-article {
padding:10px;
background-color:#FFFFFF;
width:282px;
float:right;
margin:0px 0px 10px 0px;
}

	#sub-article h2 {
	font-size:14px;
	}


/*---------------------------------------- CONTACT FORM ----------------------------------------*/


#contact-form { background-color:#333; padding:10px; color:#9e9e9e; margin:0px 0px 10px 0px;}

#contact-form input {border:0px; width:300px; padding:5px 5px 5px 0px;; margin:3px 2px 10px 0px;}

#contact-form textarea {border:0px; width:612px; padding:5px; margin:3px 2px 10px 0px;}

.form1 { border:0px; width:300px; padding:5px; margin:3px 0px 10px 0px}

.form2 { border:0px; width:608px; padding:5px; margin:3px 0px 10px 0px}

.form3 { border:0px; width:200px; padding:2px;}

.error {color:#ff0000;}

#map {background-color:#333; padding:10px; color:#9e9e9e; margin:0px 0px 10px 0px;}


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


#footer-container { background-image:url(../images/footer-bg1.jpg); height:322px; background-repeat:repeat-x; clear:both; width:100%; padding:0px;}

#footer-container2 {width:1016px; height:322px; background-image:url(../images/footer-bg1.jpg); background-repeat:repeat-x; text-align:left; padding:0px; margin:0px auto;}

#footer-container a {color:#fff; text-decoration:none; border-bottom:1px solid #17B0EE;}

#footer {width:906px; height:311px; background-image:url(../images/footer-bg2.jpg); background-repeat:repeat-x; text-align:left; padding:9px 30px 0px 30px; margin:0px auto;}

#footer li { width:140px; float:left; margin:20px 11px 25px 0px; color:#999;}

#footer li.wide { width:135px; float:left; margin:20px 10px 25px 0px; color:#999;}

#footer h1 { color:#fff; padding:0px 0px 10px 0px;}

.tick {padding:0px 0px 0px 129px;}


/* ----------------------------------------  Sliding box  ---------------------------------------- */


.boxgrid{ width: 250px; height: 250px; margin:0px; float:left; overflow: hidden; position: relative; }

.boxgrid img{ position: absolute; top: 0px; left: 0px; border: 0; }

.boxcaption{ float: left; position: absolute; background: #000; height: 95px; padding:10px; width: 230px; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.boxcaption h2 {color:#FFFFFF; }

.captionfull .boxcaption {top: 260px;left: 0px;}

.caption .boxcaption {top: 220px;left: 0px;}


/* ----------------------------------------  top bar  ---------------------------------------- */


a:focus {outline: none;}

#panel {
text-align:right;
background: #17B0EE; 
width:926px; 
float:left; 
padding:7px 20px 7px 20px; 
display:none;
}

	#panel label {
	color:#FFFFFF;
	padding:2px 0px 0px 0px ;
	}
	

	#panel .subscribe-input {
	background-color:#ffffff;
	color:#333333;
	border: 1px solid #333;
	padding: 2px 5px;
	font-size:10px;
		margin:0px 8px;
	} 
	
			#panel .subscribe-btn {
			font-size:10px;
			color:#FFFFFF;
			background-color:#333;
			border: 1px solid #ffffff;
			padding: 1px 5px;
			cursor:pointer;
			}
			
			#mce-responses {
			clear:both;
margin:4px 0px 0px 0px;
			}

.slide {margin: 0; padding: 0; background: url(images/btn-slide.gif) no-repeat center top;}

.btn-slide {color: #fff; text-decoration: none; cursor:pointer;}

.active {background-position: right 12px;}


/*---------------------------------------- LOGO BACKGROUNDS ----------------------------------------*/


.portfolio-logos{ background-color:#fff; padding:10px; margin:0px 0px 10px 0px;}

#portfolio .portfolio-logos a{border-bottom:0px;}

#portfolio .portfolio-logos a:hover {background-position: 0 -266px; border-bottom:0px;}

.logo-placeholder {display: block; width: 432px; height: 266px; background-repeat:no-repeat; border-bottom:0px;}

.logo-placeholder span{display:none;}
	

/*---------------------------------------- NOTICES PAGE ----------------------------------------*/

#notices a { color:#17B0EE;}

#notices h1 { font-size:20px; padding:0px 0px 0px 0px;}

#notices h2 {font-size:20px; padding:5px 0px 10px 0px;}

#notice-module1 { background-color:#333; padding:10px; color:#9e9e9e; margin:0px 0px 10px 0px;}

#notice-module1 ul {margin:0px 0px 10px 40px; list-style:disc;}

#notice-module1 li {padding:4px 0px 0px 0px; background-color:#333; width:850px; }

#notice-module2 { background-color:#333; padding:10px; color:#9e9e9e; margin:0px 0px 10px 0px;}

#notice-module3 { background-color:#333; padding:10px; color:#9e9e9e; margin:0px 0px 10px 0px;}

#notice-module3 h2 {font-size:16px; text-decoration:underline; color:#fff; margin:0px; padding:3px 0px 8px 0px;}

#notice-module3 ul {margin:10px 0px 10px 40px; list-style:disc;}

#notice-module3 li {padding:4px 0px 0px 0px; background-color:#333; width:850px; }

#notice-module3 a {color:#fff; text-decoration:none; border-bottom:1px solid #17B0EE;}	

/*---------------------------------------- LOGO BACKGROUND IMAGES ----------------------------------------*/


#logo-imeta {
background: url("../images/work/logo-design/imeta.jpg");
}

#logo-pureapps {
background: url("../images/work/logo-design/pureapps.jpg");
}

#logo-wor {
background: url("../images/work/logo-design/wor.jpg");
}

#logo-tour {
background: url("../images/work/logo-design/tourpatronsclub.jpg");
}

#logo-goodys {
background: url("../images/work/logo-design/goodys.jpg");
}

#logo-dougland {
background: url("../images/work/logo-design/dougland.jpg");
}

#logo-orchyd {
background: url("../images/work/logo-design/orchyd.jpg");
}

#logo-terra {
background: url("../images/work/logo-design/terrafirma.jpg");
}

#logo-exosect {
background: url("../images/work/logo-design/exosect.jpg");
}

#logo-crispin {
background: url("../images/work/logo-design/crispin.jpg");
}

#logo-yacht {
background: url("../images/work/logo-design/yaghprojects.jpg");
}

#logo-wheb {
background: url("../images/work/logo-design/webventures.jpg");
}

#logo-lynx {
background: url("../images/work/logo-design/lynx.jpg");
}

#logo-crystal {
background: url("../images/work/logo-design/crystalspring.jpg");
}

#logo-prism-medical-uk {
background: url("../images/work/logo-design/prismmedicaluk.jpg");
}

#logo-phoenix {
background: url("../images/work/logo-design/phoenixarc.jpg");
}

#logo-bta {
background: url("../images/work/logo-design/businesstragent.jpg");
}

#logo-liquid {
background: url("../images/work/logo-design/liquidtec.jpg");
}

#logo-logicalis {
background: url("../images/work/logo-design/logicalis.jpg");
}

#logo-mobius {
background: url("../images/work/logo-design/mobiusrecycling.jpg");
}

#logo-oxford {
background: url("../images/work/logo-design/oxfordelectronics.jpg");
}

#logo-phoenix-leisure {
background: url("../images/work/logo-design/phoenixleisur.jpg");
}

#logo-mivoice {
background: url("../images/work/logo-design/mivoice.jpg");
}

#logo-satelcom {
background: url("../images/work/logo-design/satelcom.jpg");
}

#logo-ats {
background: url("../images/work/logo-design/atsheritage.jpg");
}

#logo-cf {
background: url("../images/work/logo-design/cfarchitects.jpg");
}

#logo-dezire {
background: url("../images/work/logo-design/dezire.jpg");
}

#logo-cartner {
background: url("../images/work/logo-design/cartner.jpg");
}

#logo-rhb {
background: url("../images/work/logo-design/rhb.jpg");
}

#logo-savoy {
background: url("../images/work/logo-design/savoy.jpg");
}

#logo-searlandtaylor {
background: url("../images/work/logo-design/searlandtaylor.jpg");
}

#logo-ardea {
background: url("../images/work/logo-design/ardea.jpg");
}

#logo-glow {
background: url("../images/work/logo-design/glowdevelopments.jpg");
}

#logo-golf {
background: url("../images/work/logo-design/golfpartners.jpg");
}

#logo-infiniti {
background: url("../images/work/logo-design/infiniti.jpg");
}

#logo-jungletv {
background: url("../images/work/logo-design/jungletv.jpg");
}

#logo-autochem {
background: url("../images/work/logo-design/autochemacademy.jpg");
}

#logo-dialstat {
background: url("../images/work/logo-design/dialstst.jpg");
}

#logo-exocarp {
background: url("../images/work/logo-design/exosectcarpo.jpg");
}

#logo-infinity {
background: url("../images/work/logo-design/infinityaccess.jpg");
}

#logo-centrex {
background: url("../images/work/logo-design/centrex.jpg");
}

#logo-stingray {
background: url("../images/work/logo-design/stingray.jpg");
}

#logo-miniva {
background: url("../images/work/logo-design/stminivaeqc.jpg");
}

#logo-westendit {
background: url("../images/work/logo-design/westendit.jpg");
}

#logo-quest {
background: url("../images/work/logo-design/quest.jpg");
}

#logo-hunt {
background: url("../images/work/logo-design/hunt.jpg");
}

#logo-directdebit {
background: url("../images/work/logo-design/directdebitexpert.jpg");
}

#logo-dummer {
background: url("../images/work/logo-design/dummer.jpg");
}

#logo-fit {
background: url("../images/work/logo-design/fitforfleet.jpg");
}

#logo-layer {
background: url("../images/work/logo-design/layerscape.jpg");
}

#logo-oneclub {
background: url("../images/work/logo-design/oneclub.jpg");
}

#logo-imced {
background: url("../images/work/logo-design/imced.jpg");
}

#logo-bcaawards {
background: url("../images/work/logo-design/bcaawards.jpg");
}

#logo-chiron {
background: url("../images/work/logo-design/chiron.jpg");
}

#logo-entostat {
background: url("../images/work/logo-design/entostat.jpg");
}

#logo-firstactual {
background: url("../images/work/logo-design/firstactual.jpg");
}
	



/*---------------------------------------- WP ----------------------------------------*/

#blog-left {width:640px; float:left; border-right:1px solid #CCCCCC;  padding:6px 8px 10px 8px; background-image:url(../blog/wp-content/themes/default/images/divider-page.gif);
background-repeat:repeat-y;
background-position:right; 
background-color:#FFFFFF;}



#blog-left h2.category  {font-size:12px; margin:-3px 0px 13px 0px; padding:0px 0px 4px 0px; border-bottom:1px solid #bdbdbd;}

#blog-left h2 {
font: 24px/30px 'DroidSansBold', Arial, sans-serif; 
padding:0px 0px 10px 0px;
margin:-3px 0px 3px 0px;
}

#blog-left h2 a  {border:0;}

#blog-left h2 a:hover  {text-decoration:underline;}


#blog-main h2  {font-size:26px; margin:-3px 0px 0px 0px; padding:0px; border:0px; color:#17B0EE;}


.entry {padding:14px 0px 0px 0px; font-size:13px;}

.entry p {margin:0px 0px 10px; font-size:13px;}

.entry img {
margin:15px 15px 15px 0px;
}


.entry a {
text-decoration:none;
border:none;
}


.post {padding:0px 0px 20px 0px; margin:0px 0px 10px 0px; padding:10px; 		border-bottom:#999999 dotted 1px;
}

.nocomments {display:none;

}

.ado {
font-weight:bold;
font-size:14px;
display:block;
margin:0px 0px 12px 0px;}

.postmetadata  {font-size:9px; padding:20px 0px 10px 0px;}

small {font-size:10px;}

#respond {background-color:#fff; padding:10px; }

#respond h3 {padding:0px 0px 10px; color:#17B0EE; font-size:16px;}

#respond textarea {margin:10px 0px; width:612px; height:100px; padding:4px;}

#sidebar {width:249px; float:right; }

#sidebar ul li h2 {
font: 14px/25px 'DroidSansBold', Arial, sans-serif; 
margin:0px 0px 10px 0px; 
background-color:#333333; 
padding:5px 10px; 
color:#FFFFFF;}

#sidebar ul {padding:0px; width:249px;}

#sidebar li { margin:0px; padding:0px 10px 13px 10px;}

#sidebar li.widget { margin:0px 0px 0px 0px; padding:0px 0px;}


#navigation { margin:0px 10px 30px 10px; padding:5px 0px 0px;}

#blog-nav {background-color:#fff; padding:10px; margin:16px 0px 0px 0px;}

#blog-main li.comment {padding:10px;}

#blog-main .comment-body p {margin:10px 0px;}

#blog-main .comment-meta  {margin:10px 0px; font-size:10px}

#blog-holder {background-color:#ebebeb; margin:0px 0px 20px 0px;}

#comments {margin:0px 10px 0px 10px;  border-top:1px solid #bdbdbd; padding:10px 0px 0px 0px; font-size:9px;}

ol.commentlist {margin:0px 0px 0px 10px; font-size:9px;}

.comment-body p {font-size:10px; margin:10px 00px;}



/*
 * Example of zWeatherFeed Styling
 *
 * Version: 1.0.2
 * (c) Copyright 2010, Zazar Ltd
 *
 */

.weatherFeed
{
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:100%;
	margin:0;
	width: 269px;
	height:226px;
}
.weatherFeed a { color: #888; }
.weatherFeed a:hover
{
	color: #000;
	text-decoration: none;
}
.weatherItem
{
	padding: 30px;
	text-align: right;
}
.weatherCity { text-transform: uppercase; }
.weatherTemp
{
	font-size: 15px;
	font-weight: bold;
}
.weatherDesc, .weatherCity { font-weight: bold; }
.weatherDesc { margin-bottom: 0.4em; }
.weatherRange, .weatherWind { font-size: 0.8em; }
.weatherLink
{ display:none;
	text-align: left;
	font-size: 0.8em;
}

#landing {line-height:16px;}

#landing-contact a {color:#17B0EE;}

#landing-left {float:left; width:605px; }

#landing-left-text {background-color:#ececec; padding:10px; float:left; width:605px; margin:10px 10px 0px 0px; color:#666; -moz-border-radius:5px; border-radius:5px;}

#landing-left ul {margin:10px 0px;}

#landing-left a {color:#17B0EE;}

#landing-left li {list-style-type:disc; margin:0px 0px 8px 15px;}

#landing-left h3 {font-size:18px; color:#333; margin:5px 0px 10px 0px;}

.pics2 {height:376px; width:501px; padding:0; margin:0px;}

	.pics2 img {
	cursor:pointer; 
	 }

.box2 {padding:0px; width:501px; height:376px;top:0; left: 0; }

#box-caption {background-color:#666; padding:5px 10px 5px 10px; color:#fff;}

#landing-slider {background-image:url(../images/landing/ipad-background.png); width:563px; height:432px; background-repeat:no-repeat; padding:56px 0px 0px 62px; float:left;}

#landing-contact a {color:#17B0EE;}

#landing-contact {
float:right;
background-color:#353535; 
padding:10px;
width:240px; margin:650px 0px 0px 0px; 
color:#999; 
line-height:22px;
}

#landing-contact h4 {font-size:18px; color:#fff; margin:5px 0px 10px 0px;}

#landing-contact .landing-form {border:1px solid#d9d9d9; padding:5px; width:210px;}


#landing-right {background-color:#ececec; padding:10px; float:right; clear:right; width:250px; color:#666; -moz-border-radius:5px; border-radius:5px; }

#landing-right ul {margin:15px 0px;}

#landing-right li {display:block; background-color:#666; margin:5px 0px; color:#fff; padding:8px;}

#landing-right a {color:#17B0EE;}

#toggle-area a {color:#fff;}

#toggle-area {margin:15px 0px;}

/* ----------------------------------------  TOGGLE  ---------------------------------------- */




*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}


h2.trigger {
	padding:8px;
	margin: 0 0 5px 0;
	background-color:#666;
	
	width: 234px;
	font-size: 12px;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration:none;
	
}
h2.trigger a:hover {
	color: #fff;
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: -5px 0px 5px 0px;
	padding: 0;
	
	background: #ececec;
	overflow: hidden;
	font-size: 11px;
	width: 250px;
	clear: both;
}
.toggle_container .block {
	padding: 8px; margin:-5px 0px 0px 0px; 
	
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 2.5em;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}





/* ----------------------------------------  TOGGLE  ---------------------------------------- */





#content.landing {background-image:url(../images/landing-background.jpg); background-repeat:no-repeat; }

#landing-page-adi {
padding-bottom:50px;
position:relative;

}

#landing-welcome-adi {
font-size:18px; 
font-family:Arial, Helvetica, sans-serif;
color:#333333;
width:500px;
font-weight:normal;
}

#landing-welcome-adi h1 {
font: 40px/48px 'LatoRegular', Arial, sans-serif;letter-spacing: 0;
padding:20px 0px 10px 0px;
}


.bub {
width:160px; height:165px;
background-repeat:no-repeat;
text-align:center;
font-size:14px;
padding:45px 25px 0px 20px;
}

.bub:hover {
margin-top:-2px;
cursor:pointer;
}

.-blue1 {
	background-image:url(../images/bub-blue.png);
	color:#FFFFFF;
	position:absolute;
	top:561px;
	left:496px;
}

.-blue2 {
	background-image:url(../images/bub-blue.png);
	color:#FFFFFF;
	position:absolute;
	top:191px;
	left:114px;
}

.-grey {
	background-image:url(../images/bub-grery.png);
	color:#000;
	position:absolute;
	top:380px;
	left:3px;
}

.-white1 {
	background-image:url(../images/bub-white.png);
	color:#17b0ee;
	position:absolute;
	top:582px;
	left:109px;
}

.-white2 {
	background-image:url(../images/bub-white.png);
	color:#17b0ee;
	position:absolute;
	top:492px;
	left:705px;
}

.-black {
	background-image:url(../images/bub-black.png);
	color:#FFFFFF;
	position:absolute;
	left: 300px;
	top: 477px;
}


#ipad-bg {
	height:273px;
	width: 438px;
	padding:0;
	margin:0;
	position:absolute;
	left: 397px;
	top: 199px;
}


#ipad  {
float:left;
margin:0px 0px 0px 0px;
height:236px; width:315px;
padding:0;
 overflow: hidden;
}


#next {
margin:234px 0px 0px 0px;
background-image:url(../images/arrows2.png);
background-repeat:no-repeat;
background-position: -43px 0 ;
cursor:pointer;
height:37px; width:37px;
float:left;
}

#next:hover {
background-position: -43px -39px ;
}

#next:active {
background-position: -43px -78px ;
}

#previous {
margin:234px 0px 0px 25px;
background-image:url(../images/arrows2.png);
background-repeat:no-repeat;
background-position: 0 0 ;
cursor:pointer;
height:37px; width:37px;
float:left;
}

#previous:hover {
background-position: 0px -39px ;
}

#previous:active {
background-position: 0px -78px ;
}


		UL.tabNavigation LI {
		float:left;
			padding-bottom:10px;
			
		}

		UL.tabNavigation LI a {
			font-size:16px;
		    padding: 5px 8px;
		    color: #fff;
			margin-right:1px;
		    text-decoration: none;
			border-bottom:none;
			
		}

		UL.tabNavigation LI a.selected,
		UL.tabNavigation LI a:hover {
		    background-color:#17b0ee;
		}
		
		UL.tabNavigation LI a:focus {
			outline: 0;
		}

		div.tabs > div {
		float:left; clear:left;
			padding: 20px 10px;
			font-size:16px;
			background-color:#17b0ee;
		}
		
				div.tabs > div h2 {
font-family:'LatoRegular', Arial, sans-serif;
font-size:22px;
padding:0px 0px 10px 0px;
}
		
		div.tabs {
		width:630px;
		margin:700px 0px 0px 0px;}

.red {
color:#FF0000;}ƒ