/*  
Theme Name: IT&T
Theme URI: http://www.itt.com.au/
Description: A Wordpress theme for IT&T
Version: 1.0
Author: Ross Marshall
Author URI: http://www.itt.com.au */

/* Start 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
/* remember to define focus styles! */
:focus {
	outline: 0;}
ol, ul {
	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;}
caption, th, td {
	text-align: left;
	font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";}
	
blockquote, q {
	quotes: "" "";}
/* End Reset */
html{
	font-size:100%; }

body {
    line-height: 1;
    font-size:1em;
	background: #fff url(images/background.png) no-repeat;
	color: #454545;
	padding: 13px 0 25px 0;}

body, select, input, textarea {
	font: 100% Arial, Helvetica, Tahoma, Sans-Serif;}
	
p {	
	font-size: 110%;
	margin: 0 20px 0 5px;
	line-height: 1.5em;
	padding:0 0 14px 0;}

a:link, a:visited {
	color: #243D98;
	text-decoration:none;}

a:hover, a:active {
	color:#333;
	text-decoration:underline;}

.pdflink { 
	padding: 5px 0 5px 20px;
	background: transparent url(images/pdf.png) no-repeat center left;}

.excellink { 
	padding: 5px 0 5px 20px;
	background: transparent url(images/xcel.png) no-repeat center left;}

.loginlink { 
	padding: 5px 0 5px 20px;
	background: transparent url(images/lock.png) no-repeat center left;}
	
.formlink { 
	padding: 5px 0 5px 20px;
	background: transparent url(images/application_form.png) no-repeat center left;}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;}

small {
	font-size: 90%;
	background:#f3f3f3;
	padding:3px 6px;}

.wp-caption-text {
	background:#f3f3f3;
	border-bottom:1px solid #D8D8D8;
	border-left:1px solid #D8D8D8;
	border-right:1px solid #D8D8D8;
	font-size:78%;
	margin:0pt 4px 0pt 0px;
	padding:3px 6px;}

blockquote { margin: 1.5em; font-style: italic; color:#303030;}
strong { font-weight: bold;color:#000; }
em { font-style: italic; }
.highlight{color:#EF3F23}
.success{color:green; font-weight:bold;}
.introtext {font-size:113%;}
.newsletter {background:url(images/newsletter.png) left no-repeat;margin:10px 2px 20px 0;padding:10px 0 10px 56px;}
.feed {background:url(images/feed.png) left no-repeat;margin:10px 2px 20px 0;padding:10px 0 10px 56px;}

/* Structure */

#page {
	width:880px;
	margin:0 auto;
	font-size: 0.750em;
	background:transparent;
	padding: 50px 25px 25px 25px;}

#branding {
	background: #fff;}

#introduction {
	margin:0 0 0 16px;}	

.left {
	float:left;}

.right {
	float:right;}

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

#leftcol {
	width:45%;
	padding-right:18px;}	
	
#rightcol {
	width:45%;
	padding-left:18px;
	margin:20px 30px 0 0;}	

/*Nav*/
/*First Level*/
#navfirst {
	background:#fff;
	height:12px;
	margin:68px 10px 0 98px;
	font-size:113%;}
	
#navfirst li {
	list-style:none;
	float:left;}

#navfirst a, #navfirst a:visited {
	float:left;
	display:block;
	color: #000;
	padding:0 11px;}

#navfirst a:hover, #navfirst a:active, .current_page_item	a {
	text-decoration:underline;
	color: #EF3F23;
	background:#fff!important;}
			
/*End First Level*/
/*Main Bar*/
#nav {
	background:url(images/bgOFF.gif) repeat-x #fff;
	height:39px;
	border-top:4px solid #ef3f23;
	margin-top:15px;
	font-size:122%;}
	
#nav li {
	list-style:none;
	float:left;}

#nav a, #nav a:visited {
	float:left;
	display:block;
	color: #666;
	padding:10px 23px 0 23px;height:23px;background:transparent url(images/bgDIVIDER.gif) no-repeat top right;}

#nav a:hover, #nav a:active, #nav .current_page_item a, #nav .current_page_ancestor a{
	background:url(images/bgON.gif) repeat-x #fff;
	text-decoration:none!important;
	color: #EF3F23;}	
