/* 
 Theme Name: ACC Global Compliance
 Description: A custom theme for ACC Global Compliance
 Version: 1.0
 */
 
 
/* Import
-------------------------------------------------------------- */
@import 'media/css/pact.css';


/* Structure
-------------------------------------------------------------- */
body { background: #eaeae7 url('media/img/bg.png') repeat-x; }

#mainWrapper { overflow: hidden; width: 100%; }

img.alignright { clear: right; float: right; margin: 0 0 1em 2em; }
img.alignleft { clear: left; float: left; margin: 0 2em 1em 0; }

.clear { clear: both; }


/* Typography
-------------------------------------------------------------- */
body { color: #000; font-size: 62.5%; }

#mainHeader,
#mainBody,
#mainFooter { text-align: left; }

.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }

a { color: #008f18; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #004729; font-weight: bold; line-height: 1em; margin: .2em 0 1em; }

h1 {font-size: 1.5em; line-height: 1.5em; }
.body h1{background-image:url("media/img/grad_line.gif"); background-position:left bottom; background-repeat:no-repeat;}
.aside h1{background-image:url("media/img/grad_line_small.gif"); background-position:left bottom; background-repeat:no-repeat;}
h2 { font-size: 1.4em; }
h3 { color: #000; font-size: 1.1em; }
h4 { color: #000; font-size: 1.1em; }
h5 { color: #000; font-size: 1.1em; }
h6 { color: #000; font-size: 1em; }


/* Header
-------------------------------------------------------------- */
#mainHeader { background: url('media/img/phone-number.png') no-repeat 208px 93px; height: 112px; margin: 0 auto 42px; padding-top: 50px; position: relative; width: 960px; }

#mainHeader nav { height: 50px; left: 50%; position: absolute; top: 0; width: 100%; z-index: 200; }
#mainHeader nav div { float: left; }
#mainHeader nav ul { list-style: none; margin: 0 0 0 -50%; padding: 0; }
#mainHeader nav ul ul { display: none; }

#mainHeader nav li { float: left; height: 50px; line-height: 50px; margin: 0 6em 0 0; padding: 0; position: relative; }
#mainHeader nav li a { color: #fff; float: left; font-size: 1.2em; font-weight: bold; height: 50px; padding: 0 1em; text-decoration: none; text-transform: uppercase; }

#mainHeader nav li:hover a,
#mainHeader nav li.current_page_item a { color: #5de073; }

#mainHeader nav li:hover ul { background: #111; display: block; left: 0; margin: 0; padding: 0; position: absolute; top: 50px; width: 180px; }
#mainHeader nav li:hover ul li { float: none; height: auto; line-height: 1.5em; margin: 0; padding: 0; }
#mainHeader nav li:hover ul li a { color: #fff; display: block; float: none; height: auto; padding: 1em; }
#mainHeader nav li:hover ul li a:hover { color: #5de073; background: #262626; }

#mainHeader nav li:hover ul ul { display: none; }
#mainHeader nav li:hover li:hover ul { display: block; left: 180px; top: 0; }

#mainHeader h1 { background: url('media/img/logo.png') no-repeat 0 21px; border: 0; height: 112px; margin: 0; width: 182px; }
#mainHeader h1 a { display: block; height: 100%; text-indent: -9999em; width: 100%; }

#mainHeader .contactInfo { background: url('media/img/ico_phone.png') no-repeat left bottom; bottom: 14px; color: #6c6c6c; font-size: 1.2em; font-weight: bold; line-height: 1.8em; margin: 0; padding: 20px 0 0 40px; position: absolute; right: 0; text-align: right; }
#mainHeader .contactInfo em { color: #568e0b; display: block; font-size: 2.5em; font-style: normal; }

#mainHeader #apave { background: url('media/img/apave_logo.png') no-repeat bottom right; float: right; font-size: 1.2em; height: 70px; margin-top: 20px; text-align: right; width: 145px; }


/* Banner
-------------------------------------------------------------- */
#mainBanner { background: #b9b9b9 url('media/img/banner_bg.png') center center no-repeat; border: #878787 solid 1px; margin-bottom: 40px; padding: 40px; position: relative; z-index: 1; }
#mainBanner div { border: #878787 solid 1px; display: block; height: 175px; margin: 0 auto; width: 750px; }


/* Body
-------------------------------------------------------------- */
#mainBody { background: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0 0 3em; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 3em; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 3em; border-radius: 1.5em; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; margin: 0 auto 20px; padding: 30px; width: 900px; }

#mainBody .body { float: left; font-size: 1.4em; margin-bottom: 30px; width: 590px; }
#mainBody .aside { border-left: #eaeae7 solid 1px; color: #333; float: right; font-size: 1.3em; line-height: 1.3em; margin-bottom: 30px; padding-left: 30px; width: 250px; }
#mainBody .aside aside { margin-bottom: 3em; }
#mainBody .aside aside h1 { color: #000; }
#mainBody .aside p { margin-bottom: 1em; }

#mainBody .aside ul,
#mainBody article ul { list-style: none; margin: 0 0 1.5em; padding: 0em; }
#mainBody article li { background: url('media/img/bullet_green.png') no-repeat 0 0.25em; margin-bottom: 1em; padding-left: 2.25em; }

#mainBody .aside li { background: url('media/img/ico_arrow.png') no-repeat 0 0.25em; margin-bottom: 1em; padding-left: 1.75em; }
#mainBody .aside li a { color: #000; }
#mainBody .aside li a:hover,
#mainBody .aside li a:focus { color: #008f18; }

.textwidget img {border:5px solid #f0f0f0;}


/* Search Form
-------------------------------------------------------------- */
#searchform { font-size: 1.15em; margin-top: 2em; padding-top: 1.25em; text-align: center; }
#searchform #s { height: 1.25em; font-family: Arial, Verdana, sans-serif; font-size: 1em; border-color: #ccc; border-radius: .25em; -moz-border-radius: .25em; -webkit-border-radius: .25em; padding: .25em .5em; }
#searchform #s:focus { border-color: #999; }


/* Article
-------------------------------------------------------------- */
article { margin-bottom: 4em; }

article header { margin-bottom: 2em; }
article header h1 { margin-bottom: 0.25em; }
article header p { margin: 0; }
article header time { display: inline; }

article footer { border: #eaeae7 solid 1px; border-radius: .25em; -moz-border-radius: .25em; -webkit-border-radius: .25em; margin-top: 2em; padding: 1em; }
article footer .tags { text-align: right; }
article footer .pages { float: left; }
article footer .postmetadata { clear: left; margin: 0; }

article ul,
article ol { padding-left: 1.5em; }

article blockquote,
.commentlist blockquote { border-left: #eaeae7 solid 3px; margin-left: 0; padding-left: 2em; }


/* Comments
-------------------------------------------------------------- */
section.comments-type { margin-top: 4em; }
section.comments-type h1 { font-size: 1.4em; margin-bottom: .4em; }

section.comments-type ul { list-style: none; margin: 0; padding: 0; }
section.comments-type li { margin: 0; padding: 0; }
section.comments-type ul.children { margin-left: 10%; }
section.comments-type ul.children section { border-top: 1px solid #eaeae7; }

section.comments-type section { border: 1px solid #eaeae7; border-color: #eaeae7; border-radius: .25em; -moz-border-radius: .25em; -webkit-border-radius: .25em; margin: 0 0 1em; padding: 1em; }
section.comments-type section header { margin-bottom: .5em; }
section.comments-type section header .avatar { border: 1px solid #ccc; margin: 0 0 .5em .5em; padding: 3px; float: right; }
section.comments-type section header cite { display: inline; font-size: 1.25em; font-style: normal; line-height: 1.5em; margin-right: .75em; }
section.comments-type section header p { display: inline; height: 2.16em; font-size: .9em; line-height: 2.16em; }
section.comments-type section footer { visibility: hidden; clear: left; font-size: .9em; text-align: right; padding: 0; }
section.comments-type section footer span { float: left; }
section.comments-type section:hover footer { visibility: visible; }


/* Comment Form
-------------------------------------------------------------- */
section#respond { margin-top: 4em; }
section#respond h1 { font-size: 1.4em; margin-bottom: .4em; }

section#respond form label { display: block; font-size: 1em; font-weight: normal; margin-top: 1em; }
section#respond form input[type="text"],
section#respond form input[type="email"],
section#respond form input[type="url"],
section#respond form textarea { display: block; width: 75%; height: 1.75em; font-family: Arial, Verdana, sans-serif; font-size: 1em; border-color: #eaeae7; border-radius: .25em; -moz-border-radius: .25em; -webkit-border-radius: .25em; padding: .25em .5em; }
section#respond form textarea { width: 94%; height: 10em; padding-bottom: .5em; }
section#respond form button { font-size: 1em; padding: .5em .5em; }

section#respond form input[type="text"]:focus,
section#respond form input[type="email"]:focus,
section#respond form input[type="url"]:focus,
section#respond form textarea:focus { border-color: #ccc; }

section.comments-type section#respond { border-top: 1px solid #ccc; margin: 0 0 0 10%; padding: 2em 0; }
section.comments-type #cancel-comment-reply-link { display: inline; font-size: 1em; }


/* Footer
-------------------------------------------------------------- */
#mainFooter { background: #6a6c69; border-radius-bottom-left: 1.5em; border-radius-bottom-right: 1.5em; -moz-border-radius-bottomleft: 1.5em; -moz-border-radius-bottomright: 1.5em; -webkit-border-bottom-left-radius: 1.5em; -webkit-border-bottom-right-radius: 1.5em; clear: both; color: #fff; font-size: 1.1em; margin: 30px -30px -30px; padding: 20px 30px; width: 900px; }

#mainFooter nav { float: left; margin-right: 10px; width: 155px; }
#mainFooter h1 { color: #fff; border: 0; font-size: 1.4em; margin-bottom: 0.5em; }
#mainFooter a { color: #fff; }

#mainFooter ul { list-style: none; margin: 0; padding: 0; }
#mainFooter li { line-height: 2em; }

#mainFooter aside { float: left; width: 505px; }

#mainCopyright { background: url('media/img/copyright_logo.png') no-repeat; claer: both; font-size: 1.1em; height: 40px; margin: 0 auto 20px; padding: 8px 0 8px 160px; width: 280px; }


/* Contact Form
-------------------------------------------------------------- */
.contact_widget label { clear: both; float: left; line-height: 2.75em; text-align: right; width: 70px; }
.contact_widget input.text,
.contact_widget textarea { float: left; margin-left: 10px; padding: 6px; width: 150px; }
.contact_widget textarea { font-family: arial, sans-serif; font-size: 1em; height: 60px; }
.contact_widget input.button { background: url('media/img/button.png'); border: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; clear: both; color: #fff; cursor: pointer; font-size: 1.2em; font-weight: bold; height: 36px; line-height: 36px; margin-left: 80px; padding: 0 1em; }










.skype-button { background: #e5e5e5 url('media/img/skype.png') no-repeat center center; border: #999 solid 1px; display: block; height: 60px; overflow: hidden; text-align: left; text-indent: -9999em; }
.skype-button:hover { background-color: #e8f8fe; background-image: url('media/img/skype_hover.png'); border-color: #11b4f1; }

.email-button { background: #e5e5e5 url('media/img/email.png') no-repeat center center; border: #999 solid 1px; display: block; height: 60px; overflow: hidden; text-align: left; text-indent: -9999em; }
.email-button:hover { background-color: #e6f4e8; background-image: url('media/img/email_hover.png'); border-color: #008f18; }