/********************************************
* Dreammakers: Micehle Hunt 
* Designed by A. Irengba
* Developed by Ton Nao
* Modified by A. Irengba
* http://www.greypathsolutions.com
* Created on 26/04/08
* 
********************************************/



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	
}

#wrap
{
	
	height: auto;
	width: 920px;
	text-align:left;
	
}
.ie6 #wrap
{
	
	height: auto;
	width: 920px;
	text-align:left;
	
	
}

.ie7 #wrap
{
	
	height: auto;
	width: 920px;
	text-align:left;
	
}

.gecko #wrap
{
	
	min-height:614px;
	width: 920px;
	text-align:left;
	
}

.box
{
	height: 10px;
	width: auto;
}

ul#menu
{
	padding: 0;
    float: left; 
	width: 100%;	/*display: inline;*/
	margin: 0;
	 
}

ul#menu li
{
	display: inline;
	
}

ul#menu  #tab0
{
	background: url(../images/Dreammakers_logo.jpg);
	width:190px;
	height:87px;
	float: left;
	
}

ul#menu  #tab0 a
{
	
	width:119px;
	height:40px;
	float: left;
	text-align:center;
	padding-top:30px;
	
}


ul#menu  #tab1
{
	background: url(../images/drm_btn.jpg);
	width:119px;
	height:87px;
	float: left;
	
}

ul#menu  #tab1 a
{
	width:119px;
	height:40px;
	float: left;
	text-align:center;
	padding-top:36px;
	font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
}

ul#menu  .tab2
{
	background: url(../images/drm_btn1.jpg);
	width:121px;
	height:87px;
	float: left;
	
}

ul#menu  .tab2 a
{
	
	width:121px;
	height:40px;
	float: left;
	text-align:center;
	padding-top:36px;
	font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	
}

ul#menu  .tab3
{
	background: url(../images/drm_btn2.jpg);
	width:121px;
	height:87px;
	float: left;
	
}

ul#menu  .tab3 a
{
	
	width:121px;
	height:40px;
	float: left;
	text-align:center;
	padding-top:36px;
	font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	
}

ul#menu  .tab31
{
	background: url(../images/drm_btn3.jpg);
	width:141px;
	height:87px;
	float: left;
	
}
ul#menu  .tab31 a
{
	
	width:141px;
	height:40px;
	float: left;
	text-align:center;
	padding-top:36px;
	font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	
}

ul#menu  .tab32
{
	background: url(../images/drm_btn4.jpg);
	width:104px;
	height:87px;
	float: left;
	
}
ul#menu  .tab32 a
{
	
	width:104px;
	height:40px;
	float: left;
	text-align:center;
	padding-top:36px;
	font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	
}

ul#menu  #tab4
{
	background: url(../images/drm_btn5.jpg);
	width:121px;
	height:87px;
	float: left;
	
}

ul#menu  #tab4 a
{
	
	width:121px;
	height:40px;
	float: left;
	text-align:center;
	padding-top:36px;
	font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	
}


#banner
{
	width: 100%;
	float: left; 
	width:920px;
	
	
}
#banner #leftspacer
{
	height: 163px;;
	width: 17px;
	float: left; 
	
}

#banner #middlespacer
{
	min-height: auto;
	width: 737px;
	float: left; 
	
}

#banner #middlespacer #topleftcorner {
    width:9px;
	text-align:left;
	height:163px;
	float:left;
	background:url(../images/lft_bar.gif);
}

#banner #middlespacer #topmiddlebar{
	width:728px;
	text-align:left;
	height:163px;
	float:left;
	background-image: url(../images/rpt_bar.gif);
	background-repeat: repeat-x;
}

#banner #middlespacer #topmiddlebar #michele{
	width:100%;
	text-align:left;
	height:163px;
	float:left;
}

#banner #middlespacer #topmiddlebar #michele #name{
	width:183px;
	text-align:left;
	height:24px;
	float:left;
	margin-left:34%;
	margin-top:25px;
}

