body{
background:#fff url(../images/bg_body.gif) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
line-height:14px;
margin:0px;
background-color:#1f1e1e;
outline:none;


}
.tactive a{
font-size:16px;
color:#90c725;
text-decoration:none;
font-family:Arial;
}
.tactive a:link{
font-size:16px;
color:#90c725;
text-decoration:none;
font-family:Arial;
}
.tactive a:hover{
font-size:16px;
color:#90c725;
text-decoration:none;
font-family:Arial;
}

.thover a{
font-size:16px;
color:#ffffff;
text-decoration:none;
font-family:Arial;
}
.thover a:link{
font-size:16px;
color:#ffffff;
text-decoration:none;
font-family:Arial;
}
.thover a:hover{
font-size:16px;
color:#ffffff;
text-decoration:underline;
font-family:Arial;
}


.main-container {
	width:100%;
	height:100%;
	background:url(../images/bg.gif) repeat top center;
	float:left;
	clear: both;
}

.inner-main {
width:998px;
height:auto;
margin:0 auto;
}

.top-panel {
width:998px;
height:160px;
margin:0 auto;

}

.top-padding {
width:998px;
height:40px;
float:left;
}

.logo {
width:262px;
height:59px;
float:left;
margin-left:40px;
margin-top:65px;
}

.top-links {
width:600px;
height:110px;
float:right;
margin-right:15px;
outline:none;

}

.top-links-button{
width:100px;
height:67px;
float:left;
text-align:center;
font-size:15px;
font-weight:bold;
margin-top:93px;
outline:none;
}


.banner {
width:871px;
height:400px;
margin-left:70px;
float:left;
}

.text-area {
width:845px;
height:auto;
float:left;
padding-bottom:40px;
}
.text-area_con {
width:845px;
height:auto;
float:left;
}
.text-area_new {
width:845px;
height:709px;
float:left;
}
.text-area_image {
width:490px;
height:auto;
float:left;
}

.text-area_image2 {
width:490px;
height:830px;
float:left;
}

.text-area_image1 {
width:317px;
height:auto;
float:right;
}
.text-area-left {
width:530px;
height:200px;
float:left;
text-align:left;
color:#90c725;
font-size:23px;
line-height:25px;
}


.green-strong {
text-align:left;
color:#90c725;
font-size:23px;
}



.text-area-right {
width:100px;
height:250px;
float:left;
text-align:left;
padding-left:15px;
}
.text-area-right_00 {
width:100px;
height:250px;
float:left;
text-align:left;
text-align:left; 
margin-top:-15px;
}

.content-main {
width:845px;
height:auto;
margin:0 auto;
}

.content-main_new {
width:830px;
height:690px;
margin:0 auto;
clear:both;

}

.bottom {
width:100%;
height:90px;
float:left;
background-color:#1f1e1e;
clear:both;
}


.bottom-inner {
width:920px;
height:90px;
margin:0 auto;
font-size:10px;

}


a.bottom-link {
text-decoration:underline;
font-size:10px;
color:#ffffff;
outline:none;
}

a.bottom-link:link{
text-decoration:underline;
font-size:10px;
color:#ffffff;
outline:none;
}

a.bottom-link:hover {
text-decoration:none;
font-size:10px;
color:#90c725;
outline:none;
}

a.bottom-link:visited {
text-decoration:underline;
font-size:10px;
color:#ffffff;
outline:none;
}

a.bottom-link:active {
text-decoration:underline;
font-size:10px;
color:#ffffff;
outline:none;
}



.green-text {
font-size:18px;
color:#90c725;
}


.green-text-small {
font-size:13px;
color:#90c725;
float:left;
height:auto;
width:50px;
}

a.green-link {
text-decoration:underline;
font-size:18px;
color:#90c725;
outline:none;
}

a.green-link:link{
text-decoration:underline;
font-size:18px;
color:#90c725;
outline:none;
}

a.green-link:hover {
text-decoration:none;
font-size:18px;
color:#90c725;
outline:none;
}

a.green-link:visited {
text-decoration:none;
font-size:18px;
color:#90c725;
outline:none;
}
a.green-link:active {
text-decoration:none;
font-size:18px;
color:#90c725;
outline:none;
}



