/* CSS Document */

/*

Theme Name: Integraflow
Theme URI: http://www.integraflow.com.au
Description: A theme for integraflow
Version 1.0
Author: Euphoria Web Design
Author URI: http://www.euphoriawebdesign.com.au

*/

/*** Reset ***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

/*** General H Tags & Body ***/

h1{font-size:22px;font-weight:normal;padding:0px;margin:0px;color: #fff;}
h2{font-size:20px;font-weight:normal;padding:0 0 10px 0;margin:0px;color: #000;}
body {background: #f3f3f3 url(images/bg_bck.gif) repeat-x; font-family: Arial, verdana, sans-serif;}
.clear {clear:both;}

#wrapper {width: 960px; margin: 0 auto;}

/*** Header ***/

#header {height: 143px; width: 960px;}
.logo {float: left; width: 255px; height: 143px;}
#headright {float: right;width: 492px; height: 143px;}
.tel {width: 492px; height: 106px;}
.tel img {float: right; margin-top: 22px;}

#navbck {height: 39px;}
#navt{list-style:none;margin:0;padding:0;text-align:center;font-family:Arial; font-size: 14px; font-weight: bold;}
#navt li{display:inline;}
#navt ul { list-style-image:url(images/nv_sep.gif);}
#navt a:link{display:inline-block;padding:10px 12px 0 0px ;color: #000; text-decoration: none; text-transform:uppercase;}
#navt a:visited {display:inline-block;padding:10px;color: #000;}
#navt a:hover {color: #48bced; text-decoration: none;}

/*** Slideshow ***/

#slideshow {width: 960px;  height: 250px; overflow: hidden; background:url(images/slide_bck.gif);}
.slidetext {float: left;width: 580px; height: 260px; margin: 10px 0 0 10px;overflow: Hidden; position:relative;}
.slidetext h1 {font-size: 20px; font-family: Arial; font-weight: bold;color: #fff; padding: 26px 0 10px 23px;}
.slidetext p {padding: 10px 10px 10px 23px; color: #fff; font-size: 14px; font-family: Arial;}
.slideimg { float: right; width: 350px; height: 260px; margin: 0px 10px 0 0;}
a.button {background: transparent url('images/btn_a.png') no-repeat scroll top right;color: #fff;display: block;float: left;font: normal 20px "PF Square Sans Pro Medium" ;height: 47px;margin-right: 6px;padding-right: 18px; /* sliding doors padding */text-decoration: none;margin-left: 23px; margin-top: 20px;}
a.button span {background: transparent url('images/btn_span.png') no-repeat;display: block;line-height: 14px;padding: 17px 0 17px 14px;}
.rbtn {width: 265px; height: 47px; margin-left: 23px; margin-top:20px;float: left;}
.lbtn {width: 265px; height: 47px; margin-left: 23px; margin-top:20px;float: right;}

/*** Snippets Home ***/

/*** Home Page ***/

#hm {margin: 34px 0 0;clear: both;font-size: 12px;color: #767676;}
#hm .colhm {float: left;width: 248px;background: #f8f8f8 repeat-x;height: 270px;border: 1px solid #e2e2e2;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; padding: 10px 20px 10px 15px; margin-right: 54px;margin-bottom: 10px;}
#hm .colhm h2 {font: normal 18px Arial;color: #000;margin-bottom: 10px;}
#hm .colhm h2 span {color: #000;}
#hm .colhm img {margin-bottom: 10px;}
#hm .colhm p {margin-bottom: 10px;line-height: 17px; font-size: 11px; font-family: Arial; color: #000;}
#hm .colhm.noMargin {margin: 0;}
#hm .colhm.fr {margin: 0;float: right;}
#hm .colhm a.readmore {background: transparent url('images/btn_b.png') no-repeat scroll top right;color: #fff;display: block;float: left;font: normal 18px "PF Square Sans Pro Medium" ;height: 38px;padding-right: 18px; /* sliding doors padding */text-decoration: none;}
#hm .colhm a.readmore span {background: transparent url('images/btn_spanb.png') no-repeat;display: block;line-height: 14px;padding: 12px 0 12px 12px;}
.readmore {width: 114px; height: 38px; margin-left: 0px; margin-top:20px;}
.readmore1 {width: 114px; height: 38px; margin-left: 0px; margin-top:38px;}

#product {width: 489px; height: 510px; float: left; margin-top: 30px;}
#products {margin: 0px 0 0;clear: both;font-size: 12px;color: #767676;}
#products .colproduct {float: left;width: 200px;background: #f8f8f8 repeat-x;height: 210px;border: 1px solid #e2e2e2; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;padding: 10px 10px 10px 20px; margin-right: 25px;margin-bottom:30px;}
#products .colproduct h2 {font: normal 14px Arial;color: #000;margin-bottom: 10px;}
#products .colproduct h2 span {color: #000;}
#products .colproduct img {margin-bottom: 10px;}
#products .colproduct.fr {margin: 0;float: right;}
#products.colproduct.noMargin {margin: 0;}
a.pro {background: transparent url('images/btn_c.png') no-repeat scroll top right;color: #fff;display: block;float: left;font: normal 14px "PF Square Sans Pro Medium" ;height: 38px;padding-right: 10px; /* sliding doors padding */text-decoration: none;}
a.pro span {background: transparent url('images/btn_spanc.png') no-repeat;display: block;line-height: 14px;padding: 7px 0 7px 14px;}
.read {width: 90px; height: 28px; margin-left: 0px; margin-top:10px;}

#mainarea {float: right; height: 510px; width: 461px; margin-top: 30px;}
.topr {width: 461px; height: 11px; background: url(images/topr.png);}
.botr {width: 461px; height: 11px; background: url(images/botr.png);}
.conr {width: 459px; height: 489px; background: url(images/conr.png) repeat-x; margin-left: 1px; margin-right: 1px;}
.conr p {font-family: Arial; font-size: 11.5px; color: #fff;padding: 10px 20px 10px 20px;}
.conr ul {font-size: 11.5px; font-family: arial; color: #fff; padding: 0 0 0 40px; list-style:none;}
.conr h1 {font-size: 22px; font-family: arial; padding: 10px 0 0 20px;}

/*** Footer ***/

#footer {width: 100%; height: 210px; background: url(images/foot_bck.gif) repeat-x; margin-top:30px;}
#footbck {margin: 0 auto; width: 960px;}
.colfoot {float: left;padding: 10px 0 0 0px;width: 240px; }
.col:first-child {padding: 30px 0 0 0;}
.colfoot h2 {color: #5c6874;float: left; font: normal 18px "Trebuchet MS"; margin: 0 0 20px 0; padding: 0px 0 10px 0px; height: 16px; width: 225px;  border-bottom: 1px dotted #666;}
.colfoot ul {list-style: none; margin: 0; padding: 0; }
.colfoot li a {color: #5c6874; font: normal 12px Arial; padding: 10px 0 0 0; text-decoration: underline;}
.colfoot li a:hover {text-decoration: none;}
.colfootr {float: left;padding: 10px 0 0 0px;width: 260px; margin-left: 20px;}
.colfootr h2 {color: #5c6874;float: left; font: normal 18px "Trebuchet MS"; margin: 0 0 20px 0; padding: 0px 0 10px 0px; height: 16px; width: 225px;  border-bottom: 1px dotted #666;}
.colfootr p  {font-size: 11px; font-family: arial;}

/*innerpage contents styles start*/

/*** Content ***/

#container {width: 960px; height: auto; overflow: hidden;}


#content { margin: 20px 0 0 0;clear: both;font-size: 12px;color: #767676; overflow: hidden;}
#content .col {float: left; width: 660px ;background: #fff;height: auto;border: 1px solid #dddfe1;padding: 20px;margin-bottom: 20px; overflow: hidden;}
#content .col h2 {font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #000;text-decoration: none;margin-bottom: 5px;}
#content .col h3 {font: normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #666;text-decoration: underline;margin-bottom: 15px;}
#content .col h2 span {color: #2f2f2f;}
#content .col img {border: solid 1px #d8d8d8;padding: 2px;margin-left: 10px;margin-bottom: 10px;}
#content .col p {margin-bottom: 10px;line-height: 17px;}
#content .col p a:link {color: #529dbf; text-decoration: underline;}
#content .col p a:hover {color: #529dbf; text-decoration:none;}
#content .col p a:visited {color: #529dbf; text-decoration: underline;}
#content .col ul {margin:20px 0 20px 40px;}
#content .col li {color: #1d3367;}
#content table a:link {color: #529dbf; text-decoration: underline;}
#content table a:visited {color: #529dbf; text-decoration: underline;}
#content table a:hover {color: #529dbf; text-decoration: none;}

#sidebar { float: right; width: 240px;}

#sidebar h2 {width: 240px; height: 28px; background: url(images/nc_bck.gif);font-family:"Trebuchet MS";font-size:16px;font-weight:normal; padding: 8px 0 0 15px;color: #fff;}

#sidebar ul {margin: 10px 0 20px 30px; color: #1d3367;}

#sidebar ul li a {color: #1d3367; text-decoration: underline;}

#sidebar ul li a:hover {color: #1d3367; text-decoration: none;}

/***************** Blog ******************/







.blog_title {font-size: 20px; color: #023287; padding:10px 0px 15px 13px;text-decoration: underline;}



.blog_title a:link {color: #d3074a; text-decoration: none;}



.blog_title a:active {color: #d3074a; text-decoration: none;}



.blog_title a:visited {color: #d3074a; text-decoration: none;}



.blog_title a:hover {color: #af1c4c; text-decoration: none;}



.author_blog {font-size: 12px; color: #666; margin: 5px; padding: 0px 0px 0px 10px;}







/***************** Blog ******************/







.post {clear:both; color: #fff; padding-left:15px; padding-right: 15px;}



.post p {font-size:14px;line-height:18px;font-family:'Arial';font-weight:normal;color:#000;}



.post img {border: #006 2px solid;}



.title {float: left;margin-left: 0px;width: 630px;}



.post-date {width: 48px;height: 55px;float:left;background: url(images/date.png) no-repeat;}



.post-month {font-size: 11px;text-transform: uppercase;color: #222222;text-align: center;display:block;line-height: 11px;padding-top: 5px;margin-left: -3px;}



.post-day {font-size: 18px;text-transform: uppercase;color: #000000;text-align: center;display:block;line-height: 18px;padding-top: 9px;margin-left: -3px;}



.entry {clear: both; padding: 0px 0px 10px 0px; background: #d7d7d7; margin:10px 0px 10px 0px;width: 648px;}



.comments {display: block;font:10px;float: left;margin: 0;padding: 3px 0px 3px 0px; color: #023099;width:100%;margin:4px 0 0 0}



.author {display: block;margin: 0; padding:0px 0px 0px 15px;font-weight: normal;color: #444444;}



.navigation {clear: both;padding: 10px 0px;}



.navigation a, .navigation a:visited {color: #000000;}



.previous-entries a {float: left;padding-left: 12pt;}



.next-entries a {float: right;padding-right: 18pt;}







/* image caption */







.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}



.wp-caption img {margin: 0;padding: 0;border: 0 none;}



.wp-caption-dd {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}







/* Fix floats */





.post .button {
	display:block;
	width:210px;
	height:42px;
	text-indent:-9999px;
}
.post .button a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(images/Campaign-Monitor-button.png) no-repeat top left;
	outline:none;
}
.post .button a:hover {
	background-position:0 -42px;
}









/* image caption */