/*----CSS Reset----*/
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font-size:100%}table{border-collapse:collapse}caption,th,td{text-align:left}
/*----End CSS Reset----*/
/*---------------------------------------------------------------------*/
/*----Elements----*/

body {
  background: url(http://www.react2media.com/images/framework/body-background.gif) center top no-repeat;
  font: normal 62.5% freesans, helvetica, arial, san-serif;
  color: #000;
  text-align: center;
}

a {
  text-decoration: none;
  outline: none;
  color: #f6861f;
}

a:hover {
  text-decoration: underline;
}
/*----End Elements----*/
/*---------------------------------------------------------------------*/
/*----framework----*/
.clear {
  clear: both;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}
#container {
  width: 1030px;
  margin: 0 auto; 
  text-align: left; 
}

#top-wrap {
  background: url(http://www.react2media.com/images/framework/top-wrap.png) center top no-repeat;
}

#bottom-wrap {
  background: url(http://www.react2media.com/images/framework/bottom-wrap.png) center bottom no-repeat;
height: 25px;
}

#content {
  padding: 30px 15px 0px 15px;
  width: 957px;
  margin: 0 auto;
}

/*----End framework----*/
/*---------------------------------------------------------------------*/
/*----header----*/
#header {
  height: 70px;
}

#logo {
  float: left;
}
#login {
  float: right;
}
#login a {
  display: block;
  background: url(http://www.react2media.com/images/framework/lock.gif) left top no-repeat;
  color: #f6861f;
  padding-left: 10px;
  font-size: 1.1em;
}
#topnav {
  float: right;
  clear: right;
  margin-top: 20px;
}
#topnav li {
  float: left;
  color: #68686a;
  font-size: 1.5em;
  padding: 5px 0px 5px 30px;
}
#topnav .phone {
padding-left: 20px;
}
#topnav a {
  color: #68686a;
}
.mail {
  background: url(http://www.react2media.com/images/framework/mail.gif) left center no-repeat;
  margin-right: 5px;
}
.phone {
  background: url(http://www.react2media.com/images/framework/phone.gif) left center no-repeat;
}
#navigation {
  background: url(http://www.react2media.com/images/framework/nav-background.gif) left top no-repeat;
  width: 962px;
  height: 51px;
 padding: 1px 0px 0px 0px;
}


#nav li {
  float: left;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  border-left: 1px solid #d9d9d9;
  padding: 13px 33px 14px 33px;
  height: 15px;  
  position: relative;
  list-style-type: none;
}

 #nav li:first-child {
border-left: none;
}
#nav li a {
  color: #fff;
  text-decoration: none;
}
#nav li a:hover {
  color: #505050;
}

#nav .search {
  padding-right: 0px;

}
#nav ul {
   display: none;
   background: #fff;
   border: 1px solid #f6861f;
   padding-bottom: 1em;
 }

 #nav li:hover ul {
   display: block;
   position: absolute;
   left: 0px;
   top: 42px;
   width: 165px;
 }
 #nav ul li {
   float: none;
   border-right: none;
   border-left: none;
   border-bottom: 1px solid #fff;
   height: 10px;
   font-size: 1em;
   padding: 10px 15px;


 }
 #nav ul li a {
   text-align: center;

   color: #f6861f;
 }
 #nav ul li a:hover {
  color: #000;
 }
/*----End header----*/
/*---------------------------------------------------------------------*/
/*----content----*/
#page {
  margin-top: 20px;
}

#flash {
  float: left;
  width: 639px;
}


#orange {
  background: url(http://www.react2media.com/images/framework/orange-background.gif) left top no-repeat;
  float: left;
  width: 268px;
  padding: 15px 20px 20px 30px;
  height: 265px;
}
#orange h1 {
  color: #fff;
  font-size: 2.2em;
   border-bottom: 1px solid #9c6020;
   padding-bottom: 10px;
}
#orange h2 {
  color: #1c1c1c;
  font-size: 1.5em;
  border-bottom: 1px solid #9c6020;
  padding: 5px 0px;