a.white-link {
text-decoration:underline;
font-size:15px;
color:#ffffff;
font-weight:bold;
padding-left:5px;
outline:none;
}

a.white-link:link{
text-decoration:underline;
font-size:15px;
color:#ffffff;
font-weight:bold;
padding-left:5px;
outline:none;
}

a.white-link:hover {
text-decoration:none;
font-size:15px;
color:#ffffff;
font-weight:bold;
padding-left:5px;
outline:none;
}


a.white-link:visited{
text-decoration:underline;
font-size:15px;
color:#ffffff;
font-weight:bold;
padding-left:5px;
outline:none;
}

a.white-link:active{
text-decoration:underline;
font-size:15px;
color:#ffffff;
font-weight:bold;
padding-left:5px;
outline:none;
}






a.white-link2 {
text-decoration:underline;
font-size:17px;
color:#ffffff;
font-weight:bold;
padding-left:5px;
outline:none;
}

a.white-link2:link{
text-decoration:underline;
font-size:17px;
color:#ffffff;
font-weight:bold;
padding-left:5px;
outline:none;
}

a.white-link2:hover {
text-decoration:none;
font-size:17px;
color:#ffffff;
font-weight:bold;
padding-left:5px;
outline:none;
}


a.white-link2:visited{
text-decoration:underline;
font-size:17px;
color:#ffffff;
font-weight:bold;
padding-left:5px;
outline:none;
}

a.white-link2:active{
text-decoration:underline;
font-size:17px;
color:#ffffff;
font-weight:bold;
padding-left:5px;
outline:none;
}

.body-text-bold {
width:260px;
height:auto;
float:left;
font-size:16px;
color:#ffffff;
font-weight:bold
}


.text-privacy {
width:845px;
height:auto;
float:left;
}


/* ---// Design Page //-----*/


.design-gallery {
width:802px;
height:686px;
float:left;
}

.design-gallery2 {
width:802px;
height:446px;
float:left;
}

.design-gallery-top {
background:url(../images/design-top.png) no-repeat bottom center;
width:801px;
height:39px;
float:left;
}
.design-gallery-top1 {
background:url(../images/design-top.png) no-repeat bottom center;
width:801px;
height:39px;
float:left;
}

.design-text-spacing{
width:600px;
height:auto;
float:left;
text-align:left;
margin-left:12px;
}

.design-gallery-center {
width:800px;
height:auto;
background-color:#ffffff;
float:left;
text-align:center;
}


.design-gallery-bottom {
background:url(../images/design-bottom.png) no-repeat top center;
width:800px;
height:70px;
float:left;
font-weight:bold;
font-size:13px;
line-height:17px;
}
.design-gallery-bottom1 {
background:url(../images/design-bottom.png) no-repeat top center;
width:801px;
height:70px;
float:left;
font-weight:bold;
font-size:13px;
 
}


.action-button{
width:50px;
height:40px;
float:right;
text-align:center;
margin:20px 20px 0px 0px;
}

/* ---// Sitemap Page //-----*/

.sitemap-left{
width:270px;
height:280px;
float:left;
text-align:left;
padding:10px;
line-height:20px;
}

.sitemap-right{
width:494px;
height:380px;
float:right;
text-align:center;
}

/* ---// Accessibility Page //-----*/

.acc-left{
width:260px;
height:400px;
float:left;
text-align:left;
padding:10px;
line-height:20px;
}

.acc-right{
width:500px;
height:380px;
float:right;
text-align:center;
}


/* ---// About Page //-----*/

.ab-left{
width:500px;
height:702px;
float:left;
line-height:25px;
}


.ab-right{
width:317px;
height:702px;
float:right;
}



/* ---// Contact Page //-----*/


.contact-right{
width:461px;
height:400x;
float:right;
text-align:right;
}

.contact-area {
width:800px;
height:auto;
float:left;
}


.contact-text-bold {
width:200px;
height:auto;
float:left;
font-size:16px;
color:#ffffff;
font-weight:bold;
margin-left:25px;
line-height:20px;
}

