/*

	Willa Nordic
	
	Page design style sheet.

*/



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

#home div.headpuff	{height: 380px;}
#home div.content	{padding: 0 14px; background: url(../images/home/mainregion-bg.gif) top left;}
#home div.content div.mainregion	{padding: 0; width: 872px; border-top: 14px solid #fff; border-bottom: 14px solid #fff;}

#home div.content div.puff	{float: left; padding: 0 5px; width: 260px;}
#home div.content div.middle	{margin: 0 31px;}

/* CSS hack only for IE6 */
* html #home div.content div.middle { margin: 29px; }

#home div.puff ul	{list-style-type: none; margin: 0 0 10px 0; padding: 0;}
#home div.puff li	{margin: 13px 0 0 0; padding: 0;}
#home div.puff h3	{margin-bottom: 3px;}
#home div.puff h3 a	{color: #2b150c; text-decoration: none; border-bottom: 1px solid #fff;}
#home div.puff h3 a:hover	{text-decoration: none; border-color: #f1efe8;}
#home div.puff p    {margin: 15px 0 0 0;}



/* Stylegroups
--------------------------------------------------*/

#stylegroups div.headpuff	{height: 380px;}
#stylegroups div.content	{padding: 0; background: #fff;}
#stylegroups div.content div.mainregion	{padding: 25px; width: 850px;}
#stylegroups div.content div.mainregion div.stylegroups_columns	{background: url(../images/stylegroups/divider.gif) left top;}
#stylegroups div.content div.mainregion div.stylegroups_column	{float: left; margin-right: 51px; width: 129px;}
#stylegroups div.content div.mainregion div.stylegroups_column_lastone	{float: left; margin-right: 0; width: 129px;}

#stylegroups div.content div.mainregion h2	{font-size: 14px; background: url(../images/stylegroups/column_header.gif) right 2px no-repeat; color: #2b150c;}
#stylegroups div.content div.mainregion h2.current	{background: url(../images/stylegroups/column_header_current.gif) right 2px no-repeat;}



/* Stylegroup
--------------------------------------------------*/

/*
#stylegroup div.imagescontainer   {height: 360px; background: #f8f7f3;}
#stylegroup div.imagescontainer div.image   {float: left; width: 560px; height: 360px; overflow: hidden;}
#stylegroup div.imagescontainer div.browser {float: left; width: 340px; height: 360px; overflow: hidden;}
#stylegroup div.imagescontainer div.browser table   {margin: 0; border: 0;}
#stylegroup div.imagescontainer div.browser td  {margin: 0; padding: 0;}
#stylegroup div.imagescontainer div.browser a   {display: block; width: 60px; height: 60px; overflow: hidden;}
#stylegroup div.imagescontainer div.browser img {display: block; margin-left: -15px; height: 60px; border: 0;}
#stylegroup div.imagescontainer div.browser div {padding: 0 17px 0 30px;}
#stylegroup div.imagescontainer div.browser div span {float: right;}
*/

#stylegroup div.imagescontainer   {height: 375px; background: #f8f7f3;}
#stylegroup div.imagescontainer div.flash   {float: left; width: 900px; height: 375px; overflow: hidden;}
#stylegroup div.imagescontainer div.image   {float: left; width: 585px; height: 375px; overflow: hidden;}
#stylegroup div.imagescontainer div.browser {float: left; width: 315px; height: 375px; overflow: hidden;}
#stylegroup div.imagescontainer div.browser table   {margin: 0; border: 0;}
#stylegroup div.imagescontainer div.browser td  {margin: 0; padding: 0 0 3px 3px;}
#stylegroup div.imagescontainer div.browser a   {display: block; width: 60px; height: 60px; overflow: hidden;}
#stylegroup div.imagescontainer div.browser img {display: block; margin-left: -15px; height: 60px; border: 0;}
#stylegroup div.imagescontainer div.browser div {padding: 0 17px 0 30px;}
#stylegroup div.imagescontainer div.browser div span {float: right;}



/* Gallery
--------------------------------------------------*/

#gallery div.content	{padding: 0; background: #fff;}
#gallery div.content div.mainregion	{margin: 0; padding: 0; width: 600px; height: 400px; overflow: hidden;}
#gallery div.content div.rightregion	{float: left; margin: 0; padding: 30px 35px; width: 230px;}

#gallery div.content div.slidercontainer	{padding: 10px 23px 10px 27px; width: 850px; height: 70px; border-top: 1px solid #f1efe8; overflow: hidden;}



/* Sketches
--------------------------------------------------*/

#sketches div.slidercontainer	{padding: 20px; width: 860px; height: 210px; background: #f8f7f3; overflow: hidden;}



/* News
--------------------------------------------------*/

#news ul.newslist   {list-style-type: none; margin: 25px 0 0 0; padding: 0;}
#news ul.newslist li    {margin: 15px 0 0 0;}
#news ul.newslist span  {color: #666;}
#news p.archivelink {margin: 20px 0 0 0; padding-top: 20px; border-top: 1px solid #f1efe8;}



/* Ordinary web page with divider
--------------------------------------------------*/

ul.rightmenu    {list-style-type: none; margin: 0; padding: 0;}
ul.rightmenu li {margin: 0 0 6px 0; padding: 0;}



/* Search
--------------------------------------------------*/

#search div.search  {margin-bottom: 25px; padding: 15px; border: 1px solid #f1efe8;}
#search div.search input.field  {margin-right: 5px; width: 380px;}
#search div.search input.button {width: 70px;}

table.search    {border: 0;}
table.search th, td {padding: 10px 12px 0 0; vertical-align: top; line-height: 16px;}