/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* global */
body { background: #f8f9f4 url(images/bg.jpg) center top no-repeat; }
#container { width: 960px; margin: 10px auto; }
@font-face { font-family: 'VegurRegular'; src: url('fonts/Vegur-R_0500.eot'); src: local('Vegur Regular'), local('Vegur-Regular'), url('fonts/Vegur-R_0500.ttf') format('truetype'); }
@font-face { font-family: 'VegurBold'; src: url('fonts/Vegur-B_0500.eot'); src: local('Vegur Bold'), local('Vegur-Bold'), url('fonts/Vegur-B_0500.ttf') format('truetype'); }
.clear { clear: both; }

/* header */
#header { height: 80px; position: relative; }
#logo { float: left; overflow: hidden; text-indent: -999px; height: 74px; width: 406px; background-image: url(images/optimumresponse.png); }
* html #logo a { background-image:url(images/optimumresponse_ie6.png); }
#tagline { position: absolute; overflow: hidden; text-indent: -999px; width: 305px; height: 55px; background-image: url(images/tagline.png); right: 0; bottom: 10px; }
* html #tagline { background-image:url(images/tagline_ie6.png); }

/* navigation */
#nav { height: 55px; background: transparent url(images/navbg.png) top no-repeat; font-family: "VegurRegular", Arial, Helvetica, sans-serif; text-transform: uppercase; position: relative; z-index: 5; }
#nav li { float: left; height: 55px; font-size: 1.05em; margin-right: 1px; }
#nav a { float: left; color: #fff; text-decoration: none; display: block; height: 41px; line-height: 44px; text-align: center; }
#nav a:hover, #nav a:focus, #nav li.current a { background: transparent url(images/nav_on.png) repeat-x; }
#nav li a.first:hover, #nav li a.first:focus, #nav li.current a.first { background: transparent url(images/nav_on_left.png) top left no-repeat; }
#nav li a.last:hover, #nav li a.last:focus, #nav li.current a.last { background: transparent url(images/nav_on_right.png) top right no-repeat; }
#nav li.current { background: transparent url(images/nav_current.png) center 41px no-repeat; }
#nav .first a { width: 132px; } 
#nav .second a { width: 203px; } 
#nav .third a { width: 257px; } 
#nav .fourth a { width: 222px; } 
#nav li.last { float: right; } 
#nav .last a { width: 137px; } 
* html #nav li.current { background: none; }
#nav li a.last { margin-right: 0; }

/* page */
#page { background: transparent url(images/pagebg-y.png) repeat-y; min-height: 300px; position: relative; top: -14px; z-index: 1; padding: 20px 20px 1px 20px; }
#page a { color: #325683; text-decoration: none; }
#page a:hover, #page a:focus { text-decoration: underline; color: #203e63; }

/* page: home */
#page.home { height: 450px; padding: 0; background: transparent url(images/pagebg.png) bottom no-repeat; }
#home_top { display: block; width: 878px; height: 302px; margin-left: 26px; text-indent: -9999px; background-image: url(images/home-top.png); }
#home_bottom { position: absolute; width: 100%; bottom: 0; height: 147px; background: transparent url(images/home-bottom.png) top no-repeat; font-family: "VegurRegular", Arial, Helvetica, sans-serif; }
#page.home li { width: 220px; float: left; padding: 23px 30px 30px 230px; font-size: 18px; line-height: 1.4em; }
#page.home li li { width: auto; float: none; padding: 0; font-size: 14px; }
* html #home_bottom { bottom: -10px; }

#page.inside { font-family: "VegurRegular",Arial,Helvetica,sans-serif; font-size: .9em; line-height: 1.35em; }
#page.inside h2 { font-size: 1.75em; color: #CB3826; }
#page.inside p { margin: 8px 0; }
#page.inside strong { font-family: "VegurBold",Arial,Helvetica,sans-serif;  }
#page.inside ul { margin-bottom: 10px; }
#page.inside li { margin: 5px 0 5px 10px; }

#inner_btm { height: 19px; background: transparent url(images/pagebgbtm.png); position: relative; top: -14px; }

#col2 { float: right; width: 685px;}

/* side nav */
#sidebar { width: 220px; float: left; font-family: "VegurRegular", Arial, Helvetica, sans-serif; line-height: 1.25em; }
#sidebar li { margin: .6em 0; }


#sidebar a:hover { text-decoration: none; color: #cb3826; }





/* client logos */


#clients { height: 32px; margin: 16px 0 30px 0; }


#clients li { float: left; }


#clients a { display: block; height: 32px; margin: 0 28px; overflow: hidden; text-indent: -999px; background-image: url(images/clients.png); opacity: .3; filter: alpha(opacity=30); }


#clients a:hover { opacity: 1; filter: alpha(opacity=100); }


/* specific clients */


#clients .bluray { width: 60px; background-position: -26px 0; }


#clients .bluray:hover, #clients .bluray:focus { background-position: -26px 32px; }


#clients .kajeet { width: 102px; background-position: -146px 0; }


#clients .kajeet:hover, #clients .kajeet:focus { background-position: -146px 32px; }


#clients .bid4prizes { width: 113px; background-position: -301px 0; }


#clients .bid4prizes:hover, #clients .bid4prizes:focus { background-position: -301px 32px; }


#clients .regis { width: 103px; background-position: -473px 0; }


#clients .regis:hover, #clients .regis:focus { background-position: -473px 32px; }


#clients .starwood { width: 85px; background-position: -626px 0; }


#clients .starwood:hover, #clients .starwood:focus { background-position: -626px 32px; }


#clients .army { width: 26px; background-position: -772px 0; }


#clients .army:hover, #clients .army:focus { background-position: -772px 32px; }


#clients .cit { width: 68px; background-position: -863px 0; }


#clients .cit:hover, #clients .cit:focus { background-position: -863px 32px; }





/* upper footer - 4 cols */


#upper_foot { height: 171px; background-image: url(images/upper_foot_bg.png); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 20px 0; }


#upper_foot .column { width: 192px; padding: 0px 24px; height: 171px; float: left; }


#upper_foot h4 { font-family: "VegurRegular", Arial, Helvetica, sans-serif; color: #4a4a49; font-size: 18px; line-height: 1.1em; margin: 15px 0; }


#btn_pub, #btn_adv { display: block; width: 192px; height: 36px; background: transparent url(images/btn_publishers.png) top; overflow: hidden; text-indent: -999px; margin: 15px 0; }


#btn_adv { background-image: url(images/btn_advertisers.png); }


#btn_pub:hover, #btn_pub:focus, #btn_adv:hover, #btn_adv:focus { background-position: bottom; }


#certs img { float: left; margin-bottom: 8px; }


#certs img.google { margin-right: 8px; }


h5 { margin-top: 10px; font-size: 12px; font-weight: bold; line-height: 1.25em; }


h5 a { color: #325683; text-decoration: none; }


h5 a:hover, h5 a:focus { text-decoration: underline; }


#upper_foot p { font-size: 12px; color: #4a4a49; line-height: 1.25em; }


#upper_foot p.meta { font-size: 11px; line-height: 1.4em; }





/* footer */


#footer { text-align: center; font-size: 10px; font-family:Arial, Helvetica, sans-serif; margin-bottom: 20px; }


#footer a { color: #325683; text-decoration: none; }


#footer a:hover, #footer a:focus { text-decoration: underline; }