/* --//-- Astadia General Style Sheet --//-- */ * {
    margin: 0;
    padding: 0;
}:focus {
    outline: none;
}

html {
    background: #f2f2f2;
}

body {
    position: relative;
    margin: 10px auto 40px auto;
    padding: 0 20px;
    width: 988px;
}

body, td {
    font: 13px Lucida Sans Unicode, Helvetica;color: #666;
}

h1 {
    padding-bottom: 16px;
    font-size: 26px;
    line-height: 30px;
    font-weight: normal;
    color: #666;
}

h1 span {
    font-size: 12px;
}
h5{
 padding-bottom: 16px;
    font-size: 26px;
    line-height: 30px;
    font-weight: normal;
    color: #666;
}
h5 span {
	color: #F4AC36;
}

h1.type2 {
    padding-bottom: 12px;
    font-size: 28px;
    color: #000;
    font-weight: normal;
}

h1.type2 sup {
    font-size: 16px;
}

h1.type3 {
    padding-bottom: 0;
    font-size: 24px;
    font-weight: bold;
}

h1.type4 {
    padding-bottom: 0;
}

h2 {
    padding-bottom: 2px;
    font-size: 22px;
    color: #0c0b0b;
    line-height: 26px;
    font-weight: normal;
}

h2 span {
    display: block;
    font-size: 12px;
    color: #ff6600;
    text-transform: uppercase;
} 
.generated3 h2 {
    padding: 4px 0;
    color: #666;
    font-size: 21px;
} 
.commentsBox h2
 {
    font-size: 16px;
    color: #666;
}

h3 {
    padding-bottom: 4px;
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
}

h3.type2 {
    font-size: 9px;
    line-height: 11px;
    font-weight: normal;
}

h3.type3 {
    font-size: 10px;
    font-weight: normal;
} .generated2 h3 {
    padding-bottom: 2px;
} 
#subNav h3 {
    padding: 3px 0 1px 41px;
    text-transform: none;
} 
#subNav a h3 { 
padding-left:0;
}
.call h3 
{
    font-size: 13px;
    color: #fff;
    text-transform: none;
}

h4 {
    font-size: 12px;
    color: #ff6600;
    font-weight: bold;
}

p {
    padding-bottom: 8px;
}
P a
{
color:#0187d3;
text-decoration: underline;
}
a {
color: #666;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.pic img {
    border: 1px solid #efefef;
}

a.more, a.more2, a.more3 {
    font-size: 10px;
    color: #ff9933;
    text-transform: uppercase;
}

a.more2 {
    font-size: 11px;
}

a.more3 {
    color: #ff3333;
} 
.title a.more {
    font-size: 9px;
}
 .tabPage a.more {
    font-size: 11px;
    color: #ff6600;
} 
#page0 a.more {
    font-size: 9px;
    color: #0f85a9;
}

