/* CSS for digitalmonkey.com.au
 *
*/

/* Generic elements
*/

html, body {
	margin: 0 ;
	padding: 0 ;
	background-color: #000000 ;
}

body {
	color: #000 ;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 85% ;
}

img {
	border: none ;
}

h2 {
	font-size: 120%;
	font-weight: bold ;
	border-bottom: 1px dashed #ccc ;
	padding-bottom: 1em ;
	margin-bottom: 1em ;
	margin-top: 0px;
}

h3 {
	margin-top: 0px ;
}

h4 {
	font-size: 108% ;
	font-weight: bold ;
	margin: 1em 0 1em 0 ;
}

input, select, textarea {
	border: 1px solid #ccc;
	padding: 2px;
}

input[type="submit"] {
	font-weight: bold ;
}

input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover {
	border-color: #cc0000;
	background-color: #FFFFBB;
}

input[type="image"] {
	border-color: transparent ;
	background-color: transparent ;
}

input[type="image"]:focus, input[type="image"]:hover {
	border-color: transparent ;
	background-color: transparent ;
}

a, a:link, a:visited, a:active {
	color: #000000;
	text-decoration:underline;
}

a:hover {
	color: #E90530;
	text-decoration: underline;
}

/*
 * Main layout elements
*/

.container {
	width: 950px ;
	margin: 0 auto ;
	position: relative ;
	z-index: 1050;
}

.clear {
	clear: both ;
}

#header {
	position: relative ;
	height: 115px ;
	color: #888 ;
}

#main {
/*	background-color: #ffffff ;
*/
	background: #ffffff url("../images/background-generic.jpg") center 81px no-repeat ;
}

#page-home #main, #page-about-profiles #main {
	background: #ffffff url("../images/background-home.png") center 81px no-repeat ;
}

#main_content_outer, #sponsors_awards_outer {
}

#main_content_inner, #sponsors_awards_inner, #footer_inner {
	margin: 0 auto ;
	width: 860px ;
	padding: 0 45px 45px 45px ;
}
#main_content_inner {
	padding-top: 45px ;
	min-height: 400px ;
	background-image: url("../images/bg-white-65.png") ;
}
#footer_inner {
	padding-top: 45px ;
	color:#888;
	font-size: 90% ;
}

#footer_inner a, #footer_inner a:link, #footer_inner a:visited, #footer_inner a:active {
	color:#777;
	text-decoration:none;
}

#footer_inner a:hover {
	color: #E90530;
	text-decoration: underline;
}


#sponsors, #awards {
	width: 385px ;
	padding: 10px ;
	border: 1px solid #eaeaea ;
}
#sponsors {
	float: right ;
}

#awards {
	float: left ;
}

#footer_outer {
	background: #000000 url("../images/footer_bg.png") top left repeat-x ;
	color: #ffffff ;
}

/*
 * Header elements
*/

#header_logo {
	position: relative ;
	top: 20px ;
	left: 20px ;
}

#search {
	text-align: right ;
	padding: 5px ;
	color: #d9d9d9 ;
	text-align: right ;
	vertical-align: bottom ;
	height: 25px ;
}

#search input, #header input {
	vertical-align: middle ;
}

#search input[type="text"] {
	background-color: #494848 ;
	color: #d9d9d9 ;
	border: 1px solid transparent ;
}

#login {
	position: absolute ;
	top: 10px ;
	right: 0px ;
	width: 500px ;
	text-align: right ;
}

#login form {
	vertical-align: bottom ;
}

#login input[type="text"] {
	color: #888 ;
}
#quick_contact {
	margin: 1em 0 0 0 ;
}

#quick_contact li {
	list-style-type: none ;
}

#menu {
	text-align: right ;
	text-transform: uppercase ;
	height: 30px ;
	font-size: 85% ;
}

#menu a {
	color: #000000 ;
	font-weight: bold ;
	text-decoration: none ;
}

#menu a:hover {
	color: #e90530 ;
}

#menu ol {
	margin: 0 ;
	padding: 0 ;
	width: 497px ;
	float: right ;
}

#menu ol li {
	display: block ;
	float: left ;
	line-height: 30px ;
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
}

#menu ol li a {
	border-left: 1px solid transparent ;
	width: 70px ;
	line-height: 30px ;
	display: block ;
}

#menu ol ol {
	display: none ;
	z-index: 100 ;
}

#menu ol ol {
	z-index: 100 ;
}

#menu ol ol {
	width: auto ;
	z-index: 100 ;
}

#menu ol ol li {
	float: none ;
	width: auto ;
	text-align: left ;
	padding: 2px ;
}
#menu ol ol li a {
	width: auto ;
	line-height: normal ;
	padding: 2px 5px ;
}

#menu li#menu-home:hover a, #menu li#menu-contact:hover a  {
	border-left: 1px solid transparent ;
	background: transparent url("../images/menu_bg.png") ;
}
#menu ol li:hover a {
	border-left: 1px solid #e90530 ;
	background: transparent url("../images/menu_bg.png") ;
}

#menu ol li:hover ol {
	display: block ;
	border-left: 1px solid #e90530 ;
	border-bottom: 1px solid #e90530 ;
	background: transparent url("../images/menu_bg.png") ;
	position: absolute ;
}
#menu ol li:hover ol a {
	border: none ;
	background: none ;
}
#menu #nav li ol li, #menu #nav li ol li a {
	line-height: 1.5em ;
}

