/*
Theme Name: Oreo 2009
Theme URI: http://mclindigital.com/
Description: Custom theme created for OreoManage.com
Version: 1.0
Author: Mike McLin
Author URI: http://mclindigital.com
*/

/* Base Page Layout */
html { background: #32383d url(images/html.png) repeat-x; }
body { font-family: Georgia, serif; font-size: 14px; line-height: 1.4em; color:#C7DCE0; }
#doc { width:960px; margin:0 auto; }
#header { height:244px; background: url(images/header.png) no-repeat; position:relative; overflow:visible; }
#main_content { }
#footer { }
/* Header */
h1 { margin:0; }
h1 a { text-indent:-9999px; display:block; position:absolute; width:590px; height:90px; top:50px; left:50px; }
ul#main_nav { margin:0; }
ul#main_nav li { list-style:none; }
ul#main_nav li a { height:50px; text-indent:-9999px; display:block; position:absolute; z-index:3; }
ul#main_nav li a.who_link { width:141px; top:151px; left:104px; background: url(images/who-we-are-text.png) no-repeat; }
ul#main_nav li a.what_link { width:144px; top:151px; left:309px; background: url(images/what-we-do-text.png) no-repeat; }
ul#main_nav li a.how_link { width:154px; top:151px; left:513px; background: url(images/how-it-works-text.png) no-repeat; }
ul#main_nav li a.why_link { width:174px; top:151px; left:710px; background: url(images/why-you-benefit-text.png) no-repeat; }
div#nav_current { width:228px; height:50px; position:absolute; top:151px; left:-1100px; background: url(images/nav_hover.png) no-repeat; z-index:2; }
/* Footer */
#footer { text-align:center; clear:both; }
#footer ul#footer_links { }
#footer ul#footer_links li { }
#footer ul#footer_links li a { }
#footer ul#footer_links li a:hover { }
#footer p#copyright { font-size:18px; }
#footer p#copyright b { }
#footer p#site_design { font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#footer p#site_design a { background-color:#ff712c; color:#000; padding:0 5px; }
#footer p#site_design a:hover { background-color:#FFF; color:#000; text-decoration:none; }
/* HTML Tags */
h2 { font-family: Georgia, serif; font-size: 36px; font-style: italic; font-weight: bold; line-height: 1em; color:#FFF; padding:10px 15px; margin-bottom:10px; border-bottom:7px solid #4B555C; background-color:#23282C; }
h3 { font-family: Georgia, serif; font-size: 24px; font-style: italic; line-height: 1.4em; color:#a1d1e8; margin:20px 0 10px 0; }
h4 { font-family: Georgia, serif; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 1em; color:#FFF; margin-bottom:10px; }
h5 { font-family: Georgia, serif; font-size: 16px; font-style: normal; text-transform: uppercase; line-height: 1em; color:#FFF; margin-bottom:10px; }
h6 { font-family: Georgia, serif; font-size: 16px; font-style: normal; text-transform: uppercase; line-height: 1em; color:#FFF; margin-bottom:10px; }
a,
a:active,
a:visited { text-decoration:none; color:#ff712c; }
a:hover { text-decoration:underline; color:#ff712c; cursor:pointer; }
a image { border:none; text-decoration:none; }
abbr,
acronym { border-bottom:1px dotted #FFF; cursor:help; }
b,
strong { font-weight:bold; color:#FFF; }
em,
i { font-style:italic; }
blockquote { margin:1em; font-family: Georgia, serif; font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: normal; line-height: 1.4em; }
ul,
ol,
dl { margin:10px; margin-left:40px; }
ul li { list-style:disc outside; }
ol li { list-style:decimal outside; }
dl dt { }
dl dd { }
th,
td { border:1px solid #CCC; padding:.5em; }
th { font-weight:bold; }
caption { margin-bottom:.5em; text-align:center; }
p,
fieldset,
table,
pre { margin-bottom:10px; }
input[type=text],
input[type=password] { border:1px solid #CCC; width:250px; }
input[type=checkbox] { }
input[type=radio] { }
input[type=submit] { border:none; background:#ff712c; color:#000; padding:3px 8px; }
input[type=submit]:hover { background:#feb997; color:#000; }
textarea { width:244px; padding:3px; height:100px; border:1px solid #CCC; }
label { display:block; }
/* Styles */
.tinybox { width:50px; }
.shortbox { width:100px; }
.midbox { width:250px; }
.longbox { width:700px; }
.small { font-size: 9px; }
:focus { outline:none; }
.alignleft { float:left; margin:5px 20px 20px 0; }
.alignright { float:right; margin:5px 0 20px 20px; }
.aligncenter { margin:0 auto 20px auto; display:block; }
label.error { color:#D20000; display:inline; }
input.error,
textarea.error { background: #FFDFDF; color: #8A0000; border-color:#D20000; }
.hasFocus { color:#000; font-weight:bold; }
.isChanged { color:#666; }
.hidden { display:none; }
img.size-thumbnail,
img.size-medium,
img.size-large { padding:1px; background:#32383d; border:1px solid #C7DCE0; }
a img.size-thumbnail,
a img.size-medium,
a img.size-large { padding:1px; background:#32383d; border:1px solid #ff712c; }
a:hover img.size-thumbnail,
a:hover img.size-medium,
a:hover img.size-large { padding:1px; background:#000; border:1px solid #FFF; }
p.wp-caption-text { margin:0; text-align:center; padding:5px 0; font-family: “Lucida Grande”, sans-serif; font-size:12px; line-height:1.2em; color:#98d3df; font-style:italic; }
a.download_button { border:none; background:#CCC; color:#000; padding:3px 8px; }
a.download_button:hover { background:#EEE; color:#000; }
.rounded-3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rounded-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.rounded-10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.rounded-20 { -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.rounded-30 { -moz-border-radius: 30px; -webkit-border-radius: 30px; }
a.contact_button { width:152px; height:55px; display:block; text-indent:-9999px; background:url(images/sprites.gif) no-repeat 0px 0px; float:right; clear:both; margin:30px 0; }
a.contact_button:hover { background:url(images/sprites.gif) no-repeat 0px -55px; }
#header a.contact_button { position:absolute; top:50px; right:50px; float:none; clear:none; background:url(images/sprites.gif) no-repeat 0px -55px; margin:0; }
#header a.contact_button:hover { background:url(images/sprites.gif) no-repeat 0px 0px; }
a.who_button { width:167px; height:55px; display:block; text-indent:-9999px; background:url(images/sprites.gif) no-repeat -157px 0px; float:right; clear:both; margin:30px 0; }
a.who_button:hover { background:url(images/sprites.gif) no-repeat -157px -55px; }
a.what_button { width:167px; height:55px; display:block; text-indent:-9999px; background:url(images/sprites.gif) no-repeat -329px 0px; float:right; clear:both; margin:30px 0; }
a.what_button:hover { background:url(images/sprites.gif) no-repeat -329px -55px; }
a.how_button { width:176px; height:55px; display:block; text-indent:-9999px; background:url(images/sprites.gif) no-repeat -501px 0px; float:right; clear:both; margin:30px 0; }
a.how_button:hover { background:url(images/sprites.gif) no-repeat -501px -55px; }
a.why_button { width:207px; height:55px; display:block; text-indent:-9999px; background:url(images/sprites.gif) no-repeat -682px 0px; float:right; clear:both; margin:30px 0; }
a.why_button:hover { background:url(images/sprites.gif) no-repeat -682px -55px; }
.textbox { font-family: Georgia, serif; font-size: 18px; line-height: 1.4em; font-style: italic; color:#FFC; padding:10px 15px; margin-bottom:10px; border:1px solid #4B555C; background-color:#212427; }
ul.two_column { }
ul.two_column li { width:40%; margin-right:40px; float:left; }
div.overlay { display:none; width:686px; padding:180px 0px 0px 60px; background: url(images/contact_window.png) no-repeat; color:#32383d; position:relative; }
div.overlay h3 { color:#000000; }
div.overlay div.close { background:url(images/close_button.png) no-repeat; position:absolute; top:165px; right:-10px; width:117px; height:58px; cursor:pointer; }
.wpcf7-response-output { background-color:#FFC; width:590px; }
/********* HOMEPAGE.PHP ***********/
div#slider { overflow:hidden; width:960px; }
div#slider ul#panels { width:4800px; margin:0; }
div#slider ul#panels li.panel { width:860px; padding:0 50px; margin:0; float:left; list-style:none; }
/********* PAGE.PHP ***********/
div.page { overflow:auto; margin-bottom:30px; }
/********* CONTACT.PHP ***********/
div#contact_page h2 { }
div.email_form { position:absolute; top:185px; left:60px; }
div#contact_page div.email_form { position:static; top:0; left:0; float:left; margin:0 80px 40px 0; }
div.email_form span.captcha-126 input { width:100px; }
div.contact_details { position:absolute; top:185px; left:370px; }
div.contact_details b,
div.contact_details strong { color:#000; }
div#contact_page div.contact_details { position:static; top:0; left:0; float:left; margin:0 0 40px 0; }
div#contact_page div.contact_details b,
div#contact_page div.contact_details strong { color:#FFF; }