.text-contact {
width:845px;
height:auto;
float:left;
border-bottom:1px solid #909194;
}

.text-contact2 {
width:845px;
height:auto;
float:left;
margin-top:15px;
}


.contact-text-bold2 {
font-size:16px;
color:#ffffff;
font-weight:bold;

}

.contact-map {
background:url(../images/contact-map.png) no-repeat top center;
width:461px; 
height:397px;
float:left;
}




/* ---// Digital Page //-----*/


.digital-gallery {
background:url(../images/digital.jpg) no-repeat top center;
width:802px; 
height:550px;
float:left;
margin-top:15px;
}
h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:0 20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
          
           
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:871px;
		height:527px;		
		margin-bottom:2em;
		}	
	#header{	
	    		
		color:#000000;
		}				
	#content{
	width:871px;
	
		position:inherit;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		border:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:640px;
		padding:0px;
		overflow:hidden;
		
		

		
		
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:832px;
		top:765px;
		z-index:1000;
		padding:20;
		
		}	
	#nextBtn, #slider1next{ 
	
		left:850px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/forward.png) no-repeat 0 0;	
		
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/back.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/* Screen_sld */

/* Remove list styles from lists */
ol, ul {
	list-style:none;
}

/* Normalise font style & weight */
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}

/* Set tables to have a default of nothing */
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* Set td's and th to have a little default padding */
td, th {
	padding:3px;
}

/* Remove border from Fieldset and images */
fieldset, img {
	border:0;
}

/* Left align text etc... */
caption, th {
	text-align:left;
}

/* Removes quotation marks from q */
q:before, q:after {
	content:'';
}

/* Create a consistent font size through all browsers */
body {
    font-size: 76%;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url(../img/bg/background.jpg);
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, blockquote, textarea {
	font-size:1em;
}

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

a, a:visited  {
	color: #00B7F3;
	text-decoration:underline;
}
a:hover, a:focus {
	color: #FFFFFF;
	text-decoration:none;
}
p {
	margin-bottom:0.6em;
	line-height:1.5em;
	font-size:1.1em;
}
fieldset {
	padding:12px;
	border:4px #000000 solid;
}
legend {
	padding:8px;
	font-weight:bold;
}
acronym {
	border-bottom:1px #666666 dashed;
}
blockquote {
	padding:5px;
	font-size:0.9em;
	line-height:1.7em;
	border:1px dotted #333;
	margin:15px 0;
}
img {
	border:0;
}

/* ----------------- used as main heading ---------------- */

h1 {
	font-size: 2.2em;
	font-weight:normal;
	color:#00b7f3;
	margin:0 0 10px 0;
}
h2 {
	font-weight: normal; 
	font-size: 1.8em; 
}
h3 {
	font-size: 1em;
	font-weight:bold;
}
h4 {
	font-size:1em;
}

/*  -------------------- GENERIC FORM & BUTTON STYLES  -------------------- */

input[type="text"], textarea {
	padding:0.4em;
	border:1px #333 solid;
}
input:focus, input:hover, textarea:hover, textarea:focus {
	border:1px #000000 solid;
	background-color:#FFFFFF;
}
.clearer {
	clear:both;
	line-height:1px;
	font-size:1px;
	height:1px;
}
.textarea {
	width:75%;
}

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

.innerfive {
	padding:5px;
}
.innerten {
	padding:10px;
}
.innerfifteen {
	padding:15px;
}

/* --------- END GENERIC STUFF -------------- */

#frame {
	width:880px;
	margin:0 auto;	
	
}

#header {
	clear:both;
	position:relative;
	height:114px;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 20px 0;
}
#flashplane {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#headercontent {
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	height:114px;
	width:880px;
}
a.logo {
	display:block;
	width:auto;
	position:absolute;
	top:43px;
	left:0;
}
#headercontent p {
	position:absolute;
	right:0;
	bottom:10px;
	color:#00b7f3;
}
#headercontent p strong {
	color:#FFF;
}

/* ===== Top Navigation ===== */

