/*   
Theme Name: UCW
Theme URI: UCW-homepage
Description: the look for the homepage
Author: Luke Myers
Author URI: www.solutionsfirst.com.au
Version: 1
.
Super great stuff from Sol1.
.
*/

p, td, th, li, select, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707186;
}

th {
	font-weight: bold;
	color: #677198;
}

a {
	color:#666666;
	text-decoration:underline;
}

H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#677198;
	background-image:url(images/h1_bg.gif);
	background-position: 100% 0%;
	height:25px;
	background-repeat:no-repeat;
	}
	
/* used for the sidebar titles */	
H2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#677198;
	line-height:14px;
	margin-bottom:-5px;
	}
	H2 a {
	color:#677198;
	line-height:14px;
	margin-bottom:-5px;
	text-decoration:none;
	}
	
H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8E8CB3;
	}
	
H4 {
font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#8E8CB3;
	}

blockquote {
	border-left: 5px solid #C1DDFF;
	padding-left:5px;
}


html{height:100%; width:100%;}

body {
padding:0px;
margin:0px;
background-color:#FFFFFF;
}
#nav {
background-image:url(images/menu_bg.gif);
background-repeat:repeat-x;
height:30px;
margin-bottom:15px;
z-index:100;
position:relative;
overflow:visible;
}

#nav_surround {
width:1010px;
margin:0 auto;
position:relative;
overflow:visible;
}

#surround {
width:990px;
margin:0 auto;
position:relative;
overflow:visible;
}
#outer_bg {
background-image:url(images/page_gradient.jpg);
background-position:center;
background-repeat:repeat-y;
background-color:#FFFFFF;
}

#main {
background-color:#FFFFFF;
width: 990px;
}

#wrapper{
	width:100%;
	height:100%;
	overflow-x: visible;
	overflow-y: hidden;
	padding-left:11px;
	margin-left:-11px;
}


#intro {
margin-top:0px;
	width:354px;
	float:left;
	padding-right:25px;
	padding-left:5px;
	height:433px;
	overflow:hidden;
}
#intro p {
text-align:justify;}

#hero {
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	padding:1px;
	width:599px;
	height:433px;
	float:left;
	position:relative;
}
#ucw-gallery {
	position:absolute;
	top:1px;
	left:1px;
}

#promos {
float:left;
width:602px;
margin-top:15px;
}
#promos_box,
div.promos_box {
float:left;
background-color:#FFFFFF;
padding:1px;
border: 1px solid #9a93c7;
margin-right:8px;
}
#promos_box_right,
div.promos_box_right {
float:right;
background-color:#FFFFFF;
padding:1px;
border: 1px solid #9a93c7;
}

#features {
float:left;
width:603px;
margin-top:10px;
margin-bottom:10px;
}
#features_box {
float:left;
background-color:#FFFFFF;
padding:1px;
border: 1px solid #CCCCCC;
margin-right:9px;
}
#features_box_right {
float:right;
background-color:#FFFFFF;
padding:1px;
border: 1px solid #CCCCCC;
}

/* UCW sidebar styles */

#sidebar {
	width:354px;
	height:140px;
	float:left;
	padding-right:25px;
	padding-left:5px;
}

#sidebar_inner {
background-color:#FFFFFF;
padding:0px 8px 0px 8px;
height:140px;
overflow:auto;
border:1px solid #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#8a87a4;
margin:0px;
}


/* OLD NEWS ITEMS STYLES FROM INTALYSIS */

.widget li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.clear
{
clear:both;}
.post-content {
	margin:0;
}
.post {
		margin:0;
		margin-bottom:1.5em;
}
.post-content p {
	padding-top:0;
	margin-top:0;
	margin-bottom:0;
}

/* end old content */

#footer_inner {
position:relative;
width:1010px;
margin:0 auto;
}

#footer_outer {
position:relative;
margin: 0px 0px 0px 0px;
padding:0px;
height:60px;
background-color:#9797c2;
background-image:url(images/footer_bg.gif);
}

