/*  

Theme Name: Making Spaces Design

Theme URI: www.makingspaces.com.au/

Description: This is our theme for MSD (www.makingspaces.com.au)

Version: 1.0

Author: MSD 

Author URI: www.makingspaces.com.au/

*/





body                           { margin:0px; padding:0px; background:url('http://makingspaces.info/msd/wp-content/uploads/2009/11/body-bg.png') left top repeat-x #F1F1F1;}





#header-block                  { margin:0px auto; padding:0 3px 0 1px; width:1036px;}



#header                        { margin:0px; padding:0px; float:left; width:1032px; height:219px; background:url('images/hader-bottom-shadow.jpg') bottom center no-repeat;}



#logo                          { margin:0px; padding:62px 0 0 0px; float:left; width:575px; height:130px; background:url('http://makingspaces.info/msd/wp-content/uploads/2009/11/logo-bg.jpg') top right no-repeat; }

#logo img                      { margin:0px; padding:0px; float:left; border:none;}

#topNav                        { margin:0px; padding:0px; float:left; width:450px;}

#topNav ul                     { margin:0px; padding:0px; float:left; width:450px; height:190px;}

#topNav ul li                  { margin:0px; padding:0px; float:left; list-style:none; height:190px;}

#topNav ul li img              { border:none; float:left;}

#topNav ul li ul               { margin:0px; padding:0px; float:left; list-style:none; height:190px;}



#container-block               { margin:0px; padding:5px 0 38px 0px; float:left; width:100%; background:url('http://makingspaces.info/msd/wp-content/uploads/2009/11/container-bottom-shadow1.png') bottom center no-repeat; }

#container                     { margin:0px auto; padding:0px; width:1036px;  border:1px solid #C8C7C7; border-bottom-width:0px; background:url('images/container-bg.jpg') left top repeat-x #C7C6C6;}



#home-left-block               { margin:0px; padding:35px 20px 20px 30px; width:410px; float:left;}

#home-left-block h1            { margin:0px; padding:0 0 10px 0px; width:410px; float:left; font:normal 18px/25px Arial, Helvetica, sans-serif; color:#375762;}

#home-left-block p             { margin:0px; padding:15px 0 0 0; width:410px; float:left; font:normal 12px/17px Arial, Helvetica, sans-serif; color:#375762;}

#home-left-block ul            { margin:0px; padding:20px 0 10px 20px; width:370px; float:left; font:normal 12px/17px Arial, Helvetica, sans-serif; color:#375762;}

#home-left-block ul li         { margin:0px; padding:0px; font:bold 12px/22px Arial, Helvetica, sans-serif; color:#375762;}



#home-right-block              { margin:0px; padding:25px 0 0px 0px; width:560px;  float:left;}



.home-right-content            { margin:0px; padding:0px; width:560px; float:left; }

.home-right-content img        { margin:0px; padding:0 0 15px 0px; float:left; }



#form-block                    { margin:0 0 0 3px; padding:0px; float:left; width:566px; height:257px; background:url('images/form-bg.jpg') top center no-repeat;}

#form-block h2                 { margin:0px; padding:15px 0 0 30px; float:left; width:500px; }

#form-block h2 img             { margin:0px; padding:0px; float:left;}



#form-block fieldset                 { margin:0px; padding:18px 0 0 40px; width:500px; float:left; border:none; }

#form-block fieldset div             { margin:0px; padding:0 0 10px 0; width:250px; float:left; border:none; }

#form-block fieldset div label       { margin:0px; padding:0px; width:80px; float:left; border:none; }

#form-block fieldset div label img   { margin:0px; padding:5px 0 0 0px; float:left; border:none;  }

#form-block fieldset div input       { margin:0px; padding:5px 0 0 3px; width:145px; font:normal 12px/20px Arial, Helvetica, sans-serif; height:25px; float:left; border:none; background:url('images/text-field-bg.jpg') top left no-repeat;  color:#5E5E5E;}

#form-block p                        { margin:0px; padding:0 0 0 3px; width:520px; height:38px; float:left; border:none; }

#form-block p img                    { margin:0px; padding:17px 0 0 3px; float:right; border:none; }



.clear-all                     { clear:both;}

#footer-container              { margin:0px; padding:0px; float:left; width:100%; height:300px; background:url('http://makingspaces.info/msd/wp-content/uploads/2009/11/footercontainer-bg.png');}

#footer                        { margin:0px auto; padding:0px;  width:1000px; height:270px; background:url('images/footer-top-shadow.jpg') top center no-repeat;}





#recent-works                  { margin:0px; padding:55px 0 0 75px; width:350px; float:left;  }

#recent-works h3               { margin:0px; padding:0px; width:350px; float:left; }

#recent-works h3 img           { margin:0px; padding:0px; float:left; border:none; }

#recent-works p                { margin:0px; padding:0px; width:350px; float:left; }

#recent-works p img            { margin:0 8px 10px 0px; padding:0px; float:left; border:none;  }



#moreinfo                  { margin:0px; padding:55px 0 0 70px; width:200px; float:left;}

#moreinfo h3               { margin:0px; padding:0px; width:200px; float:left; }

#moreinfo h3 img           { margin:0px; padding:0px; float:left; border:none; }

#moreinfo p                { margin:0px; padding:0px; width:200px; float:left; }

#moreinfo p img            { margin:0 8px 10px 0px; padding:0px; float:left; border:none;  }



#followus                  { margin:0px; padding:55px 0 0 70px; width:150px; float:left; }

#followus h3               { margin:0px; padding:0px; width:150px; float:left; }

#followus h3 img           { margin:0px; padding:0px; float:left; border:none; }

#followus p                { margin:0px; padding:20px 0 0 0px; width:150px; float:left; }

#followus p img            { margin:0 8px 10px 0px; padding:0px; float:left; border:none;  }



#copyright                      { margin:0px; padding:0px 0 0 400px; float:left;  width:600px; height:20px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#BABABA; text-align:center;  }

#copyright ul                   { margin:0px auto; padding:0px 0 0 0px; width:600px; height:20px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#BABABA; text-align:center;  }

#copyright ul li                { margin:0px 5px; padding:0px 0 0 0px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#BABABA; text-align:center; float:left; list-style:none;  }

#copyright ul li a { text-decoration:none; color:#BABABA; }



.portfolio                 { margin:0px auto 0px auto; padding:0 0 20px 10px; width:990px;  /*border:1px solid #C8C7C7; border-bottom-width:0px;*/}



.samples                   { margin:0px; padding:20px; width:201px; float:left; }

.samples img               { margin:0px; padding:0px; float:left; border:none; }

.samples  span             { margin:0px; width:201px; float:left; text-align:left; font:normal 12px/25px  "Kozuka Gothic Pro M", "Kozuka Gothic Pro L", "Kozuka Gothic Pro B", "Trebuchet MS"; color:#6A6A6A;    }





.portfolio-item-page        { margin:0px auto 0px auto; padding:0 0 20px 0px; width:1010px;  }



.big-left-picture                  { margin:0px; padding:10px 0 0 15px; float:left; width:500px;}



#portfolio-detail                  { margin:0px; padding:0 0 0 20px; float:left; width:465px; height:200px; }

#portfolio-detail h1               { margin:0px; padding:15px 0 0 0px; float:left; width:450px; font:normal 28px/35px  "Kozuka Gothic Pro L", "Kozuka Gothic Pro M", "Kozuka Gothic Pro B", "Trebuchet MS"; color:#6A6A6A; text-align:left; }

#portfolio-detail h1 b              { font:normal 28px/35px  "Kozuka Gothic Pro B", "Trebuchet MS"; color:#6A6A6A; text-align:left; }



#portfolio-detail p                { margin:0px; padding:20px 0 0 0; float:left; width:450px; font:normal 13px/18px  "Kozuka Gothic Pro M", "Kozuka Gothic Pro L", "Kozuka Gothic Pro B", "Trebuchet MS"; color:#6A6A6A; text-align:left; }

#portfolio-detail p b              { font:normal 14px/18px "Kozuka Gothic Pro B", "Trebuchet MS"; color:#6A6A6A; text-align:left; }



#portfolio-detail p span.btn       { margin:30px 15px 0 0; padding:0; float:right; width:198px; height:46px; }

#portfolio-detail p span.btn img   { border:none;}





.general-subpage             { margin:0px auto 0px auto; padding:0 0 20px 10px; width:990px;  /*border:1px solid #C8C7C7; border-bottom-width:0px;*/}





#solution                     { margin:0px auto 0px auto; padding:0 0 20px 10px; width:990px;  /*border:1px solid #C8C7C7; border-bottom-width:0px;*/} 



#solution h1               { margin:0px; padding:15px 10px 0 10px; float:left; width:970px; font:normal 28px/35px  "Kozuka Gothic Pro L", "Kozuka Gothic Pro M", "Kozuka Gothic Pro B", "Trebuchet MS"; color:#3a3a3a; text-align:left; }  

#solution p                { margin:0px; padding:20px 10px 0 10px; float:left; width:970px; font:normal 13px/18px  "Kozuka Gothic Pro M", "Kozuka Gothic Pro L", "Kozuka Gothic Pro B", "Trebuchet MS"; color:#3a3a3a; text-align:left; }        

 

#solution p img            { margin:0px; padding:0px 5px 15px 20px; float:right; } 





#contact                    { margin:0px; padding:15px 10px 0 10px; float:left; width:990px;  color:#3a3a3a; text-align:left; }



.contact-address            { margin:0px; padding:20px 0 0 30px; width:280px; height:410px; float:left; background:url('http://makingspaces.info/msd/wp-content/uploads/2009/11/contact-divider.jpg') right top no-repeat; text-align:left; font:normal 13px/25px   Arial, Helvetica, sans-serif; color:#3a3a3a; } 

.contact-address p         { width:280px;  float:left;  }



.contact-address img        { border:none;}

.contact-address a          { text-decoration:none; color:#3a3a3a; }

.contact-address a:hover    { text-decoration:underline; color:#3a3a3a;  }

  

.contact-form               { margin:0px; padding:0px; width:660px; float:left; } 



.contact-form h1            { margin:0 70px 0; _margin:0 40px 0; padding:0px; width:500px; float:left; font:normal 23px/35px  "Kozuka Gothic Pro R", "Kozuka Gothic Pro M", "Kozuka Gothic Pro B", "Trebuchet MS"; color:#3a3a3a; text-align:left; background:url('http://makingspaces.info/msd/wp-content/uploads/2009/11/contact-head-bg.jpg') bottom left repeat-x; }

.contact-form h1 b          { font:normal 23px/35px  "Kozuka Gothic Pro B", "Kozuka Gothic Pro M", "Trebuchet MS"; color:#3a3a3a; text-align:left; }



div#form-elements                   { margin:0px; padding:0px; width:650px; float:left; }

div.form-elements-Left              { margin:0px; padding:0px; float:left; width:315px; }



div.form-elements-Left span            { margin:0px; padding:0px 0 0 70px; float:left; width:245px; } 

div.form-elements-Left span input      { margin:0px; padding:5px 0px; float:left; width:235px; height:21px; border:1px solid #8C8C8C; border-color:#8C8C8C #B4B4B4 #FEFEFE #B4B4B4; background:#dcdcdc; border-width:2px 2px 1px 2px; font:normal 13px/21px Arial, Helvetica, sans-serif; color:#555; }



div.form-elements-Right                 { margin:0px; padding:0 0 0 30px; float:left; width:245px; }

div.form-elements-Right span            { margin:0px; padding:0 0 10px 0px; float:left; width:245px; }

div.form-elements-Right span textarea   { margin:0px; padding:0px; float:left; width:235px; height:175px; border:2px solid #8C8C8C; border-color:#8C8C8C #B4B4B4 #FEFEFE #B4B4B4; background:#dcdcdc; font:normal 13px/31px Arial, Helvetica, sans-serif; color:#555; }

div.form-elements-Right span select     { margin:0px; padding:0px; float:left; width:235px; border:1px solid #8C8C8C; background:#dcdcdc; font:normal 13px/31px Arial, Helvetica, sans-serif; color:#555; }



div.contact-btn                   { margin:20px 70px 0; _margin:10px 40px 0; padding:0px; width:500px; float:left;  background:url('http://makingspaces.info/msd/wp-content/uploads/2009/11/contact-head-bg.jpg') top left repeat-x; }

div.contact-btn img               { margin:20px 0 0 0;   float:right; border:none; }

ul.more-info-links{
	margin:0;
	padding:0;
	list-style:none;
}

ul.more-info-links li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#b1b0b0;
	padding-bottom:4px;
	font-weight:bold;

}

ul.more-info-links li a{
	color:#b1b0b0;
	text-decoration:none;
}

.page {
	padding:15px 12px 15px 12px;
	font:normal 12px/17px Arial, Helvetica, sans-serif; 
	color:#375762;
}

.page h1{ 
	margin:0px;
	padding:0 0 10px 0px;
	font:normal 18px/25px Arial, Helvetica, sans-serif;
	color:#375762;
}