/*End Main Bar*/	

/*Child Nav*/
#child {
	background:url(images/child_bgOFF.gif) repeat-x #fff;
	height:22px;
	font-size:106%;}
	
#child li {
	list-style:none;
	float:left;}

#child a, #child a:visited {
	float:left;
	display:block;
	color: #fff;
	padding:3px 23px;background:transparent;}

#child a:hover, #child a:active, #child .current_page_item a {
	background:url(images/child_bgON.gif) repeat-x #fff!important;
	text-decoration:none!important;
	color: #fff;}	
/*End Child Nav*/

/*Side Nav*/
#navside{
	background:#f7f7f7;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
	font-size:106%;
	width:248px;}
	
#navside li {
	list-style:none!important;
	border-bottom:1px solid #ececec;
	margin:4px 8px;}

#navside a, #navside a:visited {
	color:#717171;
	display:block;
	padding:8px 12px 8px 24px;
	background: transparent url(images/arrow.gif) no-repeat center left;}

#navside a:hover, #navside a:active, #navside .current-cat a, #navside .current_page_item a {
	background: transparent url(images/arrow.gif) no-repeat center left!important;
	text-decoration:none!important;
	color: red;}	

/*End Side Nav*/

/*Headers */

h1 {
	font: 220% Helvetica, Arial, sans-serif;
	color:#000;
	padding-bottom:4px;
	border-bottom:1px solid #e9e9e9;
	margin: 20px 0;}

h1.intro {
	width: 377px; height: 120px;
	background: url(images/innovativesolutions.png);
	text-indent: -9999px;
	border-bottom:0;
	margin:0;}
	
h2 {
	font: 170% Helvetica, Arial, sans-serif;
	padding-bottom:4px;
	margin: 20px 0;}
	
h2.image_replacement {
	width: 249px; height: 50px;
	position: relative;
	overflow:hidden;
	padding:0;
	margin: 5px 0;}
	h2.image_replacement .quote {
		background: url(images/freequote.png);
		position: absolute;
		width: 100%;
		height: 100%;
	}
	h2.image_replacement .viewwork {
		background: url(images/btn_work.png);
		position: absolute;
		width: 100%;
		height: 100%;
	}

h3 {
	height:33px;
	font-size: 106%;
	font-weight:normal;
	border-top:1px solid #ebebeb;
	margin-bottom:4px;
	padding:6px 0 0 12px;
	color:#484848;
	background:transparent url(images/h3_leftbg.png) repeat-x top right;}

#sidebar h3 {
	height:27px;
	color:#fff;
	background:red url(images/h3_rightbg.png) repeat-x top right;
	margin:14px 0 0 0;}

h3#respond {
	border-top:1px dotted #b6b6b6;
	margin-top:25px;
	padding-top:20px;}

h4 {
	font: 136% Georgia,'Times New Roman',Serif;
	margin:0 20px 16px 5px;
	line-height:1.4em;
	font-weight:500;
	color:#000;
	background:#fff;}	
	
/* Content */

#content {
	width:605px;
	float:left;}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	font-style:italic;
	color:#545454;
	margin-top:-4px;}
	
.feature p, #rightcol p {
	margin:0;
	padding:0;}
			
#leadpic {
	float:left;
	margin: 0 18px 8px 0;}

.screenshot {
	border:3px solid #d8d8d8;}

.portfolio {
	height:249px;
	margin-bottom:24px;
	border-bottom:1px solid #E9E9E9;}

#lead {
	margin-top:14px;}

.title {
	font-size:1.2em;
	font-weight:bold;
	line-height:115%;}

.excerpt {
	height:220px;
	overflow:hidden;
	}

#content ul, ol { margin: 0 0 1.5em 2em;font-size:110%;}
#content ul li {padding-bottom:8px;}
ul { list-style-type: square; }
ol { list-style-type: decimal; }
dl { margin: 0; }
dl dt { font-weight: normal; }
dd { margin: 0;}

ul.super {
	 list-style-type: none;
	 padding: 5px;
	 margin: 0!important;}
	 
ul.super li.odd {
	background:#e6eff1 url(images/correct.gif) no-repeat scroll 1pt 0.6em;
	padding-bottom:7px;
	padding-left:1.8em;
	padding-top:7px;}
					
ul.super li.even {
	background:#fff url(images/correct.gif) no-repeat scroll 1pt 0.6em;
	padding-bottom:7px;
	padding-left:1.8em;
	padding-top:7px;}

ul.archive-list {
	margin:0!important;
	font-size:100%!important;
	}
		
.archive-list li.top {
	border-bottom:1px dotted #B1B1B1;
	float:left;
	min-height:256px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 25px 18px 0;
	width:275px;}

#leftcol .feature {
	margin-bottom: 5px;
	border-bottom:none;}

