/* */
body {
   width:100%;
   outline:0;
   border:none;
   margin:0px;
   padding:0px;
   background:transparent;
}

/* WARNING: IE 8 taking min-width or max-width if doctype well-defined in html */

.page {
   min-width:960px;
   width:100%;
   margin: 0 auto;
   padding-bottom:10px;
   margin-bottom:10px;
}

.bbox {
   min-width:960px;
   max-width:1280px;
   margin: 0 auto;
}

.bbox-990 {
   max-width:1008px;
   margin: 0 auto;
}

.scene {
   display:table; /* help with height for background image */
   margin: 0 auto;   
   min-height:30px;
   min-width:960px;
}
/* NOTE: NO BORDER as border pixels will overflow */

.page_960 {
   display:table; /* help with height for background image */
   width:960px;
   margin: 0 auto;   
   min-height:30px;
}

/* NOTE: NO BORDER as border pixels will overflow */

.col {
   display:inline;
   float:left;
   margin-left:0px;
   margin-right:0px;
}

.col_10 .col { /* 10 cols */
   width:96px;
}
.col_9 .col { /* 9 cols */
   width:106px;
}
.col_8 .col { /* 8 cols */
   width:120px;
}
.col_7 .col { /* 7 cols */
   width:137px;
}
.col_6 .col { /* 6 cols */
   width:160px;
}
.col_5 .col { /* 5 cols */
   width:192px;
}
.col_4 .col { /* 4 cols */
   width:240px;
}
.col_3 .col { /* 3 cols */
   width:320px;
}
.col_2 .col { /* 2 cols */
   width:480px;
}
.col_1 .col { /* 1 col */
   width:960px;
}

/* multi-columns */

.col_3 .colx2 { /* 2:3 cols */
   width:640px;
}

.col_4 .colx2 { /* 2:4 cols */
   width:480px;
}
.col_4 .colx3 { /* 3:4 cols */
   width:720px;
}

.col_5 .colx2 { /* 2:5 cols */
   width:384px;
}
.col_5 .colx3 { /* 3:5 cols */
   width:576px;
}
.col_5 .colx4 { /* 4:5 cols */
   width:768px;
}

.col_6 .colx2 { /* 2:6 cols */
   width:320px;
}
.col_6 .colx3 { /* 3:6 cols */
   width:480px;
}
.col_6 .colx4 { /* 4:6 cols */
   width:640px;
}
.col_6 .colx5 { /* 5:6 cols */
   width:800px;
}

.col_8 .colx2 { /* 2:8 cols */
   width:240px;
}
.col_8 .colx3 { /* 3:8 cols */
   width:360px;
}
.col_8 .colx4 { /* 4:8 cols */
   width:480px;
}
.col_8 .colx5 { /* 5:8 cols */
   width:600px;
}
.col_8 .colx6 { /* 6:8 cols */
   width:720px;
}
.col_8 .colx7 { /* 7:8 cols */
   width:840px;
}


.col_10 .colx2 { /* 2:8 cols */
   width:192px;
}
.col_10 .colx3 { /* 3:8 cols */
   width:288px;
}
.col_10 .colx4 { /* 4:8 cols */
   width:384px;
}
.col_10 .colx5 { /* 5:8 cols */
   width:480px;
}
.col_10 .colx6 { /* 6:8 cols */
   width:576px;
}
.col_10 .colx7 { /* 7:8 cols */
   width:672px;
}
.col_10 .colx8 { /* 6:8 cols */
   width:768px;
}
.col_10 .colx9 { /* 7:8 cols */
   width:864px;
}

.col_2 .colx2, .col_3 .colx3, .col_4 .colx4, .col_5 .colx5, 
.col_6 .colx6, .col_7 .colx7, .col_8 .colx8, .col_9 .colx9, .col_10 .colx10 {
   width:960px;
}

/*
.hmin-90 .box {
   min-height:90px;
}
.hmin-180 .box {
   min-height:180px;
}
.hmin-270 .box {
   min-height:270px;
}
.hmin-360 .box {
   min-height:360px;
}
.hmin-450 .box {
   min-height:450px;
}
.hmin-540 .box {
   min-height:540px;
}

.hmin-45 .box {
   min-height:45px;
}
.hmin-135 .box {
   min-height:135px;
}
.hmin-225 .box {
   min-height:225px;
}
.hmin-315 .box {
   min-height:315px;
}
.hmin-405 .box {
   min-height:405px;
}
.hmin-495 .box {
   min-height:495px;
}

.hmin-30 .box {
   min-height:30px;
}
.hmin-60 .box {
   min-height:60px;
}
.hmin-120 .box {
   min-height:120px;
}
.hmin-150 .box {
   min-height:150px;
}
.hmin-210 .box {
   min-height:210px;
}
.hmin-240 .box {
   min-height:240px;
}
.hmin-300 .box {
   min-height:300px;
}
.hmin-330 .box {
   min-height:330px;
}
.hmin-390 .box {
   min-height:390px;
}
.hmin-420 .box {
   min-height:420px;
}
.hmin-480 .box {
   min-height:480px;
}
.hmin-510 .box {
   min-height:510px;
}
*/