a.comm {
    margin-left: 8px;
    padding-right: 22px;
    font: bold 12px / 21px Lucida Sans Unicode;
    color: #ff6600;
    background: url(http://media.astadia.com/designimages/icon_comm.gif) right no-repeat;
}

h1 a.comm {
    float: right;
    margin: 0 40px 0 0;
}

li {
    list-style: none;
} 
.list2 {
    margin-top: 4px;
} 
.list2 li, .list3 li {
    position: relative;
    padding: 0 0 8px 11px;
} 
.caseStudyList .list3 {
    margin-top: 22px;
} 
.caseStudyList .list3 li {
    padding-bottom: 22px;
} 
.list5 li {
    position: relative;
    padding: 3px 0 2px 10px;
} 
.tabPage ul {
    margin: 0 0 8px 0;
} .tabPage li {
    padding-left: 10px;
    background: url(http://media.astadia.com/designimages/bul_tabPage.gif) 0 8px no-repeat;
}

html:root *.tabPage li {
    background-position: 0 6px;
}
.frame {
	height: 600px;
	width: 550px;
	position: relative;
	overflow: auto;

}


/*Safari  only*/
img, table {
    border: 0;
}

img.pic {
    float: left;
    margin: 0 12px 0 0;
} .picBox {
    text-align: center;
} .picBox img {
    margin-top: 6px;
} .picBox a {
    display: block;
    line-height: 12px;
} .picBoxL {
    float: left;
    padding: 0 12px 4px 0;
} .picBoxR {
    float: right;
    padding: 0 0 4px 12px;
} .special {
    font-style: normal;
    color: #ff6600;
} .banner {
    margin-bottom: 6px;
} .title {
    padding: 16px 0 4px 0;
    font-size: 10px;
    text-transform: uppercase;
} .title3 {
    padding-top: 0;
} .title span {
    color: #000;
} .commentsBox .title {
    padding-top: 8px;
}

a.title {
    display: block;
    padding: 0;
    font-size: 12px;
    color: #ff6600;
    font-weight: bold;
    text-transform: none;
} .title2, .title2 td {
    color: #ff9900;
    text-decoration: underline;
} .by {
    font-size: 10px;
    text-transform: uppercase;
} .by em {
    font-style: normal;
    color: #000;
} .name {
    color: #0f85a9;
    font-weight: bold;
} .list {
    padding-left: 10px;
} .textField .textField {
    border: 1px solid #ccc;
}

input.textField {
    height: 18px;
}

input.caption {
    margin-right: 4px;
    width: 272px;
}

textarea.comment {
    width: 531px;
    height: 118px;
} .butArea {
    text-align: right;
} .but {
    padding: 2px 4px;
    font: bold 10px Lucida Sans Unicode;
    color: #fff;
    text-transform: uppercase;
    background: #999;
    border: 0;
} .question {
    position: relative;
    text-indent: 10px;
    font-weight: bold;
} 
 #page {
    position: relative;
    padding-bottom: 22px;
    background-color:#FFFFFF;
    border: 1px solid #e0e0e0;
    border-bottom: 0;
} .pageL, .pageR {
    position: absolute;
    top: -1px;
    display: block;
    width: 6px;
    height: 6px;
    overflow: hidden;
} .pageL {
    left: -1px;
} .pageR {
    right: -1px;
}  #header:after, #page:after {
    content: "";
    display: block;
    clear: both;
} .col_1 {
    float: left;
} .col_2 {
    float: right;
} #page .col_1 {
    padding: 88px 0 0 22px;
    width: 142px;
} #page .col_2 {
    padding: 88px 22px 0 0;
    width: 164px;
} .content {
    margin: 0 242px 0 224px;
    padding-top: 40px;
min-height:800px;
} #home .content {
    margin: 0 184px 0 202px;
    padding-top: 0;
} #home .col_1 {
    padding-top: 34px;
    width: 151px;
} #home .col_2 {
    padding-top: 34px;
    width: 133px;
} #about.videoP .content {
    padding-top: 98px;
} #about.team .content {
    margin: 0 22px 0 244px;
}

/* nav & nav2 */ #nav2 {
    clear:both;   	
    margin: 0 22px;
    padding: 10px 0;
    text-align: center;
    background: url(http://media.astadia.com/designimages/bg_box3.jpg) 0 -108px;} .box_3 #nav2 {
    margin: 4px 0 0 0;
    padding: 0;
    background: none;
} #nav2 a {
    margin: 0 2px;
    padding: 0 2px;
    font: normal 10px Trebuchet MS !important;
    border: 1px solid #fff;
}

html:root *#nav2 a {
    padding: 3px 2px 2px 2px;
}

/*Safari only*/ #nav2 a:hover {
    background: #e6f8ff;
    text-decoration: none;
} #nav2 a.active, #nav2 a.active:hover {
    background: none;
    color: #000;
    cursor: default;
}

/* subNav */ #subNav {
    margin-bottom: 21px;
    margin-left: -22px;
    background: url(http://media.astadia.com/designimages/bg_subNavT.png) 0 0 no-repeat;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
} #subNav .sContent {
    padding: 0;
    background: url(http://media.astadia.com/designimages/bg_subNavR.png) 0 0 repeat-y;
} #subNav a {
    display: block;
    padding: 2px 0 2px 41px;
    font-size: 11px;
    border-top: 1px solid #ccc;
} #subNav a.active, #subNav a.active:hover {
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

/* box */ .box {
    position: relative;
}

b.tl, b.tr, b.bl, b.br {
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    overflow: hidden;
}

