/* --------------------------------------------------------------

   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  background: #fff url(../images/dot-bg-green.png);
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1 { font-weight: normal; color: #fff; font-size: 3em; line-height: 1; margin-bottom: 0.5em; padding: 30px 0 0 20px;}
h2 { font-weight: normal; color: #fff; font-size: 1.2em; line-height: 1.5; margin-bottom: 1em; padding: 0 0 0 20px;}
h3 { font-weight: normal; color: #000000; font-size: 1.5em; line-height: 1.5; margin-bottom: 0.5em; padding: 0 0 0 0;}
h4 { font-weight: normal; color: #555; font-size: 1.5em; line-height: 1.5; margin-bottom: 10px; padding: 0 0 0 0;}
h5 { font-weight: normal; color: #fff; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 2.2em; color: #939090; line-height: 1.25em; margin-bottom: 0.75em; padding: 10px 0 0 20px;}
		h6 a {color:#939090; padding:0px; text-decoration:none;}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { color: #000000; margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus 	{outline: none;}
a:focus,
a:hover     { color: #ffffff; }
a           { color: #ffef1b; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
	.align { padding-left: 50px;}

.case { font-weight: normal;font-size: 1.3em; color: #555; line-height: 1em; margin-bottom: 10px; padding: 0 0 0 0;}
		.case a {font-weight: normal;color:#00aed4; padding:0px; text-decoration:none;}
		.case a:hover, case a:active {color:#555;}
.client { font-weight: normal;font-size: 1.2em; color: #555; line-height: 1em; margin-bottom: 0px; padding: 0 0 0 0;}
		.client a {font-weight: normal;color:#00aed4; padding:0px; text-decoration:none;}
		.client a:hover, client a:active {color:#555;}
.more { font-weight: normal; color: #fff; font-size: 1.2em; line-height: 1.5; margin-bottom: 1em; padding: 0 0 0 20px;}
		.more a {font-size:1em; line-height: 1.25; color:#ffef1b; padding:0px; text-decoration:none;}
		.more a:hover, #header ul#nav li a:active {color:#ffef1b;}
/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0;}
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
thead td    { background: #96af49; padding: 4px 10px 4px 5px; color:white; font-weight: bold;}
th {font-weight: bold;  padding: 4px 10px 4px 5px; border-bottom:1px dotted grey; }
td,caption { padding: 4px 10px 4px 5px; font-weight:normal; }
tr.even td  { background: #e5ecf9; }
tr.odd td  { background: #f2f2f2; }
tfoot       { font-style: italic; }
caption     { background: #eee; }



/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* A container should group all your columns. */
#container {
	 position: absolute;
	 margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   width: 1024px;
   background-color:#ffffff;
   min-height:900px;
}


#header {width:968px; min-height:40px; margin:20px 28px 20px 28px; background-color:#ffffff;border:0px solid grey;}
#header h5 a {display: block; width: 162px; height:40px; margin:0 0 0 0; float:left; background: url(../images/netinit-logo.png) no-repeat; text-indent:-7779px;}
//#header div {float:right;margin:0 0 0 0;}

	#header ul#nav {float:right;list-style:none;margin:6px 0 0 0;}
		#header ul#nav li {float:left; padding:0 0 0 20px; margin: 0 0 0 0; border:0px solid grey;}
		#header ul#nav li:first-child {background:none;border-top:0px solid grey;}
		#header ul#nav li a {font-weight:bold;font-size:1em; line-height: 1em; color:#00aed4; padding:9px; text-decoration:none;}
		#header ul#nav li a:hover, #header ul#nav li a:active { color:#fff; border: 1px solid #00aed4; padding:8px;		-moz-border-radius:5px;
		-webkit-border-radius: 5px;opacity:0.65; zoom:1}

		#header ul#nav li a.link-home {width:80px; height:12px;display: block; margin:0 0 0 0; float:left; background: url(../images/home.png) no-repeat; background-position: center center; text-indent:-7779px;}
		#header ul#nav li a.link-about { width:80px;height:12px; display: block; margin:0 0 0 0; float:left; background: url(../images/about.png) no-repeat; background-position: center center; text-indent:-7779px;}
		#header ul#nav li a.link-services {width:80px; height:12px;display: block; margin:0 0 0 0; float:left; background: url(../images/services.png) no-repeat; background-position: center center; text-indent:-7779px;}
		#header ul#nav li a.link-work {width:80px; height:12px;display: block; margin:0 0 0 0; float:left; background: url(../images/work.png) no-repeat; background-position: center center; text-indent:-7779px;}
		#header ul#nav li a.link-contact {width:80px; height:12px;display: block; margin:0 0 0 0; float:left; background: url(../images/contact.png) no-repeat; background-position: center center; text-indent:-7779px;}

