/* All associated graphics copyright 2009,  Backbone IT Group*/



blockquote { border-left: 2px solid #A7A7A7; color: #666; margin: 20px; padding-left: 10px;}



.bbc{

	height: 200px;

	width: 165px;

	border: 0px;

}

.center{

	text-align: center;

	clear: both;

}

.pright{

	text-align: right;

}

.justify{

	text-align: justify;

}

.screenshotright{

	padding: 5px;

	border: 1px dotted #ECE9D8;

	margin-top: 5px;

	margin-right: 5px;

	float: right;

}

.screenshotLeft{

	padding: 5px;

	border: 1px dotted #ECE9D8;

	margin-top: 5px;

	margin-right: 5px;

	float: left;

}



.yellow{

	color: #FA8B56;

	font-weight: bold;

}



.search_engine_optimisation{

	color: #DF7140;

	font-weight: bold;

	background-color: inherit;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

}





.portfolio{

	font-weight: bold;

	border-left-width: 3px;

	border-left-style: solid;

	border-left-color: #2C5A9E;

	background-color: #EDEDED;

	padding: 8px;

}



.potfolio_title{

	font-weight: bold;

	background-image: url(http://www.backboneitgroup.com/images/menu-background.png);

	background-repeat: repeat-x;

	color: #FFFFFF;

	padding-top: 8px;

	padding-right: 8px;

	padding-left: 8px;

	padding-bottom: 8px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #2C5A9E;

	background-position: center;

}

img.webdesign{

	border: 1px dotted #ECE9D8;

	padding: 5px;

}

.info{

	font-size: 11px;

}



html, body {height: 100%;}



body{

	margin: 0px;

	padding: 0px;

}



h1{

	font-size: 15px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	

}



h1.seo a{

	text-decoration: none;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	color: #666666;

	display: block;

	line-height: 30px;

	padding-left: 5px;

}

h1.seo a:hover{

	text-decoration: none;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #2765AB;

}

h1.wd a{

	text-decoration: none;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	color: #666666;

	display: block;

	line-height: 30px;

	padding-left: 5px;

}

h1.wd a:hover{

	text-decoration: none;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #D1BB0B;

}



h1.sf a{

	text-decoration: none;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	color: #666666;

	display: block;

	line-height: 30px;

	padding-left: 5px;

}

h1.sf a:hover{

	text-decoration: none;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #CE470B;

}



.h1line{

	font-size: 15px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	color: #666666;

	display: block;

	line-height: 30px;

	padding-left: 5px;

	font-weight: bold;

}



h2{

	font-size: small;

}



.post h2{

	font-size: 18px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.post h2 a{	text-decoration: none;

	color: #1FA9D8;

	font-weight: bold;
	font-size: 24px;}
	

a {

	text-decoration: none;

	color: #1FA9D8;

	font-weight: bold;

	

}



a:hover {

	text-decoration: underline;

	

	

}



#wrapper{

	margin: 0px;

	width: 990px;

	position: absolute;

}



.subbold{

	font-size: 11px;

	font-weight: bolder;

	line-height: 30px;

	margin-left: -3px;

	padding: 0px;

	margin-top: 0px;

	background-color: #ececec;

	background-image: url(http://www.backboneitgroup.com/images/around.gif);

	background-repeat: no-repeat;

	background-position: right top;

	border-left-width: 3px;

	border-left-style: solid;

	border-left-color: #ECECEC;

	font-family: Arial, Helvetica, sans-serif;

	

}

.bold{

	font-weight: bolder;

	color: #20AAD9;

}



.quote{

	font-weight: bolder;

	color: #999999;

}

.italic{

	font-style: italic;

	color: #333333;

}



#logo{

	height: 98px;

	width: 990px;

	left: 0px;

	background-position: left top;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	background-image: url(http://www.backboneitgroup.com/images/seo.jpg);

	background-repeat: no-repeat;

}





.seotext h1{

	width: 450px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

	padding: 0px;

	color: #666666;

	margin: 0px;

}





#header {

	height: 140px;

	width: 990px;

	left: 0px;

	background-position: bottom;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-bottom-width: 1px;

	border-bottom-color: #CCCCCC;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	

	}



.header_img{

	float: right;

	display: block;

	position: absolute;

	top: 43px;

	left: 900px;

	overflow: visible;

	visibility: visible;

	z-index: 80;

}

.Adwords{

	float: right;

	display: block;

	position: absolute;

	top: 43px;

	left: 800px;

	overflow: visible;

	visibility: visible;

	z-index: 80;

}

	#menu, #menu2 {

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	width: 990px;

	height: 25px;

	vertical-align: middle;

	padding-top: 3px;

	padding-right: 0px;

	padding-bottom: 3px;

	padding-left: 0px;

	color: #646464;

	text-transform: lowercase;

	border-bottom-style: none;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

		}



	.menuborder{

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999999;

	}

	

	#menu ul, #menu2 ul {

		margin: 0;

		padding: 0;

		list-style: none;

		float: left;

		width: 100%;

		}

	

	#menu li, #menu2 li {display: inline;}

	

	#menu a:link, #menu a:visited, #menu2 a:link, #menu2 a:visited {

	padding: 0.25em 1em;

	color: #656565;

	text-decoration: none;

	float: left;

	font-weight: bold;

		}

	

	#menu a:hover, #menu2 a:hover {

		color: #1EA8DA;

		}

		

		

