/* Allori.com.au 2009 07 15 */

/* CSS Reset */
* {margin:0;padding:0;}
fieldset,img {border-width:0;border-color:transparent;background:transparent}
a,a:hover,a:active {text-decoration:none;color:#FFF;outline: none}
ul{list-style:none;margin:0}


/* Generic */
body {font-family:'Helvetica','Lucida Grande',sans-serif;color:#FFF;line-height:118%;background:#BB1B22 url(../img/bg.png) repeat-x 0 0;font-size:10p}
#header,#container,#clients,#footer {width:770px;margin:0 auto;} 
#header {height:115px;position:relative}

#container {background:url(../img/container-y.png) repeat-y 0 0;}
	#container .top {background:#BB1B22 url(../img/container-top.png) no-repeat 0 bottom; height:10px}
	#container .bottom {background:url(../img/container-bottom.png) no-repeat 0 bottom;height:10px}

#panel {padding:15px}

#news-twitter {height:370px;padding:20px;}
	#news {display:block;float:left;height:310px;width:460px;padding:20px 10px 10px}
	#twitter {display:block;float:right;height:310px;width:202px;padding:20px 20px 60px;background:url(../img/twitter.png) no-repeat 0 0;position:relative }

#info {background:url(../img/info-y.png) repeat-y 0 0}
	#info .top {background:url(../img/info-top.png) no-repeat 0 0; height:10px}
	#info .bottom {background:url(../img/info-bottom.png) no-repeat 0 bottom;height:10px}
	#clients-contacts {height:285px;padding:20px}
		#clients-contacts #clients {display:block;float:left;height:264px;width:440px;padding:10px}
		#clients-contacts #infocontacts {display:block;float:right;height:264px;width:202px;padding:20px;background:url(../img/info-contacts.png) no-repeat 0 0}


/* Typography */
p {margin:0 0 5px 0}
code {display:none}
h1,h2,h3 {margin:5px 0;line-height:115%}


/* Header */
#media-allori {height:78px;width:239px;background:url(../img/media-allori.png) no-repeat;display:block;position:absolute;top:0;text-indent:-2000px}
#header #nav {position:absolute;top:0;right:0;width:500px;height:78px}
	#header #nav li {float:left;}
	#header #nav li a {display:block;height:60px;background-position:bottom right;padding:0 0 0 35px;}
		#home a{background:url(../img/nav-home.png) no-repeat;width:45px}
		#ideals a{background:url(../img/nav-ideals.png) no-repeat;width:52px}
		#strengths a{background:url(../img/nav-strengths.png) no-repeat;width:83px}
		#team a{background:url(../img/nav-team.png) no-repeat;width:39px}
		#contacts a {background:url(../img/nav-contacts.png) no-repeat;width:76px}


/* Panel */
#panel.home {background:url(../img/panel-home.png) no-repeat 8px 0;height:344px;position:relative}
	#panel.home a#more {background:url(../img/more.png) no-repeat 0 0;height:76px;width:162px;display:block;position:absolute;right:18px;bottom:8px}
	#subscribe-button {background:url(../img/subscribe-link.png) no-repeat 0 0;height:60px;width:182px;display:block;position:absolute;right:30px;top:0px}
	#motto {position:absolute; height:85px;width:340px;margin:190px 0 0 300px;overflow:hidden}
	#motto {background-color:transparent}
		html #motto img {background-color:transparent !important}

.ideals {background:url(../img/panel-ideals.png) no-repeat 8px 0 ;height:290px;position:relative;}
	#panel.ideals {}

#panel.strengths {}
	.strengths .intro {margin:0 0 20px 280px}
	#panel.strengths .project {overflow:auto;border-top:1px solid #FF1B22;padding-top:10px;margin:15px 0 20px 0; zoom:1}
	.project br {clear:both}
	.project .project-detail {float:left;width:250px;padding:0 10px}
			.project-detail h3 {height:40px}
	.nav {float:right;height:40px;overflow:hidden;width:460px;}
		.nav a {float:left;display:block;margin-right:10px;color:#FF1B22;border-bottom:1px solid #FF1B22}
		.nav a:hover {border-bottom:1px solid #FFF;color:#FFF}
	.project .project-img {float:right;height:460px;width:460px;overflow:hidden}
		.project-img p {width:460px}
		.project-img li {background:#A40305 /* background hack because IE inserts the body background by default*/}	

#panel.team {}
	.staff {overflow: auto;border-top:1px solid #FF1B22;padding:25px 0 20px 0;clear:both;}
	.staff img{margin:0 0 20px 40px;padding:20px;background:#BB1B22;float:left}
	.staff .bio{width:450px;float:right}
	.staff h2, .staff h3{font-weight:normal;font-size:14px;}
	.staff h3 {font-style:italic;margin-bottom:12px}
	.staff small {font-size:10px}
	.staff p {margin-bottom:20px}

#panel.contacts {}
	.contacts img {margin-left:55px}
	.contacts p {margin:0 0 20px 287px}
	#panel.contacts p span {display:block;float:left;width:200px}


/* Clients & Contacts*/
#clients-contacts h2, #clients-contacts p, #clients-contacts a {color:#808080;font-size:10px}
#clients-contacts h2 {border-bottom:1px solid #808080;font-size:14px;font-weight:normal;margin:0 0 10px;padding:0 0 10px;text-transform:uppercase;}
	#clients a {margin:20px 0 0 0;padding:10px 0 0 0;border-top:1px solid #808080;display:block}
		#clients a span {width:350px;float:left;}
#infocontacts p a {color:#808080;font-size:14px}

/* WP Widget */
#news h2 ,
#twitter h2 {border-bottom:#790420 solid 1px;text-transform: uppercase;font-weight:normal;font-size:14px;margin:0 0 10px; padding:0 0 10px}


/* Twitter Widget */
#twitter_update_list li {margin-bottom:8px}
#twitter_update_list li span {display:inline}
#twitter_update_list li span a  {word-wrap:break-word;display:inline;color:#FFF}
#twitter_update_list li a  {color:#601020;text-wrap:none;display:block }
#follow {width:170px;height:47px;background:url(../img/twitter-follow.png);display:block;position:absolute;right:16px;bottom:12px}


/* Footer */
#footer p {text-align:center;font-size:10px;margin:25px 0 25px}