/* 
	Document	: default
	Created on	: Nov 9, 2009, 12:20:56 PM
	Author		: Cristian Ciobanu
	Description	: Main website stylesheet
*/

@import "reset.css";
@import "classes.css";
@import "navigation.css";

body {
	background:#548BC6;
	font:12px/1.4 verdana , arial, sans-serif;
	color:#000;
}
a, a:link, a:active, a:visited {
    text-decoration:none;
	color:#040ee2;
}
a:hover {
    text-decoration:none;
	color:#a00000;
}
.white, a.white, a.white:link, a.white:active, a.white:visited {
	color:#fff;
}
a.white:hover {
	color:#fff;
}
.black, a.black, a.black:link, a.black:active, a.black:visited {
	color:#000;
}
a.black:hover {
	color:#000;
}
.arrow, a.arrow, a.arrow:link, a.arrow:active, a.arrow:visited, a.arrow:hover {
    background:url('../ui/arrow.png') no-repeat center left;
	padding-left:12px;
}
h1 {
    color:#282c83;
}

/*************************/
#header, #nav, #container, #copyright {
    width:1024px;
    margin:0 auto;
}
#copyright {
    padding:1em;
    text-align:center;
    font-size:0.85em;
}
#wrapper-header {
    background:#282c83 url('../ui/header.jpg') no-repeat center center;
}
#header {
    height:99px;
    overflow:hidden;
}
#header #logo {
    width:370px;
    height:99px;
    display:block;
    cursor:pointer;
}
#header #logo em {
    visibility:hidden;
}
#wrapper-nav {
    background:#3d59a3 url('../ui/bg-nav.jpg') no-repeat center center;
    border:1px solid #70c48a;
    border-left:0;
    border-right:0;
}
#nav {
    height:27px;
    overflow:hidden;
}
#wrapper-container {
    background:url('../ui/bg.jpg') repeat-x 0 0;
}
#container {
    min-height:400px;
    height:auto !important;
    height:400px;
}
#container-top {
    background:#282c83;
    padding:13px 12px;
}
#container-top h1 {
    color:#fff;
    margin:0 0 13px 10px;
    padding:0;
}
#home-swf {
    width:1001px;
    height:216px;
    margin:0 auto;
}
#home {
    background:url('../ui/bg-home.jpg') repeat-y top left;
}
#home-left {
    width:430px;
    padding:25px 50px;
    float:left;
    display:inline;
}
#home-right {
    width:464px;
    min-height:400px;
    height:auto !important;
    height:400px;
    padding:12px 15px 0 15px;
    float:right;
    display:inline;
    background:url('../ui/saag-1.png') no-repeat 295px 380px;
}
#actions {
    height:159px;
    margin:45px 0 0 100px;
}
#left {
    width:350px;
    float:left;
    display:inline;
    background:#aeccdd;
}
#right {
    width:642px;
    float:right;
    display:inline;
    padding:14px 16px;
    background:#fff;
}
#content {
    min-height:581px;
    height:auto !important;
    height:575px;
    padding:15px 30px;
    border:1px solid #d9e7ee;
}
#content-multiple {
    min-height:475px;
    height:auto !important;
    height:472px;
    padding:50px 30px 85px 30px;
    border:1px solid #d9e7ee;
}
#team-panes {
    border:15px solid #fff;
    padding:20px 0 0 0;
    background:#fff;
    overflow:hidden;
}

/*************************/
.ad {
    border:4px solid #86afd3;
}
.rotate {
    padding:10px 12px;
    background:#282c83;
}
ul#team-tabs {
    margin:0;
    padding:0;
    list-style:none;
}
ul#team-tabs li {
    width:101px;
    float:left;
    display:inline;
    margin-left:11px;
    text-align:center;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
}
ul#team-tabs li.first {
    margin-left:0 !important;
}
ul#team-tabs li span {
    width:97px;
    height:130px;
    margin-bottom:5px;
    overflow:hidden;
    border:2px solid #43479d;
    display:block;
}
ul#team-tabs li span img {
    width:97px;
}
.staff {
    width:961px;
    margin:0 auto;
    border:2px solid #b3d0de;
}
.staff-intro {
    padding:50px 15px 10px 15px;
    background:url('../ui/fade.jpg') no-repeat top left;
}
.staff .image {
    width:152px;
    padding:10px;
    float:left;
    background:url('../ui/fade-1.jpg') repeat-x top left;
}
.staff .bio {
    margin:13px 20px 10px 200px;
}
.staff h2 {
    margin:0;
    padding:0;
}
.staff p.contact {
    margin:0;
    padding:0;
    color:#040ee2;
    font-size:12px;
}
.staff div.text {
    margin:15px 0 0 25px;
    font-size:12px;
}
.staff-intro div.text {
    margin:0 75px;
    font-size:12px;
}
.staff div.saag {
    height:30px;
    background:url('../ui/saag-2.png') no-repeat bottom right;
}
#staff-spacer {
    height:31px;
    position:relative;
}
#staff-spacer span {
    padding:9px 13px;
    border:2px solid #70c48a;
    background:#282c83;
    color:#89bfff;
    font-weight:bold;
    position:absolute;
    top:7px;
    left:375px;
}

/*************************/
.location {
    width:232px;
    float:left;
    display:inline;
    margin:0 0 0 9px;
    border:3px solid #5286c3;
    background:#5286c3;
}
.location h3 {
    margin:0;
    padding:10px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    font-size:12px;
    letter-spacing:0.10em;
    font-family: Copperplate, verdana, arial, sans-serif;
}
.location div.text {
    margin:0;
    padding:10px 15px;
    border:5px solid #b3d0de;
    background:#fff;
    font-size:12px;
}

/*************************/
.pagination {
    width:90%;
    margin:0;
    padding:0;
    list-style:none;
}
.pagination li {
    float:right;
    margin:10px 0 0 5px;
    padding:2px 7px;
    background:#282c83;
    font-weight:bold;
}
.pagination a, .pagination a:link, .pagination a:active, .pagination a:visited {
    text-decoration:none;
    color:#fff;
}
.pagination a:hover, .pagination a.current {
    text-decoration:none;
    color:#f8cc47;
}

.links {
    width:610px;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:-40px;
    left:-8px;
}
.links li {
    float:left;
    margin-right:5px;
    padding:6px 5px 6px 25px;
    border:1px solid #70c48a;
    background:#282c83 url('../ui/arrow-2.png') no-repeat 5px center;
    font-size:10px;
    text-transform:uppercase;
    font-family: Copperplate, verdana, arial, sans-serif;
}
.links a, .links a:link, .links a:active, .links a:visited {
    text-decoration:none;
    color:#fff;
}
.links a:hover {
    text-decoration:none;
    color:#f8cc47;
}

/*************************/
.accordion {
    margin-top:15px;
}
.accordion .head {
    margin:0;
    padding:6px 5px 6px 35px;
    background:#548ac6 url('../ui/arrow-1.png') no-repeat 5px center;
    color:#fff;
    cursor:pointer;
}
.accordion .pane {
    padding:5px 35px;
    font-size:11px;
    overflow:hidden;
    border:2px solid #548ac6;
    background:#d9e7ee;
}