#rightcol img {
	float:left;
	margin:3px 10px 4px 0;}

#leftcol img {
	margin-bottom: 4px;
	display:block;}
	
#rightcol .clearfloat {
	border-bottom:1px dotted #b6b6b6;
	padding:12px 0;}	

#sidelist li {
	list-style:none;}
	
#sidelist li ul li {
	list-style:square;
	margin-bottom:5px;
	line-height:115%;
	margin-left:22px;}
	
#sidelist li ol li {
	list-style-type:decimal;
	margin:3px 4px 3px 0;
	}

/* Form Elements */
select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%;}
	
#searchform {
	padding-top:5px;}

#searchform input {
	padding:3px;
	width: 174px;}

.button {
	width:60px !important;  
	padding:2px; 
	margin: 5px 3px 0 0;
	font-size:12px;
	background:url(images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;}

.button:hover {
	background:#e5ebeb;}

/* Float Properties*/
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";}
	
.clearfloat {
	display:inline-block;
	clear:both;}

.clearfloat {
	display:block;}

/* Image Properties */	
.alignleft {
	float:left;
	margin: 0 18px 18px 0;}
	
.alignright {
	float:right;
	margin: 0 0 18px 18px;}
	
.aligncenter {
	border:4px solid #ccc;}
	
#sidebar img{
	padding:2px;}
	
.action_btn {
	padding:16px 0 0!important;}

/* Footer */
#footer {
	margin: 0 auto;
	width: 900px;
	font-size:0.7em;
	padding-top:15px;
	color:#333;
	border-top: 1px solid #ccc;}

#footer ul {
	list-style-type: none;
	float:left;
	width:134px;
	padding:0 6px 8px;
	}
#footer ul li.first {
	border-bottom:1px solid #ccc;
	margin-bottom:2px;
	padding-bottom:1px;
	font-weight:bold;
	font-size:110%;
	}
#footer ul li.first+li.first {
	border:none;
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:100%;
	}
	
#footer ul a:link, #footer ul a:visited {
	color: #333;}	
	
/* Sidebar */
.login {
	background:url(images/login-bg.png) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
	margin:7px 0;
	padding:8px 0 8px 6px;}

.domain {
	background:#fff; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
	margin:7px 0;
	padding:8px 0 8px 6px;}	
	
.testimonials {
	background:url(images/testimonials-bg.png) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
	margin:7px 0;
	padding:16px 0 0px 12px;}
	
/* Section Icons */
#ico ul li {
	list-style-type: none;
	padding: 11px 8px 11px 8px;
	margin: 0;
	display: block;
	float:left;}
#ico a {
	text-decoration: none;
	display: block}
#it {
	text-indent:-120em;
	text-decoration:none;
	display:block;
	width:124px;
	height:113px;
	background: white url(images/icon_it.png) no-repeat}
#it:hover { 
	background-position: right }

#webdesign {
	text-indent:-100em;
	text-decoration:none;
	display:block;
	width:124px;
	height:113px;
	background: white url(images/icon_webdesign.png) no-repeat}
#webdesign:hover { 
	background-position: right; }

#mobile {
	text-indent:-100em;
	text-decoration:none;
	display:block;
	width:124px;
	height:113px;
	background: white url(images/icon_mobile.png) no-repeat}
#mobile:hover { 
	background-position: right; }

#phone {
	text-indent:-100em;
	text-decoration:none;
	display:block;
	width:124px;
	height:113px;
	background: white url(images/icon_phone.png) no-repeat;}
#phone:hover { 
	background-position: right; }
	
#cabling {
	text-indent:-100em;
	text-decoration:none;
	display:block;
	width:124px;
	height:113px;
	background: white url(images/icon_cabling.png) no-repeat}
