@charset "UTF-8";
body  {
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;
	font-size:13px;
	line-height: 17px;
	background-color: #eee;
}

a {
   color: #50B948;
   text-decoration: none;
}

a:hover {
   color: #006600;
   text-decoration: none;
}

img {
  border: none;
  text-decoration: none;
  padding: 0; margin: 0;
}

img a:link, a:visited, a:hover {
	border: none;
	text-decoration: none;
	padding: 0; margin: 0;
}

p {
	margin: 0px;
	padding:0px;
	color: #666;
}

h1 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 30px;
  margin-top: 0px;
  padding:0px;
  color: #000;
}

h2 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size: 15px;
  line-height: 19px;
  margin:0px;
  padding:0px;
  color: #000;
}

h4	{padding: 0; margin: 0;}



/*--------------------------------------- Wrapper/Container */

#wrapper { 
	width: 1000px;
	height: 100%;
	background: #fff;
	margin: 0 auto;
	border: 0px solid #000000;
    text-align: left;
}

#container { 
	width: 960px;
	background: #fff;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
} 


/*--------------------------------------- Home columns */

#container-home { 
	width: 960px;
	clear:both;
	padding-bottom:20px;
	background-color:#fff;
	position:relative;
} 

#introcopy {
	float: left;
	border: 0px;
	width: 225px;
	padding-bottom:20px;
	position:relative;
}


#homeflash {
	width: 715px;
	float: right;
	text-align: left;
	padding-bottom:20px;
	clear:none;
	position:relative;
}

#mib_logo_wrapper	{margin:0; padding: 0 0 20px 0; text-align: left; float: left; width: 960px;}
.mib_logos	{padding: 0 36px 0 0; margin: 0; float: left;}
.accred_logos	{float: right; padding: 0 0 0 20px; margin: 0;}

#addthis	{float: right; padding: 0; margin:0;}

.divider	{padding: 0; margin: 0; clear: both;}



/*--------------------------------------- 4 boxes */

#container-sidebar { 
	width: 960px;
	margin:0px;
	clear:both;
	position:relative;
} 


#sidebar1 {
	float: left;
	width: 225px;
	padding-top:20px;
	padding-right:20px;
}

#sidebar2 {
	float: left;
	width: 225px;
    padding-top:20px;
	padding-right:20px;
}

#sidebar3 {
	float: left;
	width: 225px;
    padding-top:20px;
}

#sidebar4 {
	float: right;
	width: 225px;
    padding-top:20px;
}


/*--------------------------------------- 6 boxes */

#container-sidebar2 { 
	width: 715px;
	margin:0px;
	clear:both;
	position:relative;
} 

#container-sidebar3 { 
	width: 715px;
	margin:0px;
	clear:both;
	position:relative;
} 


#sidebar1b {
	float: left;
	width: 225px;
	padding-top:20px;
	padding-right:20px;
}

#sidebar2b {
	float: left;
	width: 225px;
    padding-top:20px;
	padding-right:20px;
}

#sidebar3b {
	float: right;
	width: 225px;
    padding-top:20px;
}


#sidebar4b {
	float: left;
	width: 225px;
	padding-top:20px;
	padding-right:20px;
}

#sidebar5b {
	float: left;
	width: 225px;
    padding-top:20px;
	padding-right:20px;
}

#sidebar6b {
	float: right;
	width: 225px;
    padding-top:20px;
}



/*--------------------------------------- 3 col */

#container-threecol { 
	width: 960px;
	margin:0px;
	padding:0px;
	position:relative;
} 


#threecol1 {
	float: left;
	width: 225px;
	background-color: #fff;
	text-align: left;
	margin-right:20px;
}


#threecol2 {
	float: left;
	width: 470px;
	background-color: #fff;
	text-align: left;
	margin-right:20px;
}

#threecol2b {
	float: right;
	width: 715px;
	background-color: #fff;
	text-align: left;
}


#threecol3 {
	float: right;
	width: 225px;
	background-color: #fff;
	text-align: left;
}

#largecopy {
	font-size:18px;
	line-height: 24px;
}


#threecol2 ol {
  padding-left:18px;
  margin: 0px;
}

#threecol2 li {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
}


#threecol2 ul {
  padding-left:18px;
  margin: 0px;
}

/* Homepage */
#home_wrapper	{padding: 0; margin: 0; width: 960px; float: left; background: #FFF url(../images/news_bg.png) repeat-y;}
#news	{width: 470px; margin: 0 20px 0 0; padding: 0; background-color: #EEE; float: left;}
.news_item	{margin: 10px; padding: 10px; background-color: #FFF;}
#animation	{width: 470px; margin: 0; padding: 0; background: #EEE; float: left;}
#home_divider	{height: 1px; padding: 0; margin: 0; clear: both;}

.subheading {
	background-image:url(../images/heading_selectedprojects.jpg);
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	color:#fff;
	font-weight:normal;
	margin: 0;
}

/*--------------------------------------- Primary navigation */


#primarynav {
	color: #fff;
	position: relative;
	margin-left: 0px;
	margin-bottom: 20px;
	border-bottom: #aaa solid 1px;
	padding-bottom:5px;
	background-color: #fff;
}

