/* 
Title:		AT master screen styles
*/

/* page structures
---------------------------------------------------- */
html, body {
	height: 100%; overflow: hidden;
	}
body{
	margin:0;
	padding:0;
	color:#343434;
	background:#fff;
	font-size: 13px;
	font-family: Arial, sans-serif;
	background:#fff;
	}
#container {
	width: 100%; 
	height: 100%; 
	overflow: auto; 
	position: relative; 
	}
#wrap{
	margin:auto;
	min-width:980px;
	width:980px;	
	}
#content{
	margin-left:180px;
	padding-bottom: 15px; 
	}

/* sidebar */
#wrap-sidebar{
	margin:auto;
	min-width:980px;
	width:980px;
	}
#sidebar{
	width: 166px;
	height: 2000px;
	position: absolute; 
	top: 0;
	z-index: 1;
	background: #fff;
	}
#sidebar-inner{
	padding: 40px 0 0 8px; 
	}

/* main-body styles
---------------------------------------------------- */
a{
	text-decoration: none;
	outline:none;
	}
a:link, a:visited{
	color: #d21e7b;
	}
a:hover {
	text-decoration: underline;
	}
a.linked-in{
	padding-left: 18px;
	background: url(../images/graphics/icon_linked-in.gif) no-repeat 0 50%;
	}
a.rss{
	padding-left: 18px;
	background: url(../images/graphics/icon_subscribe.gif) no-repeat 0 50%;
	}

.sm{
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	margin: 0;
	}
.sm span{
	color: #ccc;
	}

/* project 
---------------------------------------------------- */
div.project{
	width: 774px;
	background: url(../images/graphics/bg.gif) repeat-y center;
	}
div.prj-img{
	background: url(../images/graphics/divide_top.gif) no-repeat 0px top;
	padding: 0 12px 0 12px;
	}
div.prj-img img{
	margin-top: 12px;
	}
div.project-first div.prj-img{
	background: transparent;
	}
div.project-first div.prj-img img{
	margin-top: 10px;
	}
div.prj-info{
	background: url(../images/graphics/divide_bottom.gif) no-repeat 0px bottom;
	padding: 0 12px 20px 12px;
	}
div.project-last div.prj-info{
	background: url(../images/graphics/end-cap.gif) no-repeat 0px bottom;
	padding-bottom: 60px;
	}
div.project div.prj-hdr{
	padding: 9px 0 0 10px;
	margin-bottom: 10px;
	float: left;
	width: 480px;
	}
div.project div.prj-hdr h1,
div.project div.prj-hdr h2{
	font-size: 33px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 3px 0;
	display: inline;
	text-transform: lowercase;
	}
div.project div.prj-hdr img{
	padding: 0 2px 0 4px;
	}
div.project p{
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	padding: 0 10px 12px 10px;
	}
div.project div.prj-ftr{
	padding: 0 10px 17px 10px;
	}
div.project div.prj-ftr div.prj-role{
	width: 500px;
	float: left;
	}
div.project div.prj-ftr div.prj-date{
	float: right;
	padding-right: 3px;
	}
div.project div.prj-ftr span{
	color: #cccccc;
	}

/* detail buttons */
ul.btns {
	float: right;
	margin: 0;
	padding: 16px 14px 10px 0;
	list-style: none;
	max-width: 240px;
	}
ul.btns li {
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	}
ul.btns li a {
	display: block;
	height: 24px;
	}
ul.btns li a img{
	width: 0;
	}
ul.btns li.btn-detail a {
	width: 100px;
	background: url(../images/graphics/button_detail-view.gif) no-repeat top left;
	}
ul.btns li.btn-launch a {
	width: 104px;
	background: url(../images/graphics/button_launch.gif) no-repeat top left;
	}
ul.btns li.btn-video a {
	width: 97px;
	background: url(../images/graphics/button_video-demo.gif) no-repeat top left;
	}
ul.btns li a:hover {
	background-position: 0 -24px;
	}
ul.btns li a:active{
	background-position: 0 -48px;
	}

/* logo */
a.logo {
	padding-left: 2px;
	}

/* nav
---------------------------------------------------- */
div#nav-wrapper{
	height: 242px;
	overflow: hidden;
	position: relative;
	margin: 17px 0 8px 0;
	}
ul#nav{
	position: relative;
	list-style: none;
	top: 0px;
	padding: 0;
	margin: 0;
	}
ul#nav li{
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 18px;
	height: 22px;
	width: 160px;
	}
ul#nav li a{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1em;
	font-weight: normal;
	height: 22px;
	width: 160px;
	text-decoration: none;
	}
ul#nav li a img{
	border: none;
	padding: 0 0 0 2px;
	}
ul#nav li a span{
	padding: 0 2px 0 2px;
	}
ul#nav li.active a {
	color: #343434;
	}
ul#nav li.hover a span{
	color: #fff;
	background: #d21e7b;
	}

/* nav pagination */
ul.pagination {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.pagination li {
	float: left;
	margin: 0;
	padding: 0;
	}
ul.pagination li a {
	display: block;
	width: 42px;
	height: 24px;
	}
ul.pagination li a img{
	width: 0;
	}
ul.pagination li.page-up a {
	background: url(../images/graphics/pagination_up.gif) no-repeat top left;
	}
ul.pagination li.page-down a {
	background: url(../images/graphics/pagination_down.gif) no-repeat top left;
	}
ul.pagination li.page-up a:hover,
ul.pagination li.page-down a:hover {
	background-position: 0 -24px;
	}
ul.pagination li.page-up a.active,
ul.pagination li.page-down a.active{
	background-position: 0 -48px;
	}
ul.pagination li.page-up a.inactive,
ul.pagination li.page-up a.inactive:hover,
ul.pagination li.page-down a.inactive,
ul.pagination li.page-down a.inactive:hover{
	background-position: 0 -72px;
	cursor: default;
	}

/* info mdl */
div.mdl-info{
	padding-left: 2px;
	}

/* vcard */
div.vcard{
	margin-top: 2px;
	line-height: 20px;
	}

/* tools */
ul.tools{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.tools li{
	padding-bottom: 4px;
	}

.mdl{
	padding-bottom: 17px;
	}

.group:after,
.mdl:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }


/* misc. 
--------------------------------------------- */
hr, .hide {
	display: none;
	}
a img {
	border: none;
	}


/* IE rules */
* html .group,
* html .mdl {
	height: 1%;
	}
	
*:first-child+html .group,
*:first-child+html .mdl {
	min-height: 1px;
	}