.ie6 #banner #middlespacer #topmiddlebar #michele #name{
	width:183px;
	text-align:left;
	height:24px;
	float:left;
	margin-left:17%;
	margin-top:25px;
}

#banner #middlespacer #topmiddlebar #michele #description{
	width:506px;
	text-align:left;
	height:33px;
	float:left;
	margin-left:80px;
	margin-top:25px;
}

.ie6 #banner #middlespacer #topmiddlebar #michele #description{
	width:506px;
	text-align:left;
	height:33px;
	float:left;
	margin-left:900px;
	margin-top:25px;
}

.ie6 #banner #middlespacer #topmiddlebar #michele #description{
	width:506px;
	text-align:left;
	height:33px;
	float:left;
	margin-left:36px;
	margin-top:25px;
}

#banner #middlespacer #topmiddlebar #michele #michelenav{
	width:387px;
	text-align:left;
	height:22px;
	float:left;
	margin-left:130px;
	margin-top:27px;
}

.ie6 #banner #middlespacer #topmiddlebar #michele #michelenav{
	width:387px;
	text-align:left;
	height:22px;
	float:left;
	margin-left:65px;
	margin-top:27px;
}
/*
#banner #middlespacer #toprightcorner{
 width:45px;
 text-align:left;
 height:19px;
 float:left;
 background:url(../images/top-right-cnr.gif);

}

#banner #middlespacer #middlebar{
 width:737px;
 text-align:left;
 height:125px;
 float:left;
 background:#9d3c29;

}

#banner #middlespacer #middlebar #mcontent{
 width:80%;
 text-align:left;
 height:100px;
 float:left;


}
*/
#banner #mimage{
	width:149px;
	text-align:left;
	height:163px;
	float:left;
	
}

/*#banner #middlespacer #bottomleftcorner{
 width:45px;
 text-align:left;
 height:19px;
 float:left;
 background:url(../images/bottom-left-cnr.gif);

}

#banner #middlespacer #bottommiddlebar{
 width:692px;
 text-align:left;
 height:19px;
 float:left;
 background:#9d3c29;
}

#banner #middlespacer #bottomrightcorner{
 width:45px;
 text-align:left;
 height:19px;
 float:left;
 background:url(../images/bottom-right-cnr.gif);
}


#banner #rightspacer
{
	height: 163px;
	width: 17px;
	float: left; 
	
}


#banner #rightspacer #rightfill
{
	height: 100px;
	width: 17px;
	float: left;
	background:#cdba9c;
	
}
*/

#content
{
	width: 100%;
	min-height: 300px;
	height:auto !important;
	height: 300px;
	float: left;
	margin-top: 10px;
	padding-bottom:10px;
}

 #content .left
{
	min-height: 328px;
	width: 31%;
	float: left;
	padding-right: 10px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebdb8;	
	height:auto;
}

.ie7 #content .left
{
	min-height: 380px;
	width: 31%;
	float: left;
	padding-right: 10px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebdb8;	
	height:auto;
}

.gecko #content .left 
{
	min-height: 380px;
	width: 31%;
	float: left;
	padding-right: 10px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebdb8;	
	height:auto;
}

.ie6 #content .left
{
	min-height: 300px;
	width: 31%;
	float: left;
	padding-right: 10px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebdb8;
	height:auto;
}

#content .left #heading
{
	width: 100%;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:18px;
	font-weight: bold;
	text-decoration: none;
	color: #DD9E69;
	
}

#content .left #heading2
{
	height: auto;
	width: 91%;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height:17px;
	font-weight: bold;
	text-decoration: none;
	color: #DD9E69;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bebdb8;
	margin: 10px 0 0 0;
	
}

/*.gecko #content .left h2
{
	height: auto;
	width: 91%;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:18px;
	font-weight: bold;
	text-decoration: none;
	color: #DD9E69;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bebdb8;
	
}
*/
#content .left #aboutdreammakers
{
	width: 100%;
	height:auto;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height:17px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	margin-top:8px;
}