/*---- left menu ---*/

#menu_left {

	clear: left;

	float: left;

	font-size: 12px;

}



#menu_left ul {

	list-style: none;

	padding: 0;

	margin-top: 0;

	margin-right: 0;

	margin-left: 0;

	margin-bottom: 10px;

	width: 310px;

}	



#menu_left li {

	margin-bottom: 4px;

}





#menu_left li a {

	font-weight: normal;

	text-decoration: none;

	color: #333333;

	display: block;

	height: 15px;

	padding-right: 0;

	padding-left: 0px;

	list-style-type: none;

	padding-top: 3px;

	padding-bottom: 3px;

	background-image: url(http://www.backboneitgroup.com/images/right_menu.gif);

	background-repeat: no-repeat;

	background-position: right center;

}	

	

#menu_left li a:hover {

	color: #000000;

	text-decoration: none;

	background-image: url(http://www.backboneitgroup.com/images/right_menuhover.gif);

	background-repeat: no-repeat;

	background-position: right center;

}

		

/*---- left menu sub ---*/

li.menu_leftsub  {

	list-style: none;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;

	margin-bottom: 10px;

	width: 200px;

	font-size: 10px;

	margin-left: 0;

	padding: 0;

}	







li.menu_leftsub  a {

	font-weight: normal;

	text-decoration: none;

	color: #333333;

	display: block;

	height: 15px;

	padding-right: 0;

	padding-left: 10px;

	list-style-type: none;

	padding-top: 3px;

	padding-bottom: 3px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	background-image: url(http://www.backboneitgroup.com/images/right_menu.gif);

	background-repeat: no-repeat;

	background-position: right center;

	margin-left: 20px;

}	

	

li.menu_leftsub  a:hover {

	color: #000000;

	text-decoration: none;

	background-image: url(http://www.backboneitgroup.com/images/right_menuhover.gif);

	background-repeat: no-repeat;

	background-position: right center;

}

		

		

		

/*---- right menu ---*/

#menu_right {

	clear: left;

	float: left;

	font-size: 12px;

	width: 300px;

	display: block;

}



#menu_right ul {

	list-style: none;

	padding: 0;

	margin-top: 0;

	margin-right: 0;

	margin-left: 0;

	margin-bottom: 10px;

	width: 200px;

}	



#menu_right li {

	margin-bottom: 4px;

	list-style-type: none;

}