#footer_outer_subpg {
position:relative;
margin: 0px 0px 0px 0px;
padding:0px;
height:60px;
background-color:#9797c2;
background-image:url(images/footer_bg.gif);
}

#footer_subpg {
position:relative;
margin: 0px 0px 0px 0px;
padding:0px;
height:60px;
background-color:#9797c2;
background-image:url(images/footer_bg.gif);
}

#footer_tag {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C4C4DB;
	padding:25px 0px 0px 10px;
	float:left;
	font-weight:200;
}
#referal_outer {
position:relative;
width:1010px;
margin:0 auto;
}
#referal {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B0B0CE;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}
#referal a {
	color:#999999;
	text-decoration:underline;
}
#referal a:hover {
color:#C4C4DB;
text-decoration:none;}
#referal a:visited {
color:#999999;
text-decoration:underline;}

#phone {
float:right;
padding: 23px 0px 0px 0px;
}

#footer a {
color:#FFFFFF;
text-decoration:none;
}
#footer_subpg a {
color:#FFFFFF;
text-decoration:none;
}

/* Common Page styling */
#common_sidebar {
width:248px;
	float:left;
	margin-right:23px;
	margin-left:-13px;
	padding:1px;
	z-index:100;
	
	}

#common_sidebar_inner {
width:248px;
background-image:url(images/common_sideb_bg.jpg);
	padding-bottom:5px;
	margin-bottom:-32000px;
	padding-bottom:32000px;
	overflow:visible;
}

#sidebar_logo {
margin-top:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding:14px 0px 0px 2px;
}

#sidebar_menu {
margin:24px 0px 20px 0px;
padding:0px 10px 0px 19px;
}

#sidebar_menu li {
line-height:18px;
list-style-image:url(images/sideb_arrow.gif);
position:relative;
left:-10px;
}
#sidebar_menu h2 a {
	text-decoration:none;
}
#sidebar_menu h2 a:hover {
	color:#6B7280;
}
#sidebar_menu li a {
text-decoration:none;
}
#sidebar_menu li a:hover {
	text-decoration:underline;
	color:#6B72A0;
}

/* replace styles above with new nav */
#sidebarnav li {
	list-style-image:none;
	list-style-type:none;
	left:-10px;
	line-height:18px;
	position:relative;
}
#sidebarnav li img {
	position:absolute;
	left:-20px;
	top:5px;
	_top:3px;
}
#sidebarnav li li {
/*    list-style-image:url(images/sideb_arrow.gif);*/
	left:-50px;
	background:url(images/sideb_arrow_sub.gif) 0px 4px no-repeat;
	padding-left:20px;
	width:136px;
}


#sidebar_promos_outer {
margin-top:22px;
}

#sidebar_promos_outer .sidebar_promos_box {
width:191px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
padding:1px;
border: 1px solid #cccccc;
margin-bottom:10px;
position:relative;
display:block;
}
#sidebar_promos_outer .sidebar_promos_box a  {
	text-decoration:none;
	border:none;
	display:block;
	margin:0;
	padding:0;
	width:191px;
	height:130px;
	position:relative;
}

#sidebar_promos_outer .sidebar_promos_box a img {
	border:0;
}

#common_header {
background-color:#FFFFFF;
width:714px;
padding:1px;
border: 1px solid #CCCCCC;
float:left;
}
#common_body_wide {
width:970px;
float:right;
margin: 20px 11px 20px 0px;
}
#common_body {
width:718px;
float:right;
margin: 20px 11px 20px 0px;
}
#common_body_wide p,
#common_body p {
text-align:justify;
}

/* Image alignment fixes for wordpress */
.alignright {
float:right;
padding-left:10px;
padding-bottom:5px;
}
.alignleft {
float:left;
padding-right:10px;
padding-bottom:5px;
}

/* product range css */
div.productbox {
float:left;
padding:12px 10px 10px 12px;
width:157px;
height:258px;
background-image:url(images/product_bg.jpg);
background-repeat:no-repeat;
margin:0px;
}

div.productbox div.caption {
width:157px;
height:28px;
padding:4px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#707186;
}

