/*
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;}
address                                 {font-style:normal;}
.fl                                     {float:left !important;}
.fr                                     {float:right;}

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

#header                                 {height:129px;width:100%;}

#logo                                   {width:342px;height:85px;background: url("../img/change-matters-logo.png") no-repeat top left;margin:0 0 0 15px;}
#logo h1 a                              {text-indent:-5000px;overflow: hidden;width:342px;height:85px;display:block;}

/* main menu */
ul#mainnav                              {width:100%;font-size:135%;float:left;font-weight:bold;text-transform:uppercase;margin-top:20px;}
ul#mainnav li                           {display:inline;float:right;position:relative;}
ul#mainnav li a                         {color:#ff9900;text-decoration: none !important;padding:0px 15px;float:left;}
ul#mainnav li a:hover                   {color:#fff;background: #ccc;}
ul#mainnav li a.clicked                 {color:#fff;background: #ccc;}

/* the submenu  */
ul#mainnav li div                       {position: absolute;top:-75px;left:0px;display: none;width:250px;padding-bottom:10px;}
ul#mainnav li div ul                    {text-transform:lowercase;font-size:95%;font-weight:normal;}
ul#mainnav li ul li                     {clear:both;width:100%;}
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:#ff9900 !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;}
div.clear                             {clear:both;}

/* stage area */
#stage                                  {z-index:2;background: url("../img/stage-bg.jpg") no-repeat top left;width:100%;height:232px;}
#stage p                                {display:block;float:right;color:#fff;padding:20px 30px;background: url("../img/stage-text.png") no-repeat top left;width:416px;height:80px;font-size:140%;line-height:140%;margin-top:60px;}

/* main content area  */

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

#content p                              {padding:10px 0;}
#content h2                             {font-size:160%;padding:0px 0 20px 0;line-height:130%;color:#ff9900;font-weight:normal;}
#content h3                             {font-size:115%;padding:15px 0 5px 0;color:#333;}
#content h4                             {font-size:100%;}

#content a                              {text-decoration:underline;color:#444;}
#content a:hover,a.moreinfo:hover       {color:#000;text-decoration:none;}

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

#content address                        {float:left;width:300px;}
.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 */
.box                                    {font-size:90%;z-index:222;position:relative;padding:20px 10px 5px 10px;float:right;margin:20px 0 0 15px;background: url("../img/box-bg.jpg") repeat-x left bottom #fff;width:250px;border:1px solid #cccbcc;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.box h2                                 {color:#555!important;padding-top:40px !important;}
.box h3                                 {color:#ff9900 !important;padding:5px 0px 0 0!important;font-size:110% !important;}
.box p                                  {padding-top:0px !important;}

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

/* team page boxes */
.box1                                    {font-size:90%;z-index:222;position:relative;padding:0px 10px 5px 10px;float:left;margin:20px 0 0 15px;background: url("../img/box-bg.jpg") repeat-x left bottom #fff;width:380px;border:1px solid #cccbcc;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.box1 h2                                 {color:#555!important;padding-top:40px !important;}
.box1 h3                                 {color:#ff9900 !important;padding:5px 0px 0 0!important;font-size:110% !important;}
.box1 p                                  {padding-top:0px !important;}
.box1-pic                                {position:absolute;top:-15px;right:-10px;z-index:333;}

.box2                                    {font-size:90%;z-index:222;position:relative;padding:0px 10px 5px 10px;float:right;margin:20px 10px 0 15px;background: url("../img/box-bg.jpg") repeat-x left bottom #fff;width:380px;border:1px solid #cccbcc;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.box2 h2                                 {color:#555!important;padding-top:40px !important;}
.box2 h3                                 {color:#ff9900 !important;padding:5px 0px 0 0!important;font-size:110% !important;}
.box2 p                                  {padding-top:0px !important;}
.box2-pic                                {position:absolute;top:-15px;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:60px;padding:20px 10px;}
.client-list li img                     {display:block;margin:0 auto 0 auto;}

/* cases */
ul.case-studies                         {margin-bottom:20px;}
ul.case-studies img                     {float:left;margin-right:20px;border:1px solid #666;}
ul.case-studies dl                      {float:left;width:680px;}
ul.case-studies dt                      {font-size:110%;padding-bottom:5px;}
ul.case-studies li                      {margin:20px 0px;overflow:hidden;padding-bottom:20px;height:100%;}
ul.case-studies a.moreinfo              {display:inline;}

.highlight                              {color:#ff9900;}


ul.bulletlist                           {margin:10px;}
ul.bulletlist li                        {background: url("../img/arrow.gif") no-repeat left 5px; padding-left:20px;margin:5px 20px;}
ul.bulletlist li a                      {color:#ff9900 !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:0 20px;}
#footer ul li a:hover                   {background:#000;color:#ff9900;}
#footer ul li a.clicked                 {background:#000;color:#ff9900;}

/* 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:#000;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;}


/*graph*/
.popup-window h2                        {font-size:14px !important;padding:10px 0 0 0 !important;font-weight:bold !important;}
.popup-window                           {background:#000;color:#fff;display:none;position:absolute;padding:10px;font-size:13px;font-family:arial;opacity:0.9;border-radius:5px;-moz-border-radius:5px}
#graph                                  {margin:20px 0 20px 160px;}