#mainnav {
	position:absolute;
	top:43px;
	right:0;
	width:50%;
	line-height:1.2em;
	text-align:right;
}
#mainnav li {
	display:inline;
	margin:0 5px;
}
#mainnav li a, #mainnav li a:visited {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
#mainnav li a:hover {
	text-decoration:underline;
}
#mainnav li a.active {
	color:#00b7f3;
	text-decoration:underline;
}

#content {
	clear:both;
	position:relative;
  	min-height:450px;
	height:auto !important;
	height:450px;
}

#content_new {
	clear:both;
	position:relative;
  	min-height:450px;
	height:auto !important;
	height:450px;
	margin-right:10px;
}
#content_new1 {
	clear:both;
	position:relative;
  	min-height:950px;
	height:auto !important;
	height:950px;
	margin-right:10px;
}



#contenttext {
	width:570px;
	float:left;
	clear:left;
}
#contenttext ul {
	width:99%;
	float:left;
	clear:both;
	margin:0 0 8px 0;
}


#contenttext li {
background-image:url(../img/bulletarrow.png);
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
font-size:1.1em;
font-weight:bold;
width:45%;
padding-left:15px;
}


#contentimage {
	width:300px;
	float:right;
	clear:right;
	text-align:right;
}
#bottomtext {
	padding:0 0 15px 0;
}
#footer {
	background-image:url(../img/bg/footer-bg.png);
	clear:both;
	padding:30px 0 0;
	margin:30px 0 0 0;
}
#footer a {
	color:#fff;
}
#footerinner {
	width:880px;
	margin:0 auto;
  	min-height:200px;
    	height:auto !important;
    	height:200px;
}
#footerleft {
	float:left;
	width:48%;
}
#footerright {
	float:right;
	width:48%;
	text-align:right;
	font-size:0.9em;
}
#footerright p {
	margin:0 0 5px 0;
}
#footerright p#footertext {
	margin:0 0 15px 0;
}
#footerlinks {
}
#footerlinks li {
	display:inline;
	margin:0 0 0 8px;
}

/* ============ Home Page unique styles ============= */

#hpmaintext {
	width:50%;
}
#hplaptop {
	position:absolute;
	top:0;
	right:30px;
	z-index:5;
}
#hppad {
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}
#hpcards {
	position:absolute;
	bottom:79px;
	left:394px;
	z-index:15;
}
#hpiphone {
	position:absolute;
	bottom:0px;
	left:575px;
	z-index:20;
}
#hpcup {
	position:absolute;
	bottom:41px;
	right:13px;
	z-index:25;
}
.browntext {
	color:#937759;
}

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

.toolTip { /* This is the hook that the jQuery script will use */

}

.toolTipWrapper { /* The wrapper holds its insides together */
	width: 115px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	bottom:45%;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	color: #FFF;
	font-weight: bold;
	font-size: 1.5em; /* A font size is needed to maintain consistancy */
	z-index:140;
}

.toolTipTop { /* Top section of the tooltip */
	height: 9px;
	background: transparent url(../img/tooltip/tooltip-top.png) no-repeat;
}

.toolTipMid { /* Middle section of the tooltip */
	line-height:1.2em;
	padding:0 0 0 0;
	text-align:center;
	background: transparent url(../img/tooltip/tooltip-mid.png) repeat-y top;
}
.toolTipBtm { /* Bottom Section of the tooltip */
	height: 27px;
	background: transparent url(../img/tooltip/tooltip-bottom.png) no-repeat;
}
		
/* =========== Slider Styles ============== */

#sliderimages {
	width:857px;
	height:262px;
	margin:0 auto 20px;
	clear:both;
	background-image:url(../img/bg/tv-frame.png);
	background-repeat:no-repeat;
	padding:17px 0 0 17px;
}


#sliderimages ul {
	list-style: none;
	position:relative;
}
#slidergallery {
	margin:0;
	width:838px;
	height:auto;
	padding:0;
	overflow:scroll;
}
#slidergallery ul {
	list-style: none;
	width:9000px;
	margin: 0;
	padding: 0;
	position:relative;
}
#slidergallery li {
	display:inline;
	float:left;
}