#menu_right li a {

	font-weight: normal;

	text-decoration: none;

	color: #333333;

	display: block;

	height: 15px;

	padding-right: 0;

	padding-left: 10px;

	list-style-type: none;

	padding-top: 3px;

	padding-bottom: 3px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	background-image: url(http://www.backboneitgroup.com/images/right_menu.gif);

	background-repeat: no-repeat;

	background-position: right center;

}	

	

#menu_right li a:hover {

	color: #000000;

	text-decoration: none;

	list-style-type: none;

	background-image: url(http://www.backboneitgroup.com/images/right_menuhover.gif);

	background-repeat: no-repeat;

	background-position: right center;

}

				

		

		

		

/*//////////// title ////////////////*/		



#title{

	height: 35px;

	width: 990px;

	margin: 0px;

	background-color: #666666;

	background-image: url(http://www.backboneitgroup.com/images/seo.gif);

	background-repeat: no-repeat;

	background-position: left top;

	text-align: right;

	padding: 0px;

}



#title h1{

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: normal;

	float: left;

	width: 300px;

	margin-left: 5px;

	margin-top: 0px;

	font-size: 28px;

	height: 20px;

	}

.contact{

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: small;

}



.contact a{

	color: #1FA9D8;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none;

}

.contact a:hover{

	color: #1FA9D8;

	text-decoration: none;

}





img.middle {

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}







/*//////////// content ////////////////*/





#content, #contentindex{

	height: 100%;

	width: 990px;

	padding: 0px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

#contentindex{

	background-color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}



/*//////////// left side ////////////////*/	



#left{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

	background-image: url(http://www.backboneitgroup.com/images/V_line.gif);

	background-repeat: no-repeat;

	line-height: 16px;

	padding-top: 25px;

	padding-right: 20px;

	padding-left: 0px;

	width: 200px;

	display: block;

	padding-bottom: 0px;

	font-size: 12px;

	background-position: right top;

	text-align: left;

	margin: 0px;

}



/*//////////// right side ////////////////*/	

.right{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	background-image: url(http://www.backboneitgroup.com/images/title_bg.gif);

	background-repeat: repeat;

	line-height: 16px;

	padding-top: 10px;

	padding-right: 10px;

	padding-left: 10px;

	width: 200px;

	display: table-cell;

	padding-bottom: 0px;

	margin: 0px;

}



/*//////////// main ////////////////*/	







#main{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	padding-top: 10px;

	list-style-type: none;

	padding-right: 0px;

	padding-left: 0px;

	margin-left: 230px;



	}

#main h1 {

	font-family: Arial, Helvetica, sans-serif;

	padding-top: 5px;

	padding-bottom: 5px;

	width: 490px;

	margin: 0px;

	

	line-height: 22px;

	

}





.sub{

	color: #666666;

	font-style: italic;

}



#box{

	width: 600px;

	padding-right: 15px;

	padding-left: 10px;

	list-style-type: none;

	font-size: small;

	line-height: 20px;

	text-align: left;

	padding-top: 10px;

	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



#box h1{color: #20AAD9;}



#box_right{

	width: 300px;

	padding-left: 10px;

	list-style-type: none;

	line-height: 17px;

	padding-bottom: 0px;

	padding-right: 0px;

	padding-top: 5px;

	text-align: left;

	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}





/*--------------- Main boxes ---------------------*/



#mainbox{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	list-style-type: none;

	background-color: #FFFFFF;

	line-height: 140%;

	margin: 0px;

	padding: 0px;



	}



#box1{

	width: 235px;

	padding-right: 10px;

	padding-left: 10px;

	background-image: url(http://www.backboneitgroup.com/images/V_line.gif);

	background-repeat: no-repeat;

	background-position: right top;

	margin: 0px;

	padding-top: 10px;

	padding-bottom: 0px;

}