#cabling:hover { 
	background-position: right; }

#security {
	text-indent:-100em;
	text-decoration:none;
	display:block;
	width:124px;
	height:113px;
	background: white url(images/icon_security.png) no-repeat}
#security:hover { 
	background-position: right; }
/*END SECTION ICONS*/
	
#tariffs {
	width:422px;
	text-align:left;
	font-size:100%;
	border: 1px solid #C1DAD7;
	margin:0;}
#tariffs th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	text-align: left;
	padding: 5px 5px 5px 10px;
	background: #CAE8EA;
	width:20%;
}
#tariffs th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
#tariffs td {
	font: 11px Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 5px 5px 5px 10px;
	color: #4f6b72;
} 

/*Hosting Table Styles*/
#wptable-4 {
	width:605px;
	text-align:left;
	font-size:100%;
	margin:0;}
#wptable-4 th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #454545;
	text-align: left;
	padding: 5px 5px 5px 10px;
	background: #CAE8EA;
	width:20%;
}
#wptable-4 th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #454545;
	background: none;
}
#wptable-4 td {
	font: 12px Arial, Helvetica, sans-serif;
	border-right: 1px solid #fff;
	background: #efefef;
	padding: 5px 5px 5px 10px;
	color: #454545;} 
#wptable-4 td.nobg {
	background: #fff;
	padding: 5px 5px 5px 10px;
	color: #454545;} 
.tipz {font-size:15px;background:transparent url(images/info.gif) no-repeat scroll right center;padding:5px 18px 5px 0;}
.tip { width:295px; font-family:tahoma,arial; background:url(images/tip-text.gif) left top repeat-y; }
.tip-top { background:url(images/tip-top.gif) top left no-repeat; height:26px; width:295px; }
.tip-title { color:#243D98; font-weight:bold; margin:0 30px 0 50px; }
.tip-text { color:#000; padding:10px 30px 20px 50px; }
.tip-bottom { background:url(images/tip-bottom.gif) left bottom no-repeat; width:295px; height:26px; }
.tiny {font-size: 80%;}
.hostingprice {font-size: 200%;color:#243D98; font-weight:bold;}
#wptable-4 td.hostingtitle{
	background:#fff url(images/h3.gif) bottom left repeat-x;border-top:1px solid #e3e3e3;}
	#wptable-4 td.sidetitle{
	background:#fff url(images/sidetitle.gif) top left repeat-x;}
	/*End Hosting Table Styles*/
	
/*Form Validation*/
.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;}

.about_author {
	background:transparent url(images/about-bg.png) repeat-x scroll top left;
	height: 133px;
	border-color:#ECECEC #ADADAD #ADADAD #ECECEC !important;
	border-style:solid !important;
	border-width:1px !important;
	margin:7px 0;
	padding:12px 0 0 12px;
	vertical-align:middle;}
	
/*Form Styles*/
div.wpcf7 {
	width:450px;
}

div.wpcf7 p {
	margin:0;
	padding:0;
	}

div.wpcf7 label {
	clear:left;
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding-bottom:15px;
	text-align:right;
	width:26%;	
}	

div.wpcf7 input, div.wpcf7 select {
	display:block;
	margin-bottom:15px;
	padding:3px;
	width:65%;
}

div.wpcf7 textarea {
	float:left;
	margin-bottom:15px;
	padding:3px;
	position:relative;
	width:65%;	
}

div.wpcf7 .wpcf7-acceptance {
	width:auto;
	margin-bottom:0;
	}
	
div.wpcf7 .submit {	
	clear:both;
	text-align:right;
	width:97%;	
}

div.wpcf7 .submit input {
	width:auto;
	float:right;
	margin-bottom:0;
}

#checkbox input, .wpcf7-radio input {
	width:auto!important;
	float:left;
	}
	
.wpcf7-list-item-label {
	float:left;
	}	
	
.wpcf7-radio .wpcf7-list-item {
	float:left;
	}	
	
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	background: #fff;
	border: 1px solid #ff0000;
	padding:2px;
	width:297px;
	position: absolute;
	left:126px;
	top:0;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

.wpcf7-validates-as-required {
	background-image:url("images/required.png");
background-position:244px 5px;
background-repeat:no-repeat;}