.box {
   padding: 0px;
}

.box .content {
   padding:0px;
}
.box .content h1, 
.box .content h2, 
.box .content h3, 
.box .content h4, 
.box .content h5, 
.box .content h6, 
.box .content p
{
   padding:10px 15px 10px 10px;
}
/* general design */

a {
   color:inherit;
   outline:none;
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

ul {
   list-style:square;
   padding-left:15px;
}
ul li {
   margin-left:0px;
}

/*
 * no effect :-(
input {
   outline:0;
}
*/

/* BORDERS */

/*
.page_960 {
}
.scene {
   border-left:2px #B1B2B3 solid;
   border-right:2px #B1B2B3 solid;
}
.scene-header {
   border-top:2px #B1B2B3 solid;
}

h3 {
   border: 1px #A1A2A3 solid;
}
.box .content {
   border-top: 1px #A1A2A3 solid;
}

*/
.scene {
   border-top: 1px #A1A2A3 solid;
}

.col_6 .content, .col_8 .content, .col_10 .content, .colx3 .content
{
   border-left: 1px #A1A2A3 solid;
}

.col .content-empty {
   border: none;
}

img {
   border:none;
   max-width:480px;
}

.colx2 img {
   max-width:160px;
}
.col_10 .colx2 img {
   max-width:192px;
}
.col_10 .colx3 img {
   max-width:288px;
}
.col_10 .colx4 img {
   max-width:384px;
}
.col_8 .colx2 img {
   max-width:240px;
}
.col_8 .colx3 img {
   max-width:360px;
}
.colx3 img, .col_6 .colx2 img {
   max-width:320px;
}
.colx4 img {
   max-width:480px;
}

/* JQUERY UI - DRAG DROP */

.content {
   min-height:20px;
}
.content-drophover {
   background-color: #FFFF00;
}
.scene-drophover {
   background-color: #00FFAA;
}


body {
   font-size:13px; /* 0.8125em use px only here, use em after to set relative font-size */
   font-family:Verdana, Sans serif;
   text-align:justify;
   line-height:150%;
}

h1 {
   font-size:1.875em; /* 30px */
}
h2 {
   font-size:1.375em; /* 22px */
}

.col_4 h1{
   font-size:1.5em; /* 24px */
}
.col_5 .colx2 h1, .col_6 .colx2 h1 {
   font-size:1.25em; /* 20px */
}
.col_8 .colx2 h1, .col_10 .colx2 h1 {
   font-size:1.25em; /* 20px */
}
.col-4 h2, .col_5 h2, .col_8 h2, .col_10 h2 {
   font-size:1.125em; /* 18px */
}

h1, h2, h3, h4, h5, h6 {
   text-align:left;
}

h1, h2, h3, h4, h5, h6, p {
   margin-top:0px;
   margin-bottom:0px;
   padding:10px 0px 10px 0px;
}

h1, h2, h3 {
   padding-bottom:15px;
}

ul {
   margin:0px;
   padding: 5px 5px 15px 25px;
}

.content ul {
   clear:left;
}
.content li {
   text-align:left;
}

p {
   max-width:480px;
   padding-right:10px;
}

.content div.w100 {
   width:100px;
}

.content div.w160 {
   width:160px;
}

input {
   width:320px;
}

.newline {
   clear:both;
}

.text-left {
   text-align:left;
}
.text-right {
   text-align:right;
}
.text-center {
   text-align:center;
}
.text-justify {
   text-align:justify;
}

/* FONT FAMILY */
body {
   font-family:Verdana, Sans serif;
}

h1, h2 {
   font-family: Times New Roman, Serif;
}

li.widget-container {
   list-style:none;
}

div.box div.content div {
   padding:5px 10px 5px 5px;
}

div.box div.content p {
   padding:5px 10px 5px 10px;
}

ul.widget-ul {
   display:inline;
}
ul.widget-ul li.widget-container {
   float:left;
}


.scene-header .page_960 {
}
.scene-scene1 .page_960 {
}
.scene-scene2 .page_960 {
}
.scene-footer .page_960 {
}


/* MIN HEIGHT */
.box {
   min-height:30px;
}

/*


.hmin-90 .box {
   min-height:90px;
}
.hmin-180 .box {
   min-height:180px;
}
.hmin-270 .box {
   min-height:270px;
}
.hmin-360 .box {
   min-height:360px;
}
.hmin-450 .box {
   min-height:450px;
}
.hmin-540 .box {
   min-height:540px;
}

.hmin-45 .box {
   min-height:45px;
}
.hmin-135 .box {
   min-height:135px;
}
.hmin-225 .box {
   min-height:225px;
}
.hmin-315 .box {
   min-height:315px;
}
.hmin-405 .box {
   min-height:405px;
}
.hmin-495 .box {
   min-height:495px;
}

.hmin-30 .box {
   min-height:30px;
}
.hmin-60 .box {
   min-height:60px;
}
.hmin-120 .box {
   min-height:120px;
}
.hmin-150 .box {
   min-height:150px;
}
.hmin-210 .box {
   min-height:210px;
}
.hmin-240 .box {
   min-height:240px;
}
.hmin-300 .box {
   min-height:300px;
}
.hmin-330 .box {
   min-height:330px;
}
.hmin-390 .box {
   min-height:390px;
}
.hmin-420 .box {
   min-height:420px;
}
.hmin-480 .box {
   min-height:480px;
}
.hmin-510 .box {
   min-height:510px;
}
*/

/*

.bbox {
   background-image: url(images/trans-70.png);
}
*/


.bbox {
   border-color: #d49f36;
}
.bbox-990 {
   background: transparent url('http://design.microwebagency.com/brainstorm/bg-svg.php?src=bg-rect&l=21&ctztext=a_0|100|100|1008|100|&addrectfill=rgb(255,255,255)&addrectstroke=rgb(255,255,255)') scroll repeat-y top left;}

.scene {
   border-bottom: 2px #c8c8c8 solid;
   border-left-color: #c8c8c8;
   border-right-color: #c8f9c8;
   }


h1 {
   color: #76dda1;
   background: transparent url('http://design.microwebagency.com/brainstorm/bg-svg.php?src=bg-rect-grad-lin-1&l=21&ctztext=a_0|100|100|480|100|&addrectfill=rgb(255,255,255)&addrectstroke=rgb(255,255,255)') scroll repeat-y top left;}
h2 {
   color: #e4d49f;
   background: transparent url('http://design.microwebagency.com/brainstorm/bg-svg.php?src=bg-rect-grad-lin-1&l=21&ctztext=a_0|100|100|480|100|&addrectfill=rgb(255,255,255)&addrectstroke=rgb(255,255,255)') scroll repeat-y top left;}
h3 {
   color: #e49f36;
   background: transparent url('http://design.microwebagency.com/brainstorm/bg-svg.php?src=bg-rect-grad-lin-1&l=21&ctztext=a_0|100|100|480|100|&addrectfill=rgb(255,255,255)&addrectstroke=rgb(255,255,255)') scroll repeat-y top left;}
h4 {
   color: #e4d434;
}
h5 {
   color: #e4859f;
}
h6 {
   color: #c08536;
}
.content {
   border-top: 1px #c8c8c8 solid;
   color: #030405;
}

.scene-header {
   border-top-color: #e2c8e3;
   }
.scene-scene1 {
   }
.scene-scene2 {
   }
.scene-footer {
   }

.box {
   border-color: #d485a1;
}
.content  {
   border-color: transparent;
}

.hmin-30 {
   background: transparent url('http://design.microwebagency.com/brainstorm/bg-svg.php?src=bg-rect&l=21&ctztext=a_0|100|100|1008|100|&addrectfill=rgb(255,255,255)&addrectstroke=rgb(255,255,255)') scroll repeat-y top left;   min-height:40px;
}
.scene-header .content  {
   border-color: transparent;
}
.scene-footer .content  {
   border-color: transparent;
}
.scene-scene1 .content  {
   border-color: transparent;
}
.scene-scene2 .content  {
   border-color: #e4a234;
}

.scene-scene1 .content p a, 
.scene-scene2 .content p a {
   background: transparent url('http://design.microwebagency.com/brainstorm/bg-svg.php?src=bg-rect&l=21&ctztext=a_0|100|100|1008|100|&addrectfill=rgb(255,255,255)&addrectstroke=rgb(255,255,255)') scroll repeat-y top left;}

h1, h2, h3 {
letter-spacing:.1em;
}
h2, h3 {
font-family: Times New Roman, Serif;
}
.scene-header h2 {
font-size:1.8em;
}