#box2{

	display: block;

	width: 235px;

	padding-right: 10px;

	background-image: url(http://www.backboneitgroup.com/images/V_line.gif);

	background-repeat: no-repeat;

	background-position: right top;

	padding-left: 5px;

	margin: 0px;

	padding-top: 10px;

	padding-bottom: 0px;

	

}

#box3{

	width: 235px;

	padding-left: 5px;

	margin: 0px;

	padding-top: 10px;

	padding-right: 5px;

	padding-bottom: 0px;

}







.lists{

	list-style-image: url(http://www.backboneitgroup.com/images/arrowlist.gif);

	list-style-type: none;

}

.list2{

	list-style-image: url(http://www.backboneitgroup.com/images/plus.gif);

	list-style-type: none;

}

.p1{

	list-style-image: url(http://www.backboneitgroup.com/images/folder.gif);

	list-style-type: none;

	vertical-align: middle;

	line-height: 30px;

}

.p2{

	list-style-image: url(http://www.backboneitgroup.com/images/document.gif);

	list-style-type: none;

	margin-left: 30px;

}



.p3{

	list-style-image: url(http://www.backboneitgroup.com/images/document.gif);

	list-style-type: none;

	margin-left: 60px;

}



#third{

	width: 620px;

	padding-left: 10px;

	padding-top: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}

#third h2{

	font-size: 12px;

}





/*//////////// footer ////////////////*/	



#footer{

	background-color: #666666;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	width: 990px;

	clear: both;

	padding-top: 10px;

	padding-bottom: 10px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	text-align: center;

}



#footer a {

	text-decoration: none;

	color: #CCCCCC;

	font-weight: bold;

	font-size: 12px;

	

}



#footer a:hover {

	text-decoration: underline;

}



#addressfooter{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

	background-color: #FFFFFF;

	text-align: center;

	padding-top: 10px;

	padding-bottom: 10px;

	width: 990px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}





/*//////////// Testimonials ////////////////*/	

.commentbox{

	background-color: #ececec;

	width: 480px;

	padding: 10px;

	background-image: url(http://www.backboneitgroup.com/images/around2.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}



.commentfooter{

	background: url(http://www.backboneitgroup.com/images/arrow.gif) no-repeat 20px;

	padding-left: 58px;

	padding-top: 1px;

	margin-bottom: 2em;

	font-size: 90%;

	color: #4A4A4A;

	width: 400px;

}



.border {

	border: 1px solid #333333;

}

.noborder{

	border: none;

}

.versign{

	vertical-align: middle;

	width: 135px;

}



.iso{

	display: block;

	overflow: visible;

	visibility: visible;

	z-index: 80;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8px;

	background-color: #EAEAEA;

	text-align: center;

	font-weight: bold;

	padding-right: 5px;

	padding-left: 5px;

	border: 1px solid #333333;

	height: 80px;

	width: 134px;

}



.graphic_design{

	padding: 10px;

	border: 1px solid #999999;

}





.iView-multimedia{

	float: left;

	padding-right: 20px;

}





.tesLogoimg{

	margin: 0px;

	float: left;

	padding-right: 10px;

}





.jobslogo{

	margin: 0px;

	padding-right: 10px;

	padding-bottom: 35px;

	float: left;

}



.BiTlogo{

	background-image: url(http://www.backboneitgroup.com/images/logo_sample2.gif);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0px;

	padding: 0px;

	height: 80px;

	width: 107px;

	display: block;

	position: absolute;

	top: 43px;

	left: 20px;

	overflow: visible;

	visibility: visible;

	z-index: 80;

}





.Chinese{

	float: left;

	margin-right: 10px;

}



.rss{

text-decoration: none;

	color: #325894;

}





a.light {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	font-weight: normal;

}



a.light:hover {

	text-decoration: none;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333333;

	

}

.entry ul{ list-style-position: outside;
list-style-image: url(http://www.backboneitgroup.com/blog/wp-content/uploads/bluebullet.gif);
list-style-type: square;}


/* --- New Stuff ---*/
.widgettitle {
	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #666666;
	}