/* Consultants corner box css */

ul.consultants-corner-posts {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

ul.consultants-corner-posts li {
	display:block;
	border-bottom:1px dotted #cccccc;
	padding:2px 0px 1px 0px;
	margin-bottom:0px;
}

ul.consultants-corner-posts li H4 {
margin-top:5px;
margin-bottom:-5px;
	color:#716A8A;
	font-weight:bold;
	font-size:12px;
}

ul.consultants-corner-posts li H4 a {
	color:#716A8A;
	font-weight:bold;
	font-size:11px;
}

ul.media-posts {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

ul.media-posts li {
	display:block;
	border-bottom:1px dotted #cccccc;
	border-top:1px dotted #cccccc;
	padding:4px;
	margin-bottom:4px;
	background-image:url(images/n2.gif);
background-repeat:repeat-x;
	position:relative;
}

ul.media-posts li H3 {
margin-top:5px;
margin-bottom:0px;
	color:#716A8A;
	font-weight:bold;
	font-size:12px;
}

ul.media-posts li H3 a {
	color:#716A8A;
	font-weight:bold;
	font-size:11px;
}

ul.media-posts li div.date {
	float:right;
	padding-left:10px;
	margin-top:-14px;
	font-size:11px;
	font-weight:bold;
}
ul.media-posts li div.herothumb {
	display:block;
	float:left;
	margin:10px 5px 5px 0;
}
ul.media-posts li img {
	border:1px solid #cccccc;
	padding:1px;
}
ul.media-posts li p {
	margin:8px 0 5px 0;
	z-index:0;
}
ul.media-posts li hr {
	border:0;
	height:0;
	width:0;
	display:block;
	clear:both;
}

.noborder-2pxmargin {
	    border:0px;
		    margin:2px;
}
.noborder-4pxmargin {
	    border:0px;
		    margin:4px;
}
.noborder-6pxmargin {
	    border:0px;
		    margin:6px;
}
.noborder-8pxmargin {
	    border:0px;
		    margin:8px;
}
.noborder-10pxmargin {
	    border:0px;
		    margin:10px;
}

table.consultant_search_table {
	width: 300px;
}

div.consultant_listing {
	/* FIXME this looks like a programmer did it. */
	border-bottom: 1px dotted #8E8CB3;
	margin: 5px;
	padding: 5px 5px 10px 5px;
	min-height:85px;
}

.consultant_listing_title {
color:#8E8CB3;
font-weight:bold;
}

div.consultant_listing h4 {
margin-top:0px;
margin-bottom:2px;
}
div.consultant_listing p {
margin-top:2px;
margin-bottom:2px;
}
div.consultant_listing a {
text-decoration:none;
}
div.consultant_listing a:hover {
text-decoration:underline;
color:#8E8CB3;
}
div.consultant_thumb {
background:#333333;
width:68px;
height:85px;
float:left;
margin-right:10px;
border:1px solid #CCCCCC;
}

#consultant_photo {
	float: left;
	width: 160px;
	height:200px;
	margin: 10px 10px 10px 0px;
	border: 1px solid #b6b4c1;
	overflow:hidden;
}

#contact_me_box {
border: 1px solid #b6b4c1;
background:#EBE8F3;
background-image:url(images/menu_bg.gif);
float:right;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-top:10px;
}
#contact_me_box a{
color:#FFFFFF;
}
#consultant_minibar {
	float: right;
	clear: both;
	width: 200px;
	height: 28px;
	margin-top: -33px;
	z-index: 12; 
}
#consultant_minibar * {
	text-align: right;
	font-family: Arial;
	font-size: 11px;
	color: #EEEEF7;
	z-index: 13; 
}

#qm0 {
	width: 750px; /* override auto value */
}



div.error {
	background-color: #fee;
	padding: 0.2em 1em 0.2em 1em;
	margin: 1em;
}
div.notice {
	background-color: #efe;
	padding: 0.2em 1em 0.2em 1em;
	margin: 1em;
}
div.error p, div.notice p {
	font-weight: bold;
}