line-height: 1.3em;
}
#orange p {
  text-align: center;
  margin-top: 5px;
}
 #middlenav {
  background: url(http://www.react2media.com/images/framework/middlenav-background.gif) left top no-repeat;
  height: 156px;
  width: 959px;
  padding: 5px 0px;
  clear: both;
margin: 1em 0;
}
#middlenav li {
  float: left;
  width: 195px;
  border-left: 1px solid #a6a6a6;
  padding: 0px 22px;
  height: 157px;
}

#middlenav .presentation{
  border-left: none;
}

#middlenav .kit img {
  float: right;
}

#middlenav .presentation img {
  float: right;
}
#middlenav .newsletter {
  padding-right: 0px;
}

#middlenav h1 {
  font-size: 1.8em;
  color: #58585a;
  font-weight: bold;
  margin-bottom: .3em;
  margin-top: 7px;
}

#middlenav p {
  font-size: 1.2em;
  color: #58585a;
  line-height: 1.3em;
}

#middlenav li .date {
  background: url(http://www.react2media.com/images/framework/date-background.gif) left top no-repeat;
  width: 48px;
  height: 146px;
  float: left;
  padding: 9px 0px;
  text-align: center;
  margin-right: 5px;
}

#middlenav li .month {
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 0px;
 text-transform: uppercase;
}
#middlenav li .day {
  font-size: 2.9em;
  font-weight: bold;
  color: #101010;
  line-height: 1.3em;
}

#middlenav li .year {
  color: #fff;
  line-height: .5em
}
#middlenav li .form {
  text-align: center;
}

#email {
  background: url(http://www.react2media.com/images/framework/email-background.gif) left top no-repeat;
  width: 160px;
  height: 13px;
  border: none;
  padding: 5px;
  font-size: 1.1em;
  margin-top: 15px;
}

#submit {
  margin-top: 5px;
}
#crumbs {
  float: right;
}

#crumbs li {
  display: inline;
}

  #left {
    float: left;
    width: 195px;
  }

 #sidenav {
   background: url(http://www.react2media.com/images/framework/sidenav-bottom.png) left bottom no-repeat;
   padding: 0px 0px 20px 15px;
   width: 195px;
 }

 #sidecontainer h1 {
    background: url(http://www.react2media.com/images/framework/sidenav-top.png) left top no-repeat;
   color: #fff;
   font-size: 1.5em;
   font-weight: bold;
  line-height: 34px;
 padding: 8px 0px 4px 15px;
 }
 #sidecontainer h1 a {
 color: #fff;
text-decoration: none;
}
#sidecontainer h1 a:hover {
color: #000;
}
 #sidenav li {
   font-size: 1.3em;
   font-weight: bold;
   border-bottom: 1px solid #949495;
   width: 165px;
   padding: 10px 0px 10px 0px;
 }
 #sidenav a {
   color: #fff;
   text-decoration: none;
 }
 #sidenav a:hover {
   color: #F6861F;
 }
 #right {
   float: right;
   width: 745px;
 margin-bottom: 2em;
 }
 #about-us {
   background: url(http://www.react2media.com/images/framework/about.jpg) left top no-repeat;
   width: 720px;
   padding: 117px 10px 11px 15px;
 }
 #advertisers {
   background: url(http://www.react2media.com/images/framework/advertisers.jpg) left top no-repeat;
   width: 720px;
   padding: 117px 10px 11px 15px;
 }
 #publishers {
   background: url(http://www.react2media.com/images/framework/publishers.jpg) left top no-repeat;
   width: 720px;
   padding: 117px 10px 11px 15px;
 }
 #contact-us {
   background: url(http://www.react2media.com/images/framework/contact.jpg) left top no-repeat;
   width: 720px;
   padding: 117px 10px 11px 15px;
 }
 #technology {
   background: url(http://www.react2media.com/images/framework/tech.jpg) left top no-repeat;
   width: 720px;
   padding: 117px 10px 11px 15px;
 }
 #right h1 {
   font-size: 3em;
   color: #58585a;
   font-weight: bold;
 }