#content .left #more
{
	text-align:right;
	margin: 4px 0 0 0;
}

#content .left #imagespan
{
	background-position: center;
	margin: 14px 0 0 16px;
}

#content .left1
{
	height: 1px;
	width: 100%;
	float: left;
	background-image: url(../images/x.jpg);
	background-repeat: repeat-x;
	
}

#content .middle
{
	height: 388px;
	width: 31%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebdb8;
	
}

.ie7 #content .middle
{
	height: 380px;
	width: 31%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebdb8;
	
}

.gecko #content .middle
{
	height: 380px;
	width: 31%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebdb8;
	
}

.ie6 #content .middle
{
	height: 328px;
	width: 31%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebdb8;
	
}

#content .middle #mheading
{
	width: 100%;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:18px;
	font-weight: bold;
	text-decoration: none;
	color: #DD9E69;
	
}


#content .middle h2
{
	height: auto;
	width: 100%;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #DD9E69;
	
}

#content .middle #mywork
{
	width: 100%;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height:17px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	margin: 8px 0 0 0;
	
}

#content .middle #mmore
{
	text-align:right;
	margin: 4px 0 10px 0;
}

#content .middle #contact
{
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
	color: #244647;
	text-decoration: none;
}

#content .middle #leadership
{
    width: 100%;
	float: left;
}

.limage
{
	width: 6%;
	height: 15px;
	float: left;
	background-repeat: no-repeat;
	margin: 0 0 4px 10px;
	background-image: url(../images/Dream_bullet.jpg);
	background-position: left center;
}

.ltext
{
	width: 89%;
	float: left;
	margin: 0 0 4px 2px;
	height: 15px;
	vertical-align:top;
	overflow: visible;
}

.ie6 .ltext
{
	width: 80%;
	float: left;
	margin: 0 0 4px 2px;
	height: 15px;
	vertical-align:top;
	overflow: visible;
}
.rimage
{
	width: 6%;
	height: 18px;
	float: left;
	background-repeat: no-repeat;
	margin: 0 0 4px 10px;
	background-image: url(../images/Dream_bullet.jpg);
	background-position: left;
}

.rtext
{
	width: 89%;
	float: left;
	margin: 0 0 4px 2px;
	height: 25px;
	vertical-align:top;
	overflow: visible;
}

.ie6 .rtext
{
	width: 80%;
	float: left;
	margin: 0 0 4px 2px;
	height: 25px;
	vertical-align:top;
	overflow: visible;
}

#content .right
{
	height: 358px;
	width: 30%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	
}

.ie7 #content .right
{
	height: 350px;
	width: 30%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	
}

.ie6 #content .right
{
	height: 328px;
	width: 30%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	
}

.gecko #content .right
{
	height: 350px;
	width: 30%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	
}

#content .right #rheading
{
	height: auto;
	width: 100%;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:18px;
	font-weight: bold;
	text-decoration: none;
	color: #DD9E69;
	
}

#content .right #rmore {

  text-align:left;
  font-size: 11px;
  font-style:italic;
  margin: 2px 16px 0 30px;
}

#content .right #rmorei {

  text-align:right;
  margin: 0 18px 0 0;
}

#content .right #powerofdreammakers {
  
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}

#content .right h2
{
	height: auto;
	width: 100%;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #DD9E69;
	
}

#content .right p
{
	width: 100%;
	height:auto;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height:17px;
	text-decoration: none;
	color: #000000;
	text-align: justify;	
	
}

#content .right #rimage
{
	background-position: center;
	margin: 30px 0 0 10px;
}
#greypath
{
    width:18%;
	float:right;
	color: #707070;
	height: 24px;
	margin-top:0 0 0 0;
	margin-bottom:0px;
}

.greypathtitle {
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #707070;
	text-decoration: none;
	font-weight: normal;
}