#primarynav ul li {
	display: inline;
	padding: 0px 36px 0px 0px;
	margin-bottom: 20px;
}


/*--------------------------------------- Secondary navigation */


#secondarynav {
	float: left;
	width: 225px;
	color: #fff;
	background-color: #fff;
	margin-bottom: 0px;
	color:#aaa;
	margin-top:20px;
}

#secondarynav li {
	border-bottom: #ddd solid 1px;
	padding-bottom:5px;
}


#secondarynav ul li {
	display:block;
	background-image:url("../images/arrow01.gif");
	background-repeat:no-repeat;
	background-position:3px 4px;
	padding:0px 10px 10px 15px;
	margin-bottom: 5px;
}


#secondarynav1b {
	float: left;
	width: 225px;
	color: #fff;
	background-color: #fff;
	margin-bottom: 0px;
	color:#D0E555;
	margin-top:20px;
}

#secondarynav1b li {
	border-bottom: #ddd solid 1px;
	padding-bottom:5px;
}


#secondarynav1b ul li {
	display:block;
	background-image:url("../images/arrow01b.gif");
	background-repeat:no-repeat;
	background-position:3px 6px;
	padding:0px 10px 10px 15px;
	margin-bottom: 5px;
}


#secondarynav2 {
	float: left;
	width: 225px;
	background-color: #fff;
	margin-bottom: 0px;
	color:#D0E555;
	margin-top:10px;
}

#secondarynav2 li {
	padding-bottom:5px;
}


#secondarynav2 ul li {
	display:block;
	background-repeat:no-repeat;
	background-position:3px 4px;
	padding:0px 15px 10px 15px;
	margin-bottom: 5px;
}



/*--------------------------------------- 21 boxes */

#container-client1 { 
	width: 715px;
	margin:0px;
	clear:both;
	position:relative;
} 

#container-client2 { 
	width: 715px;
	margin:0px;
	clear:both;
	position:relative;
}

#container-client3 { 
	width: 715px;
	margin:0px;
	clear:both;
	position:relative;
} 

#container-client4 { 
	width: 715px;
	margin:0px;
	clear:both;
	position:relative;
} 

#container-client5 { 
	width: 715px;
	margin:0px;
	clear:both;
	position:relative;
} 

#container-client6 { 
	width: 715px;
	margin:0px;
	clear:both;
	position:relative;
} 

#container-client7 { 
	width: 715px;
	margin:0px;
	clear:both;
	position:relative;
} 


#client1 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client2 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client3 {
	float: right;
	width: 225px;
	background: #fff;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}


#client4 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client5 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client6 {
	float: right;
	width: 225px;
	background: #fff;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client7 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client8 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client9 {
	float: right;
	width: 225px;
	background: #fff;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}


#client10 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client11 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client12 {
	float: right;
	width: 225px;
	background: #fff;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client13 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client14 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client15 {
	float: right;
	width: 225px;
	background: #fff;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}


#client16 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client17 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client18 {
	float: right;
	width: 225px;
	background: #fff;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client19 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client20 {
	float: left;
	width: 225px;
	background: #fff;
	padding-right: 15px;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}

#client21 {
	float: right;
	width: 225px;
	background: #fff;
	text-align: left;
	position:relative;
	margin-bottom:15px;
}



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

.small { 
   font-size:10px;
   line-height: 14px;
   margin-bottom: 30px;
   padding:0px;
}

#projectmargin {
	margin-top:95px;
	margin-bottom:40px;
	width: 225px;
}

#largecopy {
	font-size:18px;
	line-height: 24px;
}

#selectedproj_heading {
	background-image:url(../images/heading_selectedprojects.jpg);
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	color:#fff;
	font-weight:normal;
	margin-top:20px;
}



#numbers {
	padding-left:20px;
	width:475px;
}

#numbers ol,li {
	padding-top:5px;
	padding-bottom:5px;
}



/*--------------------------------------- Testimonials */

.commentbox{
background-color: #eeeeee;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(../images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


/*--------------------------------------- Subscribe */

#subscribebox {
	padding: 8px;
	background: #fff;
	border:solid 1px #ddd;
}

#subscribe_heading {
	background-image:url(../images/heading_subscribe.jpg);
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	color:#fff;
	font-weight:normal;
}


/* Form
----------------------------------------------- */

.formtext {
	width: 440px;
	height: 20px;
	background: #fff;
	border: 1px solid #e3e3e3;
}


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

#footer { 
   font-size:10px;
   line-height: 14px;
   margin:0px;
   padding:0px;
   margin-bottom:20px;
}

#footer p { 
   margin:0px;
   padding:0px;
}

.floatright {
   float:right;
}


/* Gallery pagination
----------------------------------------------- */
#gallerypaginate { 
   margin-top:10px;
}

#gallerypaginate2 { 
   margin-bottom:10px;
}


/* Download section screenshots
----------------------------------------------- */
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}


/* Temp
----------------------------------------------- */	
#temp{
	padding:10px;
}