#slidergallery_design {
	margin:0;
	width:838px;
	height:240px;
	padding:0;
	overflow:scroll;
}
#slidergallery_design ul {
	list-style: none;
	width:9000px;
	margin: 0;
	padding: 0;
	position:relative;
}
#slidergallery_design li {
	display:inline;
	float:left;
}

.textholder {
	text-align:left;
	font-size:small;
	padding:6px;
	color:#fff;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;	
	-webkit-border-top-right-radius: 6px;
	height:30px !Important;
}


/* =========== BLOG STYLING ================== */
#page {
	padding:15px 0 25px 0;
}

#blogcontent {
	float:left;
	width:60%;
}

#blogcontent ul {
	padding:15px 0;
}

#sidebar {
	float:right;
	width:35%;
}
#sidebar a, #sidebar a:visited {
	color:#fff;
}
#sidebar a:hover {
}
#sidebar h2 {
	margin:15px 0;
}
#sidebar ul {
	list-style:none;
}
.post {
	padding:25px 0;
	border-bottom:1px solid #fff;
}
.post h2 {
}
.post h2 a, .post h2 a:visited {
}
.post h2 a:hover {
}
.post li {
	line-height:1.3em;
	list-style-image:url(../img/bulletarrow.png);
	list-style-position:inside;
}
.blogthumb {
	float:left;
	width:187px;
}
.blogsnippet {
	float:right;
	width:320px;
}
h2.blogpostheading {
	margin:15px 0;
}
.blogpostsub {
	display:block;
	font-size:0.8em;
}
/* === The archive === */
.year {
	padding:10px 0;
}
.yearList {
	padding:0 0 0 5px;
}
.month {
	padding:0 0 0 5px;
}
.topic {
	padding:0 0 0 5px;
}
/* === Comments === */

.commentlist {
	clear:both;
	padding:25px 0;
}
.commentlist li {
	margin:0 0 10px 0;
	background-image:url(../img/bg/footer-bg.png);
	padding:5px;
	list-style:none;
}
.postmetadata {
	margin:10px 0 0 0;
}
.postmetadata a {
	color:#fff;
}

/* === Sitemap === */

#sitemap a, #sitemap a:visited {
	color:#fff;
}
#sitemap a:hover {
}
#sitemap li {

}

/* ====  Contact Page ===== */

#iphoneholder {
	text-align:left;
	background-image:url(../img/iphone-contact.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:390px;
	padding:85px 0 0 20px;
}
#googlemap {
	position:relative;
	width:205px !important;
	height:306px !important;
	border:1px solid #000;
	clear:both;
}
.contactleft {
	width:500px !Important;
}
.contactright {
	width:370px !Important;
}


/* ################  FORMS ############### */
.myforms {
	width:100%;
	padding:0 !Important;
}
.myforms li {
	width:100% !Important;
	clear:both;
	float:left;
	padding:3px 0px;
	list-style:none !Important;
background-image:none !important;
padding-left:0px !important; 
}

.myforms .text {
	width:200px;
}
.myforms label {
	display: inline-block;
	line-height: 1.5em;
	vertical-align: top;
	float:left;
	width: 11em; /* Width of labels */
	padding:0px 5px 0px 0px;
}
ul.footerform li label {
	width: 5.5em; /* Width of labels */
}
.myforms em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}
.myforms .mysubmit {
	margin: 0px 0px 0px 0em; /* This line can be used the button with the inputs */
}

.mybutton{
width:102px;
border:none;
padding-bottom:8px;
padding-top:7px;
}

/* ####################################### */

.inlinelist {
	padding:10px 0;
	font-size:0.9em;
}

/* ############ CONTENT HEAVY PAGES ######## */

#heavycontenttemplate {
}
#heavyleft {
	float:left;
	width:239px;
}
#heavyright {
	float:right;
	width:599px;
}
#whitesection {
	background-image:url(../img/contentpage/whitebg.png);
	background-position:top;
	background-repeat:repeat-x;
	padding:12px 0 13px 0;
margin-top:18px;
}
#whitesectioninner {
	background-color:#FFF;
	padding-left:18px;
padding-right:18px;
padding-top:10px;
padding-bottom:10px;
	color:#000;
}

#whitesectioninner p, #whitesectioninner li{
color:#333333;
}