#right h2 {
font-size: 2em;
color: #f6861f; 
margin: 5px 0px;
}
 #right p {
   font-size: 1.3em;
   color: #1b1b1b;
   line-height: 1.5em;
   margin: 10px 0px;
 }
#right ul {
margin-left: 20px;
margin-bottom: 1em;
}
#right ul li {
list-style-type: disc;
}
#right ol {
margin-left: 20px;
margin-bottom: 1em;
}
#right ol li {
list-style-type: decimal;
}
#right li {
   font-size: 1.3em;
   color: #1b1b1b;
   line-height: 1.5em;
}
#sitemap ul li {
font-size: 1em;
}
/*----End content----*/
/*---------------------------------------------------------------------*/
/*----search form----*/
#searchnav {
border-left: 1px solid  #D9D9D9;
height: 16px;
float: left;
padding: 11px 0px 14px 15px;
width: 250px;
}
#searchnav form {
height: 16px;
}

#searchnav label {
font-size: 1.3em;
font-weight: bold;
color: #fff;
}

#keywords {
 background: url(http://www.react2media.com/images/framework/search-background.png) left top no-repeat; 
width: 167px;
height: 17px;
font-size: 1.2em;
padding: 3px;
border: none;
}
#submit-top {
float: right;
margin-bottom: 10px;
}
#page th {
font-size: 1.8em;
font-color: #58585a;
}
#page td {
font-size: 1.2em;
line-height: 1.2em;
color: #1b1b1b;
}

#signin {
text-align: center;
}

.box {
 background: url(http://www.react2media.com/images/framework/email-background.gif) left top no-repeat;
  width: 160px;
  height: 13px;
  border: none;
  padding: 5px;
  font-size: 1.1em;
  margin-top: 15px;
}
.submit {
margin: 1em 0;
}
/*----End search----*/
/*---------------------------------------------------------------------*/
/*----contact form----*/

#contact ul {
margin-left: 0px;
}
#contact ul li {
list-style-type: none;
float: left;
margin-right: 20px;
}
#contact label {
font-size: 1.2em;
color: #1B1B1B;
}
#contact fieldset {
border-top: 1px dotted #949495;
padding: 10px 10px;
}
#contact .textbox {
font-size: 1.2em;
color: #1B1B1B;
width: 200px;
border: 1px solid #949495;
margin: 5px 0px;
padding: 3px;
}
#questions {
width: 400px;
height: 200px;
border: 1px solid #949495;
font-size: 1.4em;
color: #1B1B1B;
}
#contact #extension {
width: 50px;
}
#contact #address2 {
margin-left: 160px;
margin-top: 0px;
}
#contact label {
display:block;
float:left;
margin-right:10px;
padding:2px 0;
width:150px;
text-align:right;
}
#budget {
width: 150px;
font-size: 1.2em;
color: #1B1B1B;
border: 1px solid #949495;
}









/*----End search----*/
/*---------------------------------------------------------------------*/
/*----footer----*/
#footer {
  background: url(http://www.react2media.com/images/framework/footer-background.gif) left top no-repeat;
  height: 55px;
  width: 934px;
  clear: both;
  padding: 10px 15px;
  margin-top: 20px;
}

#footer ul li {
  float: left;
}

#footer .nav1 {

  width: 600px;
}

#footer .nav1 li {
  margin-right: 50px;
 font-size: 1.2em;
}

#footer .nav1 a {
  color: #f29f37;
  font-weight: bold;
}

#footer .nav2 li {
  margin-right: 40px;
  font-size: 1.2em;
}

#footer .nav2 a {
  color: #fff;
}
#footer p {
  margin-top: 15px;
  color: #888888;
  font-size: .9em;

}
#footer p a {
  color: #888888;
}
#social {
  float: right;
}
#social li {
  margin-right: 10px;
}

#footer-left {
  float: left;
  width: 600px;
}

#footer-right {
  float: right;
  width: 200px;
}