/*
Author:         Rborn Development 2010
Author URI:     http://www.rborn.info/
*/

/* RESET CSS */
body                                    {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,
form, p, ol, ul, li ,
dl, dt, dd, blockquote,
fieldset,legend,input                   {margin: 0px;padding: 0px;}
ol, ul                                  {list-style: none;}
a                                       {text-decoration:none;cursor: pointer;}
a:hover                                 {text-decoration: none;}
a:focus                                 {outline: 0;}
table                                   {border-collapse: collapse;}
a img                                   {border:0px;}
.wai                                    {display:none !important;}
.cb                                     {clear:both !important;}
.cl                                     {clear:left !important;}
.cr                                     {clear:right !important;} 
address                                 {font-style:normal;}
.fl                                     {float:left !important;}
.fr                                     {float:right !important;}

/*  site's CSS */
body                                    {font-family:arial,trebuchet ms, sans-serif;font-size:0.625em;text-align:left;background: url("../img/body-bg.png") repeat-x top left #333;}
#page                                   {margin: 0 auto 0 auto;width:980px;overflow:hidden;background:#fff;}
/*  the header  */

#header                                 {height:129px;width:100%;background: url("../img/header-bg.gif") repeat-x top left;overflow:hidden;}

#logo                                   {width:290px;height:66px;background: url("../img/art-matters-logo.gif") no-repeat top left;}
#logo a                                 {text-indent:-5000px;overflow: hidden;width:290px;height:66px;display:block;}

/* main menu */
ul#mainnav                              {width:100%;font-size:140%;float:left;font-weight:bold;text-transform:lowercase;margin-top:35px;}
ul#mainnav li                           {display:inline;float:right;position:relative;margin-left:10px;}
ul#mainnav li a                         {color:#000;text-decoration: none !important;padding:2px 15px;float:left;}
ul#mainnav li a:hover                   {color:#fff !important;background: #990000;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
ul#mainnav li a.clicked                 {color:#fff;background: #990000;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

/* the submenu  */
ul#mainnav li div                       {position: absolute;top:-95px;left:0px;display: none;width:220px;padding-bottom:10px;}
ul#mainnav li div ul                    {text-transform:lowercase;font-size:85%;font-weight:normal;}
ul#mainnav li ul li                     {clear:both;width:100%;line-height:90%;}
* html ul#mainnav li ul li              {margin-left:0px !important;}
ul#mainnav li ul li a                   {color:#666;display:block;padding:3px 0px;width:100%;text-indent:15px;}
ul#mainnav li ul li a.clicked           {color:#990000 !important;background: none !important;}

/* fixing a naughty IE6 hover bug */
ul#mainnav  li div ul a:hover           {display:block;color: #fff;background:#ccc;}
ul#mainnav li:hover div                 {display: block;}

div.visible                             {display:block !important;}

/* stage area */
#slider                                 {z-index:2;background: url("../img/stage-bg.gif") repeat-x top left;width:100%;height:315px;overflow:hidden;font-size:155%;}
#slider img                             {float:left;}
#slider div                             {float:right;padding:20px;color:#fff;width:310px;}
#slider h3                              {text-align:right;padding:5px 0 10px 0;font-size:100%;}
#slider p                               {padding:10px 0;font-size:80%;}

#stage                                  {width:100%;height:315px;overflow:hidden;}
#stage_smaller                          {width:100%;height:200px;overflow:hidden;}
/* main content area  */

#content                                {overflow:hidden;padding:10px 20px 20px 20px;color:#4a4a4a;font-size:130%;line-height:140%;font-family:tahoma;}

#content p                              {padding:10px 0;}
#content h1                             {font-size:170%;padding:10px 0 0px 0;line-height:130%;color:#990000;font-weight:normal;}
#content h2                             {font-size:120%;padding:25px 0 5px 0;color:#333;}
#content h3                             {font-size:100%;padding-bottom:5px;}

#content a                              {text-decoration:underline;color:#444;}
#content a:hover                        {color:#000;background:#eaeaea;text-decoration:none;}

a.moreinfo                              {font-weight:bold;color:#990000 !important;text-decoration:none !important;display:block;background: url("../img/arrow.gif") no-repeat left 5px; padding-left:20px;margin:5px 0px;}
a.more                                  {font-weight:bold;color:#990000 !important;text-decoration:none !important;margin:5px 0px;}

#content address                        {float:left;width:300px;margin-top:15px;}
.img_left                               {float:left;margin:10px 10px 0 0;}
.img_right                              {float:right;margin:10px 0 0 10px;}

p.banner-image-replaced                 {background: url("../img/banner-change-matters.gif") no-repeat top left;width:920px;height:180px;text-indent:-5000px;overflow:hidden;display:block;}

/* index boxes */
.rightside                              {float:right;width:355px;margin-left:55px;margin-bottom:50px;padding:5px 20px 5px 20px;background: url("../img/box-bg.jpg") repeat-x left bottom #fff;border:1px solid #cccbcc;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.rightside h2                           {font-size:170% !important;padding:10px 0 0px 0  !important;line-height:130%;color:#990000 !important;font-weight:normal;}
.rightside h3                           {font-size:110% !important;padding:25px 0 5px 0;color:#333 !important;line-height:130%;}


.box                                    {font-size:90%;z-index:222;position:relative;padding:20px 10px 5px 10px;float:left;margin:20px 15px 20px 0px;background: url("../img/box-bg.jpg") repeat-x left bottom #fff;width:270px;border:1px solid #cccbcc;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.box h2                                 {color:#555!important;padding:40px 0 !important;font-size:140% !important;}
.box h3                                 {padding:40px 0 !important;color:#000 !important;font-size:130% !important;}
.box p                                  {padding-top:0px !important;}
.box.larger                             {width:288px;}

.box-pic                                {position:absolute;top:-20px;right:-10px;z-index:333;}

/* two columns list */
.twocols                                {float:left;margin:10px 10px 10px 30px;display:inline;width:45%;}
.twocols li                             {background: url("../img/arrow.gif") no-repeat left 5px; padding-left:20px;margin:3px 0px;}

/* impressum */
dl.impressum                            {float:left;width:530px;padding-top:10px;line-height:160%;}
dl.impressum dt                         {float:left;width:130px;font-weight:bold;clear:left;}
dl.impressum dd                         {float:left;width:370px;}

.top-padded                             {padding-top:20px;}
p.small-letter                          {font-size:85%;}

/* client list */
.client-list                            {}
.client-list li                         {width:22%;display:inline;float:left;height:80px;padding:20px 10px;}
.client-list li img                     {display:block;margin:0 auto 0 auto;}

hr                                      {border:none;border-bottom:1px dotted #eee;margin-top:40px;height:1px;clear:both;float:left;width:100%;}

/* press list */
.press-list                             {text-align:center;margin:30px 0;}
.press-list li                          {width:233px;display:inline;float:left;height:7em;padding:20px 0px 0 0;border:1px dotted #eee;}
.press-list li img                      {display:block;margin:0 auto 10px auto;}
.press-list li a                        {text-decoration:none !important;}
.press-list li a:hover span             {text-decoration:none !important;background:#aa0000;}
.press-list li span                     {padding:0 15px;}
.press-list li b                        {font-size:300%;display:block;clear:both;padding-bottom:15px;}
.press-list li a:hover b                {color:#000;}

.publications li                        {height:9.5em;}
li.higher                               {height:13.5em;}

.highslide-gallery.padded               {margin-left:20px;}


/* cases */
ul.case-studies                         {margin-bottom:20px;}
ul.case-studies img                     {float:left;margin-right:20px;border:1px solid #666;margin-top:5px;}
ul.case-studies dl                      {float:left;width:270px;}
ul.case-studies dt                      {font-size:110%;padding-bottom:5px;}
ul.case-studies li                      {margin:20px 0px;overflow:hidden;width:20%;float:left;}
ul.case-studies strong                  {display:block;font-size:110%;}

.highlight                              {color:#ff9900;}

ul.case-studies dd ul li                {margin:2px 0 0px 0px;background: url("../img/arrow.gif") no-repeat left 5px;padding:0px 0 0 15px;width:90%;}
ul.case-studies dd ul                   {overflow:hidden;}

ul.bulletlist                           {margin:10px;}
ul.bulletlist li                        {background: url("../img/arrow.gif") no-repeat left 6px; padding-left:20px;margin:5px 20px;}
ul.bulletlist li a                      {color:#000 !important;text-decoration:none !important;}

/*footer style */

#footer                                 {width:100%;color:#eee;font-size:110%;padding:20px 0 40px 0;overflow:hidden;background:#212121;clear:both;}
#footer address                         {padding:0 20px;width:60%;float:left;}
#footer address span                    {padding:0 15px 0 0;}
#footer a                               {color:#aaa;text-decoration:none;}
#footer a:hover                         {color:#fff; }


#footer ul                              {float:right;width:30%;font-size:120%;}
#footer ul li                           {float:right;text-align:right;}
#footer ul li a                         {padding:3px 20px;}
#footer ul li a:hover                   {background:#990000;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#footer ul li a.clicked                 {background:#990000;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

/* CSS used for styling the CONTACT form */
form#contact 						    {float:right;width:400px;}

form#contact label 					    {display:block;float:left;clear:left;width:100px;}
form#contact input 					    {background:#fff;margin-bottom:7px;border:1px solid #d8d8d8;width:280px;float:left;}
form#contact textarea 				    {background:#fff;height:80px;border:1px solid #d8d8d8;width:280px;float:left;}
form#contact input#send				    {background:#990000;border:0; margin-top:10px;cursor:pointer;width:180px;height:22px;color:#fff;margin-left:100px;display:inline;}
.faulty_field						    {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}
.red                                    {color:#ff0000 !important;font-weight:bold;}

/* index newsletter */
.gsom-index label                       {float:left;padding-right:5px;}
.gsom-index input                       {background:#fff;margin-bottom:7px;border:1px solid #d8d8d8;width:240px;float:left;padding:2px 0;}
.gsom-index input#send				    {background:#990000;border:0; cursor:pointer;width:160px;height:22px;color:#fff;margin-left:10px;display:inline;}