#whitesectioninner h2, #whitesectioninner h3 {
	padding:14px 0 10px;
}

#whitesectioninner a:hover {
	color: #333;
}

#whitesectionfooter {
	height:13px;
	background-image:url(../img/contentpage/whitebg-bottom.png);
	background-repeat:repeat-x;
	clear:both;
}
#wanttoknowmore {
	padding:20px 0;
}
#servicelistnav {
	list-style:none;
	border-top:1px solid #666;
	font-family:Helvetica,"Trebuchet MS",Arial,sans-serif;
	font-size:1.1em;
}
#servicelistnav li {
	border-bottom:1px solid #666;
	padding:9px 0;
}
#servicelistnav li a, #servicelistnav li a:visited {
	color:#FFF;
	text-decoration:none;
}
#servicelistnav li a:hover {
	color:#00B7F3;
	text-decoration:none;
}
.serviceheading {
	padding:0 0 20px 0;
	font-size:0.9em;
}
.sidecredits {
}
.sidecredits li {
	display:inline;
	margin:0 5px 0 0;
}
#footerinfo {
	padding:0 0 28px 0;
}
.footersections {
	width:28.5%;
	display:block;
	float:left;
	border-right:1px solid #666666;
  	min-height:200px;
	height:auto !important;
	height:200px;
	padding:15px 20px;
}
.footersections ul {
	padding:10px 0;
}
.noborder {
	border:0 !Important;
}
.footersections li {
	padding:3px 0;
}
.bloglistcontact li {
	padding:2px 0;
}
.bloglistcontact li strong {
	font-weight:normal;
	color:#00B7F3;
}
.twitterfeed li {
	border-bottom:1px solid #333;
	padding:16px 0;
}
.tweetheading {
	background-image:url(../img/twitter-bird.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 27px;
}
/* ---- Portfolio Lists ------ */

ul.screenshotlist {
	display:inline-block;
	clear:both;
	padding:15px 0;
}
ul.screenshotlist li {
	float:left;
	display:block;
	width:33.3% !Important;
	margin:0 !Important;
	padding:0 !Important;
	text-align:center;
}

#footerinfo h3{
font-size:16px;
}

.latest-blog-posts li{
list-style-image:none;
background-image:url(../img/bulletarrow.png);
background-position: left center;
padding:6px;
background-repeat:no-repeat;
padding-left:16px;
}

.latest-blog-posts li a{
text-decoration:none;
}

.latest-blog-posts li a:hover{
text-decoration:underline;
}

.bloglistcontact li {
padding:6px 0;
}

.post-comment {
}

#commentsholder{
width:563px;
background-image:url(../media/2921/quote-top.jpg);
background-position:left top;
background-repeat:no-repeat;
padding-top:12px;
margin-bottom:7px;
margin-top:20px;
}

.post-comment-top {
background-image:url(../media/2921/quote-top.jpg);
background-position:left top;
background-repeat:no-repeat;
height:12px;
width:563px;
}
.post-comment-center {
background-image:url(../media/2927/quote-middle.jpg);
background-position:left top;
background-repeat:repeat-y;
width:563px;
}
.post-comment-center p {
font-size:12px;
line-height:20px;
margin:0 20px;
padding:4px 0 5px;
padding-bottom:0px;
padding-top:7px;
font-style:italic; 
}

.post-comment-bottom {
background-image:url(../media/2933/quote-bottom.jpg);
background-position:left top;
background-repeat:no-repeat;
padding-bottom:10px;
padding-left:65px;
padding-top:28px;
width:498px;
}

.post-comment-bottom p {
margin-bottom:0;
}
p.post-name {
color:#9D1B1C;
font-size:1em;
font-style:italic;
}

p.post-name a {
color:#00B7F3
font-size:1em;
font-style:italic;
text-decoration:none;
}
p.post-name a:hover {
color:#00B7F3
font-size:1em;
font-style:italic;
text-decoration:underline;
}
p.post-date {
font-size:0.9em;
}


#whitesectioninner p.armcombluetext{
margin-top:19px;
font-size:13px;
}

.service-holder p.armcombluetext{
margin-top:10px;
font-size:13px;
margin-bottom:12px;
padding:0px;
margin:0px;
}