b.tl {
    left: 0;
    top: 0;
}

b.tr {
    right: 0;
    top: 0;
}

b.bl {
    left: 0;
    bottom: 0;
}

b.br {
    right: 0;
    bottom: 0;
} .box_1 {
    border: 1px solid #e0e0e0;
    padding: 10px 19px 19px 19px;
} .box_1 b.tl {
    left: -1px;
    top: -1px;
} .box_1 b.tr {
    right: -1px;
    top: -1px;
} .box_1 b.bl {
    left: -1px;
    bottom: -1px;
} .box_1 b.br {
    right: -1px;
    bottom: -1px;
} .box_1 .sContent {
} .box_2 {
    margin-bottom: 18px;
    padding: 0;
    color: #000;
    background: url(http://media.astadia.com/designimages/bg_box2.png) bottom repeat-x;
} .box_2 .sContent {
    padding: 0 19px 19px 12px;
    text-align: left;
} .box_3 {
    margin: 0 22px;
    padding: 20px 9px 9px 9px;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    text-align: center;
    background: url(http://media.astadia.com/designimages/bg_box3.jpg) 0 0 no-repeat #dff0f7;
} .tabPage:after {
    content: "";
    display: block;
    clear: both;
} #page0 {
    font-size: 14px;
    line-height: 21px;
} #page .tabPage .col_1 {
    padding: 0 0 8px 30px;
    width: 420px;
    text-align: left;
} #page .tabPage .col_2 {
    padding: 0 30px 8px 0;
    width: 400px;
    text-align: left;
} #page #page5 .col_1 {
    padding-left: 90px;
    width: 360px;
}

/* generated */ .generated {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
    background: none;
} .generated .item {
    padding-bottom: 10px;
} .generated table {
    margin-top: 4px;
    width: 100%;
} .generated td {
    font-size: 11px;
    line-height: 12px;
    color: #000;
} .generated div {
    font-size: 12px;
    line-height: 15px;
    color: #000;
} .generated td.pic {
    width: 45%;
} 