.preload1 {background-image:url(../images/home-g.png);}
.preload2 {background-image:url(../images/about-g.png);}
.preload3 {background-image:url(../images/work-g.png);}
.preload4 {background-image:url(../images/contact-g.png);}
.preload5 {background-image:url(../images/greenbtn-FADE.png);}
	
.feature {
		float:right;
		width:440px;
		margin:0 60px 0 0;
		}
#feature-container {
	position: relative;
	  height:272px;
		width:968px;
		margin:0px 28px 0px 28px;
		background: url(../images/feature-blue-bg.png) repeat-x;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}

#contact-feature-container {
	position: relative;
	  height:272px;
		width:968px;
		margin:0px 28px 0px 28px;
		background: url(../images/feature-blue-bg.png) repeat-x;
		-moz-border-radius:5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
}

.showcase {
	position:absolute; left: 30px; top: 20px; 
	  height:245px;
		width:430px;
		margin-left:0px;
		background: url(../images/macbook.png) no-repeat;
		padding:0px;
}

.design {
	position:absolute; left: 0px; top: 10px; 
	  height:280px;
		width:382px;
		margin-left:0px;
		background: url(../images/design-img.png) no-repeat;
		padding:0px;
}

.webdev {
	position:absolute; left: 30px; top: 20px; 
	  height:245px;
		width:430px;
		margin-left:0px;
		background: url(../images/webdev-img.png) no-repeat;
		padding:0px;
}

.seo {
	position:absolute; left: 30px; top: 20px; 
	  height:245px;
		width:430px;
		margin-left:0px;
		background: url(../images/seo-img.png) no-repeat;
		padding:0px;
}

.socialmedia {
	position:absolute; left: 5px; top: 5px; 
	  height:300px;
		width:443px;
		margin-left:0px;
		background: url(../images/socialmedia-img.png) no-repeat;
		padding:0px;
}
.polaroids {
	position:absolute; left: 15px; top: 3px; 
	  height:289px;
		width:406px;
		margin-left:0px;
		background: url(../images/polaroids.png) no-repeat;
		padding:0px;
}

.telegraph {
	position:absolute; left: 0px; top: 30px; 
	  height:219px;
		width:445px;
		margin-left:0px;
		background: url(../images/telegraph.png) no-repeat;
		padding:0px;
}


#content-2col {
		min-height:0px;
		min-width:968px;
		margin:28px 0 0 28px;
		background-color:#121212;
		border: 0px solid #d4d4d4;
}


#content-4col {
		min-height:0px;
		min-width:968px;
		margin:28px 0 0 28px;
		background-color:#121212;
		border: 0px solid #d4d4d4;
}