.service-holder p{
margin-bottom:0;
margin-top:12px;
}

.service-holder a{
text-decoration:none;
}

.our-work-box{
float:left;
width:181px;
height:133px;
}

.our-work-box-center{
margin-left:10px;
margin-right:10px;
}

#our-work-holder{
float:left;
padding-bottom:15px;
}

.service-left{
float:left;
width:60px;
margin-top:16px;
}

.service-right{
float:right;
width:500px;
margin-top:10px;
}


.service-holder{
padding-bottom:4px;
width:100%;
margin-bottom:8px;
padding:0px;
margin:0px;
float:left;
clear:both;
padding-top:14px;
padding-bottom:14px;
border-bottom: 1px dotted #eeeeee;
}


.google-pic{
float:right;
border:2px solid #00B7F3;
}

.latest-blog-posts{
padding-right:5px;
}

.latest-blog-posts {
padding-right:5px;
width:271px;
}

#servicelistnav li {
background-image:url(../img/bulletarrow.png);
background-position:left center;
background-repeat:no-repeat;
list-style-image:none;
padding-left: 16px;
}

#whitesectioninner ul {
list-style-position:outside;
padding-bottom:12px;
padding-top:5px;
}

#whitesectioninner li {
background-image:url(../img/bulletarrow.png);
background-position:left center;
background-repeat:no-repeat;
list-style-image:none;
padding-left: 16px;
font-weight:bold;
padding-bottom:3px;
}

.post .postmetadata a {
color:#00B7F3;
text-decoration:none;
}

.post .postmetadata a:hover {
color:#00B7F3;
text-decoration:underline;
}

.bloglistheading{
margin-bottom:6px;
}

.entry{
margin-top:7px;
}


.left a{
margin-left:10px;
color:#00B7F3;
text-decoration:none;
}

.left a:hover{
margin-left:10px;
color:#00B7F3;
text-decoration:underline;
}

.navigation{
padding-top:10px;
}

.post{
border-bottom:1px dotted #EEEEEE;
}

.blog-top li a{
background-image:url(../img/bulletarrow.png);
background-position:left center;
background-repeat:no-repeat;
list-style-image:none;
padding-left:16px;
text-decoration:none;
}

.blog-top li a:hover{
background-image:url(../img/bulletarrow.png);
background-position:left center;
background-repeat:no-repeat;
list-style-image:none;
padding-left:16px;
text-decoration:underline;
}


#ctl00_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_MainMasterContentPlaceHolder_MasterContentPlaceHolder_ctl00_Contact_2_tb_msg{
height:100px;
}

#ctl00_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_MainMasterContentPlaceHolder_MasterContentPlaceHolder_ctl00_Contact_2_bt_submit, #ctl00_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_MainMasterContentPlaceHolder_body_frmBlogComment_4_btnSubmit{
background-image:url(../media/3240/button-grad.jpg);
background-position:left bottom;
background-repeat:repeat-x;
background-color:white;
border:1px solid white;
color:#474747;
font-size:11px;
width:100px;
height:22px;
}

#store-clearer{
clear:both;
float:left;
}

#store-clearer p.armcombluetext {
margin-top:6px;
}





































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}

.browntext {

}

.armcombluetext {
color: #90C725;
font-size:1.2em;
}

.h2 {
color:#fff;
}

.inlinelist li {
float:none !Important;
padding:3px 0 !Important;
width:98% !Important;
}

h2 {

}

.imageright {
float:right;
margin:0 0 5px 12px;
}



/* ---sIFR-Screen  */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

<style>


/****************************************/

a{
	outline: none;
}

a:active{
	outline: none;
}


#sideBarindex{
	position: absolute;
	width: auto;
	height: auto;
	top: 0px;
	right:0px;
	

}

#sideBarTab{
	float:left;
	height:137px;
	width:58px;
}


#sideBarContents{
	float:left;
	overflow:hidden !important;
	width:288px;
	height:452px;
}

#sideBarContentsInner{
	width:288px;
	height:452px;
	float:left;
	background:url(../images/background.png) no-repeat left top;
	
	
}