.generated td a, .generated2 a { color:#000;}

.generated td.pic img {
    margin-right: 5px;
} .generated td.text {
    width: 55%;
} .generated p {
    color: #666;
} .generated em {
    font-size: 9px;
    font-style: normal;
    text-transform: uppercase;
} .generated li {
    padding-bottom: 6px;
    text-indent: 11px;
} .generated li a {
    color: #000;
    font-weight: bold;
} .generated2 {
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 14px;
    color: #000;
} .generated2 .item {
} .generated2 .item p {
    padding-top: 4px;
} .generated2 .item span {
    color: #666;
} .generated2 .col {
    float: right;
} .generated2 .col a {
    display: block;
} .get:after {
    content: "";
    display: block;
    clear: both;
} .get h3 {
    padding-bottom: 8px; text-align:right;
} 


.get a {
    float: right;
    padding-top: 43px;
    font-size: 9px;
    color: #ff9933;
    text-transform: uppercase;
    text-align: center;
    background: url(http://media.astadia.com/designimages/icons.png) 0 0 no-repeat;
} .get a.mail {
    width: 43px;
    background-position: -88px 0;
} .get a.twitter {
    margin-left: 6px;
    width: 38px;
    background-position: -40px -36px;
} .get a.rss {
    margin-left: 8px;
    width: 33px;
    background-position: 0 -71px;
} .generated3 {
    margin-right: -22px;
    margin-bottom: 21px;
    padding-right: 8px;
    border-right: 0;
    text-align: left;
} .generated3 .subscr {
    display: block;
    font-weight: bold;
    color: #000;
} .generated3 .item {
    padding-bottom: 0;
}

/* signature */ .signature {
    margin-top: 6px;
    padding-top: 2px;
    border-top: 1px solid #fff;
} .box_2 .signature {
    padding-left: 10px;
} .signature em {
    font-size: 10px;
    color: #666;
    font-style: normal;
    text-transform: uppercase;
}

/* call */ .call {
    clear: both;
    margin: 22px 0 0 224px;
    padding: 9px 9px 0 9px;
    width: 160px;
    height: 74px;
    font-size: 11px;
    line-height: 12px;
    color: #000;
    background: url(http://media.astadia.com/designimages/bg_call.png) 0 0 no-repeat;
} #about.team .call {
    margin-left: 244px;
} .call a {
    color: #ff6600;
}

/* moreNav */ .moreNav {
    padding-bottom: 12px;
}

/* moreList */ .moreList {
    padding-top: 12px;
}

/* listBox */ .listBox {
} .listBox td {
    padding-top: 24px;
    vertical-align: bottom;
} .listBox .pic {
    padding-right: 17px;
} .listBox .pic img {
    border: 1px solid #efefef;
} .pageNav {
    margin-top: 26px;
} .forum .pageNav {
    margin-top: 0;
} .pageNav a {
    margin-right: 10px;
    font-weight: bold;
    color: #ff6600;
    text-decoration: underline;
} .pageNav a:hover {
    text-decoration: none;
} .pageNav a.active, .pageNav a.active:hover {
    color: #000;
    cursor: default;
    text-decoration: none;
} .pageNav a.more {
    float: right;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
} .pageNav a.more:hover {
    text-decoration: underline;
}

/* list4 */ .list4 {
    width: 100%;
} .list4 td {
    padding: 3px 10px 2px 0;
} .list4 .name {
    color: #666;
    font-weight: normal;
} .list4 a, .list4 .title2 .name  {
    color: #ff9900;
}

/* list5 */ .list5 em {
    font-size: 10px;
    color: #666;
    font-style: normal;
    text-transform: uppercase;
}

/* share */ .share {
    margin-top: 12px;
}

/* commentsBox */ .commentsBox {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #efefef;
} .tabs {
    clear: both;
    margin: 0 22px;
    padding-top: 12px;
} .tabs .sContent {
    padding: 0;
    height: 26px;
    background: url(http://media.astadia.com/designimages/bg_tabs.jpg) 0 0 no-repeat;
} .tabs a {
    z-index: 1;
    position: absolute;
    display: block;
    float: left;
    padding: 5px 4px 0 4px;
    height: 21px;
    font-size: 11px;
    font-weight: bold;
    color: #0f85a9;
    text-align: center;
    text-transform: uppercase;
    border-left: 1px solid #fff;
    overflow: hidden;
} .tabs a#tab0 {
    border: 0;
} .tabs a.active, .tabs a.active:hover {
    z-index: 2;
    color: #fff;
    border: 0;
    text-decoration: none;
    cursor: default;
} .tabs a#tab0 {
    width: 183px;
    width: 178px;
} .tabs a#tab1 {
    margin-left: 185px;
    width: 139px;
} .tabs a#tab2 {
    margin-left: 333px;
    width: 137px;
} .tabs a#tab3 {
    margin-left: 479px;
    width: 148px;
} .tabs a#tab4 {
    margin-left: 636px;
    width: 148px;
} .tabs a#tab5 {
    margin-left: 793px;
    width: 154px;
} .tabs a#tab0.active {
    width: 182px;
} .tabs a#tab1.active {
    margin-left: 176px;
    width: 159px;
} .tabs a#tab2.active {
    margin-left: 327px;
    width: 159px;
} .tabs a#tab3.active {
    margin-left: 475px;
    width: 159px;
} .tabs a#tab4.active {
    margin-left: 635px;
    width: 153px;
} .tabs a#tab5.active {
    margin-left: 789px;
    width: 159px;
}