#page-home #menu-home a, #page-products #menu-products a, #page-services #menu-services a, #page-about-profiles #menu-about a, #page-about #menu-about a, #page-portfolio #menu-portfolio a, #page-portfolio-full #menu-portfolio a, #page-help #menu-help a, #page-contact #menu-contact a {
	color: #e90530 ;
}

/*
 * Home page
 */

#page-home #main_content_outer {
/*
 *	background: #ffffff url("/images/background-home-tile.png") top left repeat-x ;
 */
}

#page-home #main_content_inner {
	padding-top: 0 ;
	background: transparent ;
}

#page-home h2 {
	border: none ;
	padding-bottom: 0px ;
}
#portfolio_slideshow {
	margin-bottom: 2em ;
	margin-top: 12px ;
}

#portfolio_slideshow_flash {
	width: 860px ;
	height: 360px ;
	overflow: hidden ;
}

#portfolio_slideshow_javascript, #portfolio_slideshow_html {
	display: none ;
}

#news_feed, #welcome, #sidebar {
	width: 276px ;
}

#feature {
  width:275px;
  margin-bottom:5px;

}

#feature img {
	padding:0 10px 10px;
	float:left;
}

#news_feed {
	float: left ;
}

#page_content {
	width: 563px ;
	margin-right: 11px ;
	float: left ;
}

#welcome {
	margin-left: 11px ;
	margin-right: 11px ;
	float: left ;
}

#sidebar {
	float: right ;
}

#budget {
  width:275px;
  height:180px;
  background:url("../images/bg_budget_panel.jpg");
  margin-bottom:20px;
}

#budget ul {
  margin:0;padding:0;
  padding-top: 35px;
}

#budget li {
  list-style-type: none;
  padding:0;margin:0;
  width:275px;height:26px;
}

#quote {
  width:275px;
  height:180px;
  background:url("../images/bg_quote_panel.jpg");
  margin-bottom:20px;

}

#side_links {
  width:275px;
  margin-bottom:20px;
}
#side_links img {
  margin-bottom:20px;
}

/*
 * Methodology page
 */

#development-process-flowchart {
	float: left ;
}

#process-list {
	margin-left: 290px ;
}

/*
 * Portfolio pages
 */

#page-portfolio-full #main_content_inner {
	padding-top: 13px ;
	background: transparent ;
}

#page-portfolio-full h2.content_title {
	display: none ;
}

#portfolio_images {
	margin-bottom: 2em ;
}

#portfolio_budget div {
	margin-left: 50px ;
}

.right {
	float: right ;
	width: 188px ;
}

.portfolio-small {
	padding: 10px 45px 45px 45px ;
}

.portfolio-small:hover {
	background-color: #f5f4f3 ;
}

.portfolio-small img {
	float: left ;
}

.portfolio-small div {
	margin-left: 210px ;
}

.portfolio-small h3 {
	margin-top: 0px ;
}

.portfolio-small:hover h3 a {
	color: #e90530 ;
}

.portfolio-small h3 a {
	text-decoration: none ;
}

.goback {
	display: block ;
	margin: 1em 0 1em 0 ;
}

.portfolio_left {
	width: 670px ;
	margin-right: 2px ;
}

.portfolio_topright, .portfolio_bottomright {
	width: 188px ;
}

.portfolio_topright {
	margin-bottom: 2px ;
}

/*
 * Profiles page
 */

#page-about-profiles #main_content_inner {
	padding-top: 0px ;
	background: transparent ;
}

#page-about-profiles #main_content_inner h2.content_title {
	display: none ;
}

#profile {
	position: relative ;
	background-color: #000 ;
}

#profile_slideshow {
	width: 860px ;
	height: 360px ;
	overflow: hidden ;
	margin-bottom: 2em ;
	margin-top: 12px ;
	color: #fff ;
	z-index: 10 ;
}

#profile_slideshow img {
	width: 860px ;
	height: 360px ;
	margin: 0 auto ;
}

#profile_slideshow_text {
	position: absolute ;
	overflow: hidden ;
	top: 180px ;
	left: 120px ;
	z-index: 10 ;
	width: 294px ;
	height: 31px ;
}

a.profile_slideshow_evolve {
	padding: 0 0 0 25px ;
	color: #fff ;
	text-decoration: none ;
	display: block ;
	line-height: 30px ;
	width: 500px ;
	height: 30px ;
	overflow: hidden ;
	position: absolute ;
	bottom: 0px ;
	left: 0px ;
	z-index: 10 ;
	background-color: #e90530 ;
}

/*
 * Tweet CSS
 */
.tweet {
	background-color:#f5f4f3;
}
.tweet .tweet_list {
	-webkit-border-radius: .5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tweet .tweet_list li {
	list-style-type: none ;
	background: url("/images/avatar.png") top left no-repeat;
	list-style-position: outside ;
	overflow: auto;
	padding: .8em .8em .8em 55px ;
	min-height: 40px ;
}
.tweet .tweet_list li a {
}
/*
.tweet .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}
.tweet .tweet_list .tweet_avatar img {
	vertical-align: middle; }
*/