/* CSS Document */

body
{
	background:url(../images/flint_layout_bg.jpg) repeat-x top;
	background-color:#fff;
	font-family: "Lucida Sans", Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	color:#333;
}

p, ul {line-height:1.5; text-align:justify; font-size:1.2em;}
p.frontpage { line-height: 1.4; font-size:1.1em; color:#666666;}
#wrapper
{
	width:770px;
	margin:10px auto 0 auto;
	border:1px solid #999;
	padding:1px;
	background-color:#fff;
}

#banner 
{
	height:100px;
	margin:0 auto;
	text-align:center;
	width:770px;
	position:relative;
}

#flash_banner {	position:absolute; top:30px; left:200px; }

div#banner_menu {position:absolute; top:8px; right:7px;}
div#banner_menu a {}

div.mainnav {	
	font-family: 'Lucida Grande',Verdana, Arial, Sans-Serif;
	background:repeat-x url('../images/flint_menu.gif');
	width:100%;
	height:23px;
	padding:10px 0 12px 0;
	font-weight:normal;
	text-align:center;
	margin:0 0 10px 0;
}
div.mainnav ul {margin:0; font-size: 1.7em; text-align:center;}
div.mainnav ul li {list-style:none; display:inline; padding:0 10px; border-right:1px #eee solid;}
div.mainnav ul li.lastitem {border-right:none;}
div.mainnav ul li a {color:#ffffff; font-weight:normal; text-decoration:none;}
div.mainnav ul li.current_page_item a {color:#00cc33;}
div.mainnav ul li a:hover {text-decoration:none; color:#FF6F19;}



div.sidenav ul {margin:0;padding:0; 	font-size:2em;}

#sidebar div.sidenav ul li {
	margin:0; padding:0;
	font-family: 'Lucida Grande',Verdana, Arial, Sans-Serif;
	font-weight:bold; 
}
div.sidenav ul li.page_item a {color:#006699;}
div.sidenav ul li.current_page_item a {color:#00cc33;}
div.sidenav ul li a:hover {text-decoration:none; color:#00cc33;}

#main
{
	width:770px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#sidebar
{
	padding: 0 0 0 20px;
	margin: 0;
	width:190px;
	float:right;
	display:inline;
}

.sbslogos {width:200px; margin:0 20px 0 0;}

.sbsmenu {width:180px; margin:0;}
.sbsmenu ul { list-style:none; line-height:2em; padding:0; margin:0 0 0 1em;}
.sbsmenu ul li a {text-decoration:none; color:#006699; font-weight:bold;}
.sbsmenu ul li a:hover {text-decoration:underline;}

.webdesignmenu {width:180px; margin:0;}
.webdesignmenu ul { list-style:none; line-height:2em; padding:0; margin:0 0 0 1em;}
.webdesignmenu ul li a {text-decoration:none; color:#00cc33; font-weight:bold;}
.webdesignmenu ul li a:hover {text-decoration:underline;}
.floatleft {float:left;}

div.thinline {border-top:1px solid #eee; line-height:1px;}

h1, h2, h3, h4, h5, h6, h7 {color:#CC3300; margin-top:0.5em;}

h1 {font-size:1.4em; }
h2, h3 {font-size:1.2em;}
h4, h5, h6, h7 {font-size:110%;}

h1.websites, h2.websites, h3.websites {color:#00CC33; text-align:left;}
h1.computers, h2.computers, h3.computers {color:#006699; text-align:left;}

h1.titles {
	height:32px;
	text-indent:-500em;
}

h2.titles { color:#444; font-size:140%; font-weight:bold; font-family:"lucida sans"} 

h1.who { background:url(../images/titles_who.gif) center no-repeat; }
h1.what { background:url(../images/titles_what.gif) center no-repeat; }
h1.why{ background:url(../images/titles_why.gif) center no-repeat; }
h1.small { background:url(../images/titles_small.gif) center no-repeat; }
h1.med { background:url(../images/titles_med.gif) center no-repeat; }
h1.web { background:url(../images/titles_web.gif) center no-repeat; }

.leftimage{
	float: left;
	margin: 5px 5px 5px 0px;
	border: 1px solid #000000;
}

.leftimage-noborder
{
	float: left;
	margin: 0px 10px 0px 0px;
	border: 0px solid #000000;
}

.rightimage{
	float: right;
	margin: 5px 0px 5px 5px;
	border: 1px solid #000000;
}

a.computer {color:#006699; text-decoration:underline; font-weight:bold;}
a.websites {color:#00cc33; text-decoration:underline; font-weight:bold;}
a {color:#006699; text-decoration:underline; font-weight:bold;}
a:hover {text-decoration:none;}

ul {line-height:1.5;}

form p {line-height:1.2;}

.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}

#left {padding:0 10px 0 10px; margin-right:10px; width:180px; float:left; display:inline;}
#middle {padding:0 10px 0 10px; margin-right:10px; width:530px; float:left; display:inline;}
#middle_narrow {padding:0 10px 0 10px; margin-right:10px; width:310px; float:left; display:inline;}
#right {padding:0 10px 0 10px; width:200px; float:left; display:inline;}
.clearit {clear:both; height:1%;}

div.left33 {padding:0 10px 0 10px; margin-right:10px; width:270px; float:left; display:inline;}
div.right33 {padding:0 10px 0 10px; margin-right:10px; width:270px; float:left; display:inline;}
div.farright33 {padding:0 10px 0 10px; width:150px; float:left;  display:inline;}
.clearit {clear:both; height:1%;}
h1.sbs, h2.sbs {color:#006699; text-align:center;}
h1.web, h2.web {color:#00cc33; text-align:center;}
h1.sbs a {color:#006699;}
h1.web a {color:#00cc33; }
h1.sbs a:hover, h1.web a:hover {}

div.home_web {background:url(../images/bgs_web.jpg) no-repeat top left;}
div.home_sbs {background:url(../images/bgs_sbs.jpg) no-repeat top left;}
div.home_test {background:url(../images/bgs_test.jpg) no-repeat top left;}
div.footerrule {clear:both; line-height:1%; height:1px; border-top:3px solid #000; border-bottom:6px solid #FF6F19; width:100%;}
div.footerrule2 {clear:both; line-height:1%;  width:100%; } 
div.footerrule2 img.peopleready {float:right;}
div.footer {}
div.footer p {margin:0; padding-top:0px; padding-left:10px; font-size:90%;}
div.footer p.copy {float:left;}
div.footer p.seo {float:right;}
div.footer p.microsoft { margin:0; padding-top:30px;}

div.locations {text-align:center; padding:10px 0 0 0; margin:10px 0 0 0; line-height:1;} 
div.locations ul {text-align:center; padding:0; margin:0;}
div.locations ul li {list-style:none; display:inline; font-size:0.75em; padding:0 0.5em; margin:0;line-height:1;}
div.locations ul li a {text-decoration:none;}
div.locations ul li a:hover {text-decoration:underline;}

ul.sbs, ul.web {padding-left:0em; margin-left:0.5em;}
ul.web li {list-style:none; padding-left:1.5em; background:no-repeat top left url(images/bullets_blue.jpg);}
ul.sbs li {list-style:none;  padding-left:1.5em; background:no-repeat top left url(images/bullets_green.jpg);}

div.flexibleworking {margin:0 10px; width:220px; background:url(../images/homepagelayout_sbs.jpg) no-repeat top left; padding:0 20px 10px 10px; font-size:90%; height:302px;}
div.flexibleworking p {margin-top:0;}
div.flexibleworking h1 {text-indent:-700em;height:3.5em; margin:0; padding:0;}

div.ecommerceladder {margin:0 10px; width:220px; background:url(../images/homepagelayout_web.jpg) no-repeat top left; padding:0 20px 10px 10px; font-size:90%; height:302px;}
div.ecommerceladder p {margin-top:0;}
div.ecommerceladder h1 {text-indent:-700em;height:3.5em; margin:0; padding:0;}
div.web h1 a {text-decoration:none;}

a img {border:none;}

#test_btm {clear:both;}
#test_btm div.thumbs {float:left; margin-right:10px;}
div.testimonial {border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:5px; float:left; width:45%; margin:2%; text-align:left;}

div#menu_left {width:150px; float:left; padding:0 10px;}
div#menu_left a {color:#006699; text-decoration:underline;}
div#menu_left a:hover { text-decoration:none;}

div#content {width:579px; float:right; border-left:1px solid #ccc; padding:0 10px;}
div#content_inner_right {width:140px; float:right; padding-left:10px;}
div#content_inner_left {width:418px; float:left; border-right:1px solid #ccc; padding-right:10px;}

#menu_left ul { list-style-type:none; padding:0 0 0 15px; margin:0; text-indent:0; font-size:1.1em;}
#menu_left ul li {list-style-image:url(../images/bullet.jpg); padding:0 0 10px 0;}
div.logos {clear:both; text-align:left;}

#content h1 {border-bottom:1px solid #ddd; padding: 3px 0 3px 10px; border-left:10px solid #ddd;}
#content h2 {border-bottom:1px solid #ddd; padding: 2px 0 2px 5px; border-left:5px solid #ddd;}

table.frontpage {border:0;}
table.frontpage tr td {border:1px solid #ccc;}
table.frontpage tr td h1 {color: #fff; background-color:#FF6F19; margin:1px; padding:2px; text-align:center;}
table.frontpage tr td p {margin:10px;}

#menu_left h1 a {color:#CC3300; text-decoration:none;}
div.casestudy img {float:left; margin-right:10px;}
div.casestudy { clear:both; padding-top:10px}
div.casestudyside {font-size:90%; text-align:center; border:1px solid #ccc; padding:5px;}
div.casestudyside p {text-align:center; margin:0;}

#content_inner_right p.small {font-size:110%; background-color:#666; border:1px solid #333; color:#FFFFFF; padding:5px;}

div.mozyfactsheet {font-size:90%; text-align:center; border:1px solid #ccc; padding:5px;}
div.mozyfactsheet p {text-align:center; margin:0;}

#supporttable table tr.tablerow_a {background-color:#CCC;}
#supporttable table tr.tablerow_b {background-color:#fff;}
#supporttable p {margin-left:10px;}