/* bg */ .pageL, .pageR, b.tl, b.tr, b.bl, b.br {
    background: url(http://media.astadia.com/designimages/corners.gif) no-repeat;
} .pageL {
    background-position: 0 0;
} .pageR {
    background-position: -6px 0;
} .box_1 b.tl {
    background-position: 0 -7px;
} .box_1 b.tr {
    background-position: -6px -7px;
} .box_1 b.bl {
    background-position: 0 -13px;
} .box_1 b.br {
    background-position: -6px -13px;
} .box_2 b.bl {
    background-position: 0 -20px;
} .box_2 b.br {
    background-position: -6px -20px;
} .generated li, .box_2 .signature, .question, .list2 li, .list3 li, .list5 li, .list {
    background: url(http://media.astadia.com/designimages/buls.gif) no-repeat;
} .generated li {
    background-position: -20px 6px;
} .list3 li {
    background-position: -20px 7px;
} #home .list3 li {
    background-position: -20px 8px;
} .box_2 .signature {
    background-position: -13px -9px;
} .question {
    background-position: -13px -10px;
} .list5 li {
    background-position: -13px -7px;
} .list2 li {
    background-position: -6px -26px;
} #subNav a {
    background-position: 30px -41px;
} .list {
    background-position: -6px -28px;
} .tabs a.active {
    background: url(http://media.astadia.com/designimages/bg_tab.jpg) 0 0 no-repeat;
} .tabs a#tab0 {
} .tabs a#tab1.active {
    background-position: 0 -27px;
} .tabs a#tab2.active {
    background-position: 0 -54px;
} .tabs a#tab3.active {
    background-position: 0 -81px;
} .tabs a#tab4.active {
    background-position: 0 -108px;
} .tabs a#tab5.active {
    background-position: 0 -135px;
}

/* about */ #about .content .sItem {
    padding-bottom: 30px;
} #about .content {
    color: #000;
}

/* forum */ #about.forum .content .sItem {
    padding: 30px 0 0 0;
} .forum .sItem p {
    padding-bottom: 12px;
}

/* team */ .team .sItem {
    overflow: hidden;
} .team .sItem .text {
    float: right;
    width: 580px;
} .team .sItem .picBox {
    position: relative;
    float: left;
    margin-top: -3px;
    padding: 0;
    width: 131px;
    overflow: hidden;
}

/* player */ .player {
    margin-bottom: 8px;
}

/* Ie mac only */
/*\*/ /*/#home .content { padding:0;}/**/
/*\*/ /*/#home2 { position:relative; margin:18px 0 0 0; padding:0;}/**/
/*\*/ /*/#home2, #home2 .sContent, #home1 .sContent { background:none;}/**/
/*\*/ /*/#home1 { position:relative; margin:0 0 18px 0; padding:0; color:#000;  background:url(http://media.astadia.com/designimages/bg_box2.png) bottom repeat-x; border:0;}/**/
/*\*/ /*/#home2 .sContent { padding:10px 19px 19px 19px; text-align:left;}/**/
/*\*/ /*/b.tl, b.tr, b.bl, b.br { display:none;}/**/
/*\*/ /*/.generated li { background-position:-20px 2px;}/**/
/*\*/ /*/#home .list3 li { background-position:-20px 6px;}/**/
/*\*/ /*/.list3 li { background-position:-20px 5px;}/**/
/*\*/ /*/.box_2 .signature { background-position:-13px -9px;}/**/
/*\*/ /*/.question { background-position:-13px -13px;}/**/
/*\*/ /*/.list5 li { background-position:-13px -10px;}/**/
/*\*/ /*/.list2 li { background-position:-6px -29px;}/**/
/*\*/ /*/#subNav a { background-position:30px -43px;}/**/
/*\*/ /*/.list { background-position:-6px -30px;}/**/
/*\*/ /*/.tabs a#tab0 { padding-left:30px;}/**/
/*\*/ /*/.tabs a#tab1 { padding-left:24px;}/**/
/*\*/ /*/.tabs a#tab2 { padding-left:24px;}/**/
/*\*/ /*/.tabs a#tab3 { padding-left:24px;}/**/
/*\*/ /*/.tabs a#tab4 { padding-left:30px;}/**/
/*\*/ /*/.tabs a#tab5 { padding-left:30px;}/**/
/*\*/ /*/.generated td.text { padding-top:4px;}/**/ .table {
    border-collapse: collapse;
} .table td, .table th {
    padding: 4px;
    border: 1px solid #e0e0e0;
} .table td {
    vertical-align: top;
}#page .pageR {
    background-position: -6px -27px;
}
.type2 .content { margin-right:18px;}
img, table { border:0;
}
.list3 ol {
	list-style-type: decimal;
	background-repeat: no-repeat;
	background-image: url(http://media.astadia.com/designimages/buls.gif);
	background-position: -20px 7px;
	padding-left: 8px;
} 
.decimal li {
	list-style-type: decimal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.clear{
clear:both;
}