.col1 {
		position: relative;
		float:left;
		min-height:500px;
		width:230px;
		margin:0 0 0 0;
		background-color:#fff;
		border-right: 1px dotted #d4d4d4;
		-moz-border-radius:5px;
}
		.col1 p {color: #777; padding:10px 24px 0 10px;}
		.col1 h3 { font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 18px 0 0 0;}
		.col1 .more a {position:absolute; right: 19px; top: 380px; font-weight: normal; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);color: #fff; line-height: 42px;width:97px; height:45px;display: block;  background: url(../images/greenbtn.png) no-repeat;text-indent:23px;}

.more a:hover {background: url(../images/greenbtn-FADE.png) no-repeat; opacity:0.85; zoom:1}

.col2 {
		position: relative;
		float:left;
		min-height:500px;
		width:253px;
		margin:0 0 0 0;
		background-color:#fff;
		border-right: 1px dotted #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.col2 p {color: #777; padding:10px 24px 0 34px;}
		.col2 h3 { font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 18px 0 0 0;}
		.col2 .more a { position:absolute; right: 19px; top: 380px; font-weight: normal; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color: #fff; line-height: 42px;width:97px; height:45px;display: block; background: url(../images/greenbtn.png) no-repeat; text-indent:23px;}
		.col2 .more a:hover {background: url(../images/greenbtn-FADE.png) no-repeat; opacity:0.85; zoom:1}
.col3 {
		position: relative;
		float:left;
		min-height:500px;
		width:253px;
		margin:0 0 0 0;
		background-color:#fff;
		border-right: 1px dotted #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.col3 p {color: #777; padding:10px 24px 0 34px;}
		.col3 h3 { font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 18px 0 0 0;}
		.col3 .more a {position:absolute; right: 19px; top: 380px; font-weight: normal; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color: #fff; line-height: 42px;width:97px; height:45px;display: block; background: url(../images/greenbtn.png) no-repeat; text-indent:23px;}
		.col3 .more a:hover {background: url(../images/greenbtn-FADE.png) no-repeat; opacity:0.85; zoom:1}

.col4 {
		position: relative;
		float:left;
		min-height:500px;
		width:229px;
		margin:0 0 0 0;
		background-color:#fff;
		border: 0px solid #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.col4 p {color: #777; padding:10px 4px 0 34px;}
		.col4 h3 { font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 18px 0 0 0;}
		.col4 .more a {position:absolute; right:0px; top: 380px; font-weight: normal; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color: #fff; line-height: 42px;width:97px; height:45px;display: block; background: url(../images/greenbtn.png) no-repeat; text-indent:23px;}
		.col4 .more a:hover {background: url(../images/greenbtn-FADE.png) no-repeat; opacity:0.85; zoom:1}


.col1-box a {   display: block;
		float:left;
		min-height:210px;
		width:203px;
		margin:0 25px 20px 0;
		background-color:#efefef;
		border: 1px solid #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.col1-box p {color: #777; padding:0 12px 0 12px;}
		.col1-box h3 {display: block; width: 64px; height:16px; margin:22px 0 0 12px;  background: url(../images/design.png) no-repeat; text-indent:-7779px; font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 12px 0 0 12px;}
.designsticker {
		position:absolute; right: 36px; top:166px; 
		width:64px;
		height:64px;
		margin-left:0px;
		margin-bottom:0px;
		background: url(../images/design_64.png) no-repeat;
}
.col2-box a {	display: block; 
		position:relative;
		float:left;
		min-height:210px;
		width:203px;
		margin:0 0 20px 25px;
		background-color:#efefef;
		border: 1px solid #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.col2-box p {color: #777; padding:0 12px 0 12px;}
		.col2-box h3 {display: block; width: 168px; height:16px; margin:22px 0 0 12px;; background: url(../images/webdev.png) no-repeat; text-indent:-7779px; font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 12px 0 0 12px;}

.webdevsticker {position:absolute; right: 10px; top:166px; 
		width:64px;
		height:64px;
		margin-left:0px;
		margin-bottom:0px;
		background: url(../images/webdev_64.png) no-repeat;
}	

.col3-box a {	display: block;
		position:relative;
		float:left;
		min-height:210px;
		width:203px;
		margin:0 0 20px 25px;
		background-color:#efefef;
		border: 1px solid #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.col3-box p {color: #777; padding:0 12px 0 12px;}
		.col3-box h3 {display: block; width: 35px; height:14px; margin:22px 0 0 12px; background: url(../images/seo.png) no-repeat; text-indent:-7779px; font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 12px 0 0 12px;}
		
.seosticker {	position:absolute; right: 10px; top:166px; 
		width:64px;
		height:64px;
		margin-left:0px;
		margin-bottom:0px;
		background: url(../images/analytics_64.png) no-repeat;
}	
.col4-box a {   display: block;
		position:relative;
		float:left;
		min-height:210px;
		width:203px;
		margin:0 0 20px 25px;
		background-color:#efefef;
		border: 1px solid #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.col4-box p {color: #777; padding:0 12px 0 12px;}
		.col4-box h3 {display: block; width: 123px; height:16px; margin:22px 0 0 12px;  background: url(../images/socialmedia.png) no-repeat; text-indent:-7779px; font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 12px 0 0 12px;}

.fbsticker {	position:absolute; right: 10px; top:177px; 
	  	width:46px;
	  	height:46px;
		margin-left:0px;
		margin-bottom:0px;
		background: url(../images/facebooksticker.png) no-repeat;
}	


		
.content-4col-box-dotted {
		float:left;
		min-height:350px;
		width:1px;
		margin:0 0 0 0;
		background: #fff url(../images/dot1-bg.png) repeat-y;
}

.col2-full {
		float:left;
		width:670px;
		margin:0px 0 30px 27px;
		background-color:#fff;
		border: 0px solid red;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}

		
		.col2-full p { font-weight: normal; color: #555; font-size: 1.3em; line-height: 1.5; margin-top: 10px;margin-bottom: 10px; padding: 0 0 0 0;}
		.col2-full h3 { font-weight: normal; color: #00aed4; font-size: 1.8em; line-height: 1; margin-bottom: 0.5em; padding: 0 0 0 0;}
		.col2-full h7 { font-weight: normal; color: #555; font-size: 1.5em; line-height: 1.5; margin-bottom: 10px; padding: 0 0 0 0;}
		
			.col2-full ul#services {list-style-type:circle;margin:0 0 0 10px;}
			.col2-full ul#services li {font-weight: normal; color: #555; font-size: 1.3em; line-height: 1.5;padding:0 0 0 10px; margin: 0 0 0 0; border:0px solid grey;}
		
#casestudy {
		
		width:610px;
		min-height:241px;
		margin:20px 0 20px 20px;
		padding:20px;
		background-color:#d7edf2;
		border: 0px solid red;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		#casestudy p {font-weight: normal; color: #555; font-size: 1em;line-height: 1.5; color: #555; padding:10px 0 0 0;}
		#casestudy img.inset {float:right; margin-left:20px; margin-right:0px; margin-bottom:20px;border: 1px solid #d1d1d1;background-color:#fff;padding: 3px;}

#biogs {
		
		width:610px;
		margin:20px 0 0 20px;
		padding:20px;
		min-height:150px;
		background-color:#d7edf2;
		border: 0px solid red;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		#biogs p {font-weight: normal; color: #555; font-size: 1em;line-height: 1.5; color: #555; padding:10px 0 0 0;}
		#biogs img.inset {float:left;  margin-left:0px;  margin-right:16px;  margin-bottom:20px;border: 0px solid #d1d1d1;background-color:#d7edf2;padding:0px;}
#clients {
		float:left;
		width:200px;
		margin:2px;
		padding:8px;
		min-height:100px;
		background-color:#d7edf2;
		border: 0px solid red;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		#clients p {font-weight: normal; color: #555; font-size: 1em;line-height: 1.5; color: #555; padding:10px 0 0 0;}
		#clients img.inset {margin-left:0px;  margin-right:0px;  margin-bottom:8px;border: 0px solid #d1d1d1;background-color:#d7edf2;padding:0px;}

.lhs {
		float:right;
		width:230px;
		background-color:#fff;
		border-left: 1px dotted #d4d4d4;
		padding-left:33px;
		-moz-border-radius:5px;
}
		.lhs p {color: #777; padding:10px 24px 0 10px;}
		.lhs h3 { font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 18px 0 0 0;}
		.lhs h4 a {font-weight: normal; color: #fff; line-height: 31px;width:139px; height:45px;display: block; padding: 0 0 0 0; margin:0 0 0 -10px; background: url(../images/bigarrow.png) no-repeat; background-position: ; text-indent:10px;}

.lhs-header {
		min-height:30px;
		width:200px;
		margin:0px 0 0 4px;
		background-color:#fff;
		border-bottom: 0px dotted #d4d4d4;
		-moz-border-radius:5px;
}

		.lhs-header h3 { font-weight: normal; color: #00aed4; font-size: 1.8em; line-height: 1; margin-bottom: 0.5em; padding: 0 0 0 0;}


.lhs-design a { display: block; 
		min-height:100px;
		width:203px;
		margin:0 25px 20px 0;
		background-color:#efefef;
		border: 1px solid #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.lhs-design p {color: #777; padding:0 12px 0 12px;}
		.lhs-design h3 {display: block; width: 64px; height:16px; margin:20px 0 0 12px;  background: url(../images/design.png) no-repeat; text-indent:-7779px; font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 12px 0 0 12px;}

.lhs-webdev a { display: block; 
		min-height:100px;
		width:203px;
		margin:0 25px 20px 0;
		background-color:#efefef;
		border: 1px solid #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.lhs-webdev p {color: #777; padding:0 12px 0 12px;}
		.lhs-webdev h3 {display: block; width: 168px; height:16px; margin:20px 0 0 12px;  background: url(../images/webdev.png) no-repeat; text-indent:-7779px; font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 12px 0 0 12px;}

.lhs-seo a {    display: block; 
		min-height:100px;
		width:203px;
		margin:0 25px 20px 0;
		background-color:#efefef;
		border: 1px solid #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.lhs-seo p {color: #777; padding:0 12px 0 12px;}
		.lhs-seo h3 {display: block; width: 168px; height:16px; margin:20px 0 0 12px;  background: url(../images/seo.png) no-repeat; text-indent:-7779px; font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 12px 0 0 12px;}

.lhs-socialmedia a { display: block; 
		min-height:100px;
		width:203px;
		margin:0 25px 20px 0;
		background-color:#efefef;
		border: 1px solid #d4d4d4;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
		.lhs-socialmedia p {color: #777; padding:0 12px 0 12px;}
		.lhs-socialmedia h3 {display: block; width: 168px; height:16px; margin:20px 0 0 12px;  background: url(../images/socialmedia.png) no-repeat; text-indent:-7779px; font-weight: normal; color: #555; font-size: 1.4em; line-height: 1.5; margin-bottom: 0.5em; padding: 12px 0 0 12px;}


.main-text {
		width:480px;
		min-height:300px;
		margin-left:0px;
		background-color:#ffffff;
		padding:0px;
}
		.main-text p {font-weight: normal; color: #000000; font-size: 1.2em; line-height: 1.5; margin-bottom: 1em; padding: 0 0 0 20px;}

.right-side {
		position:absolute; right: 20px; top:0px; 
	  	width:380px;
	  	height:253px;
		margin-left:0px;
		margin-bottom:0px;
		background-color:#ededed;
}

		.right-side h5 a  { display: block; width: 380px; height:253px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/ist2_6351782-happy-child-with-painted-hands.jpg) no-repeat; border:0px solid grey; text-indent:-7779px;}

#services-content-2col {
		position: relative;
		width:910px;
		min-height:500px;
		margin-left:20px;
		background-color:#ffffff;
}

		#services-content-2col p {padding:0 0 0 0;}

.services-right-side {
		position:absolute; right: 20px; top:0px; 
	  	width:285px;
	  	height:380px;
		margin-left:0px;
		margin-bottom:0px;
		background-color:#ededed;
}

		.services-right-side h5 a  { display: block; width: 285px; height:380px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/ist2_4849508-kite-in-the-sky.jpg) no-repeat; border:0px solid grey; text-indent:-7779px;}

		
img.inset {
		float:right;
	  margin-left:20px;
	  margin-right:0px;
	  margin-bottom:0px;
		border: 1px solid #d1d1d1;
		background-color:#fff;
		padding: 3px;
}

img.inset-noborder {
		float:right;
	  margin-left:20px;
	  margin-right:20px;
		border: 0px solid #ededed;
		padding: 2px;
}
#sidebar {
		position: relative;
		float:right;
		height:400px;
		min-width:296px;
		max-width:296px;
		margin-right:20px;
}

.sidebar-top {height:4px;background: url(../images/sidebar-top.png) no-repeat;}
.sidebar-mid {min-height:400px;padding:0;background: url(../images/sidebar-bg.png) repeat-y;}
.sidebar-bottom {height:4px;background: url(../images/sidebar-bottom.png) no-repeat;}

	#sidebar h3 { font-weight: normal; color: #000; font-size: 1.5em; line-height: 1; margin-bottom: 1em; border-color:#77787a; border-style:dotted; border-width: 0 0 1px 0; padding: 10px 4px 10px 10px; }


#footer {
		position: relative;
		margin: 0 0 0 0;
		min-height:230px;
		float:left;
		border:0px solid grey;
		background-color:#1f1f1f;
		width:968px;
		margin:0px 28px 0px 28px;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}

	#footer p {color: #939090;float:left; padding:12px 0 0 21px;}
		#footer p a {font-size:12px; color:#00aed4; text-decoration:none;}
			#footer p a:hover, #footer-right p a:active {color:#939090;}

.nibiglogo {	position:absolute; right: 22px; bottom:17px;
		width:116px;
		height:116px;
		background: url(../images/ni-logo-116.png) no-repeat;
		opacity:0.60; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; filter:alpha(opacity=60); zoom:1

	}	
	
.footer-left {
		margin: 0 0 0 0;
		min-height:200px;
		float:left;
		width:460px;
		border:0px solid red;
		background-color:#1f1f1f;
}

	.footer-left h5 a { display: block; width: 85px; height:12px; float:left; margin:30px 0 0 21px; background: url(../images/letstalk.png) no-repeat; border:0px solid grey; text-indent:-7779px;}

.footer-right {
		margin: 0 0 0 0;
		min-height:200px;
		float:right;
		width:500px;
		border:0px solid blue;
		background-color:#1f1f1f;
}

	.footer-right h5 a { display: block; width: 113px; height:12px; float:left; margin:30px 0 0 21px; background: url(../images/testimonials.png) no-repeat; border:0px solid grey; text-indent:-7779px;}

.testimonial { 	
		margin: 0 25px 0 0;
		width:220px;
		float:left;
		border:0px solid blue;
		background-color:#1f1f1f;}

.footer-bottom {
		margin: 0 0 0 0;
		padding: 0 500px 0 0;
		min-height:150px;
		border-top:1px dotted darkgrey;
		background-color:#1f1f1f;
}
			

#clear {
 clear:both;
}

#bottom {
 clear:both;
 min-height:100px;
}

.map {
	  min-height:400px;
		width:560;
		margin-left:0px;
		background-color:#ffffff;
		padding:0px;
}				
#col1 {
		float:left;
	  min-height:90px;
		width:275px;
		padding-right:10px;
		background-color:#ffffff;
}
#col2 {
		float:right;
	  min-height:90px;
		width:275px;
		margin-left:0px;
		background-color:#ffffff;
}
/* --------------------------------------------------------------

   * FORM CSS.

-------------------------------------------------------------- */


#form {
	border:1px solid #efefef;
	padding-top: 10px;
	width: 208px;
	text-align: left;
	font-weight: normal;
	background-color: #ffffff;
}
.form {
	line-height: 1em;
	border:1px solid #efefef;
	width: 300px;
	height: 200px;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
}
.form .label {
	font-size: 1em;
 	color:#00aed4;
 	float: left;
 	width: 100px;
 	margin-top: -20px;
 	text-align: left;
 	font-weight: normal;
}
input#submit {
	background: url(../images/smallarrow.png) no-repeat;
	background-color: #ffffff;
}
 
input#name, input#email, textarea#comments {
	width: 208px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #000000;
	color:#00aed4;
	border:0px solid #efefef;
	margin: 10px;
}
 
input#name:focus,
input#email:focus,
textarea#comments:focus,
select#refer:focus


/* --------------------------------------------------------------

   * END FORM CSS
   
-------------------------------------------------------------- */

/* --------------------------------------------------------------

   * AWESOME BUTTONS CSS.

-------------------------------------------------------------- */


.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
	.awesome:hover	
		{ background-color: #111; color: #fff; }
	.awesome:active	
		{ top: 1px; }
	.small.awesome, .small.awesome:visited 
		{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited
		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 	
		{ font-size: 14px; padding: 8px 14px 9px; }
	.blue.awesome, .blue.awesome:visited
		{ background-color: #2daebf; }
	.blue.awesome:hover
		{ background-color: #007d9a; }

	background-color: #ffb515;
}
/* --------------------------------------------------------------
	
	   * END AWESOME BUTTONS CSS.
	
-------------------------------------------------------------- */