/*
Theme Name: Secure Print
Theme URL: http://secureprint.com.au
Version: 1.0
Description: Secure Print Custom Website
Author: Intervision Design
Author URI: http://www.intervisiondesign.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/







/************************************/
/************ START CSS *************/

html {height:100%;}
body {margin:0px; line-height:1.5em; height:100%; background:#4a4a4a;}
body,td,th {color:#000; font-family: 'Open Sans', arial, sans-serif; font-size: 12px;}

/**********************************/
/************* RESET **************/

h1, h2, h3, h4, h5, h6, div, a, li, ul, fieldset, form, img, p, span {padding:0; margin:0; text-decoration:none; font-weight:normal; list-style:none; border:0;}
h1, h2, h3, h4, h5, h6 {font-weight:300;}
img { display:block;}
a { color:#ef3125; outline:none;}
a:hover { color:#CC0000;}
a:active {}
.clear {clear:both;}

/************************************/
/********** SITE ALIGNMENT **********/

#wrapper { margin:0 auto; width:1050px; background:#fff;}

/************************************/
/************** HEADER **************/

#header { height:352px; background:url(images/bg.jpg) no-repeat;}
#header h1#logo { float:right; width:445px; height:161px; margin:10px 60px 0 0; background: url(images/secure_print.png) no-repeat;}

/************************************/
/*************** MENU ***************/

#menu { margin:0 auto; width:800px; height:50px;}
#menu ul {}
#menu ul li { list-style:none; float:left; position:relative; display:block;}
#menu ul li a {}
#menu ul li a h2 { font-size:13px; color:#fff; padding:15px 30px 0 0; text-transform:uppercase; height:35px; font-weight:700;}
#menu ul li a:hover h2, #menu ul li.current-menu-item a h2  {color:#000;}

#menu ul li ul { display:block; z-index:9999; position: absolute; top:40px; left:-15px; width:165px; background:#ef3125; height:auto; -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
#menu ul li ul li a { display:block;}
#menu ul li ul li a h2 { width:120px; padding:5px 15px; height:20px;}
#menu span {display:none;}

/************************************/
/*********** MAIN CONTENT ***********/

#maincontent { margin:0 auto; width:800px;}
.post { padding:0 0 20px 0; border-bottom:3px dashed #ef3125; margin:0 0 20px 0;}
.gap { height:50px; display:block;}

.boxes {}
.boxes .promo { float:left; width:170px; padding:0 15px 50px 15px; position: relative; display:block;}
.boxes .promo a { color:#000;}
.boxes .promo img { border:1px solid #000; margin:0 0 20px 0;}
.boxes .promo .text { padding:0;}
.boxes .promo h2 { font-size:14px; font-weight:700;}
.boxes .promo h4 { font-size:12px; font-weight:700;}
.boxes .promo .cover {}
.boxes .promo #item-45 { background:url(images/home4.jpg) no-repeat; position:absolute; top:1px; left:16px; width:170px; height:110px; z-index:99;}
.boxes .promo #item-46 { background:url(images/home3.jpg) no-repeat; position:absolute; top:1px; left:16px; width:170px; height:110px; z-index:99;}
.boxes .promo #item-47 { background:url(images/home2.jpg) no-repeat; position:absolute; top:1px; left:16px; width:170px; height:110px; z-index:99;}
.boxes .promo #item-48 { background:url(images/home1.jpg) no-repeat; position:absolute; top:1px; left:16px; width:170px; height:110px; z-index:99;}

.details h3 {font-size:14px; font-weight:700; padding:10px 0;}

/************************************/
/*********** TEXT STYLING ***********/

h2.pagetitle {font-size:24px; color:#000;padding:0 0 30px 0; line-height:1em; font-weight:400;}
.text { line-height:1.5em;}
.text p { padding:0 0 10px 0;}
.text ul { padding:0 0 7px 0;}
.text ul li { list-style:square; list-style-position:outside; margin:0 0 0 15px;}
.text a {}
.text blockquote { margin:0; padding:20px 0 0 20px; background:url(images/q_open.jpg) top left no-repeat;}
.text blockquote p { padding:0 5px 15px 0; font-size:14px; font-style:italic; background:url(images/q_close.jpg) bottom right no-repeat;}
.text h6 { font-size:16px;}
.text h5 { font-size:13px; font-weight:bold;}
.text h4 { font-size:14px;}
.text h3 { font-size:14px; line-height:16px; padding:3px 0 10px 0; font-weight:bold; color:#666;}
.text h2 { font-size:18px; line-height:20px; padding:10px 0; font-weight:400;}
.text h1 { font-size:24px; line-height:26px; color:#999; padding:0 0 20px 0; font-weight:400; text-transform:uppercase;}

input[type="text"], input[type="email"], input[type="password"], textarea { margin:5px 0; padding:10px; border:1px solid #ccc; background:#fff; color:#666; font-size:12px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { background:#666; color:#fff;}
.text input[type="text"], .text input[type="email"], .text input[type="password"] { width:300px;}
.text textarea { width:400px; height:70px;}

/************************************/
/************** FOOTER **************/

/*#footer { display:block; margin:10px 0; color:#999; font-size:10px;}
#footer a { color:#666;}*/
#footer { margin:0 auto; width:800px; display: block; position: relative;}
.copyright { text-align:center; font-family:"Times New Roman", Times, serif; font-size:11px; color:#666; padding:0 0 30px 0;}
.copyright a { color:#666;}
#submenu { margin:0 auto; width:800px; height:50px;}
#submenu ul {}
#submenu ul li { list-style:none; float:left; position:relative; display:block;}
#submenu ul li a {}
#submenu ul li a h2 { font-size:13px; color:#fff; padding:15px 30px 0 0; text-transform:uppercase; height:35px; font-weight:700;}
#submenu ul li a:hover h2, #submenu ul li.current-menu-item a h2  {color:#ccc;}

#submenu ul li ul { display:block; z-index:9999; position: absolute; bottom:40px; left:-15px; width:165px; background:#4a4a4a; height:auto; -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
#submenu ul li ul li a { display:block;}
#submenu ul li ul li a h2 { width:120px; padding:5px 15px; height:20px;}
#submenu span {display:none;}

#logo1 { width: 31px; height: 60px; position: absolute; top: 10px; right: -55px; background: url(images/logo1.jpg) no-repeat;}
#logo2 { width: 60px; height: 60px; position: absolute; top: 10px; right: -125px; background: url(images/logo2.jpg) no-repeat;}

/************************************/
/************ ALIGNMENTS ************/

.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:10px 0;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; padding:10px 0;}
.alignleft { float: left; padding:10px 0;}
img.alignleft { display:inline; float:left; margin-right:15px; margin-top: 6px; padding:10px 0;}
img.alignright { display:inline; float:right; margin-left:15px; padding:10px 0;}

/************************************/
/************* PAGENAVI *************/

.wp-pagenavi { font-size:13px; margin:0 auto; padding:20px;}
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #333; background: #fff;}
.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #333; background: #fff; }
.wp-pagenavi a:hover { border: 1px solid #999; color: #000; background-color: #fff; }
.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #ccc; background: #fff; }
.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #333; border: 1px solid #ccc; background: #fff; }
.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #999; color: #000; background: #fff;}
.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #ccc; color: #333; background: #fff; }

/****** CONTACT FORM 7 *******/
.wpcf7-form .wpcf7-validation-errors{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form .wpcf7-mail-sent-ok{ border:none;  background-color:#daeabd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form .wpcf7-mail-sent-ng{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form span.wpcf7-not-valid-tip{ border:none;  background-color:#eacebd;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}

/************************************/
/************* END CSS! *************/