/*---------------------------------------------------------------------------
Basic Style Sheet (for standard-compliance browsers)
version: 1.0
author: Bohus Kovac
email: kovac(at)zenos.sk, studio@zenos.sk
website: http://www.zenos.sk
-----------------------------------------------------------------------------*/

/* =Reset styles 
@using: Tripoli, http://devkick.com/lab/tripoli/
-----------------------------------------------------------------------------*/
@import url(slider.css); 
@import url(tripoli.base.css); 
@import url(plugins/tripoli.visual.css); 
@import url(plugins/tripoli.type.css); 
@import url(jquery-ui-1.7.1.custom.css); /* Styles for jQuery UI Tabs*/
@import url(jquery.fancybox.css); /* FancyBox image zooming styles */

/* =Basic common definitions
-----------------------------------------------------------------------------*/
body {
	color: #686150;
	font-size: 12px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background: transparent url(../images/background.jpg) repeat-x top left;
}

#wrapper {
	width: 910px;
	min-width: 910px;
	margin: 0 auto;
}

#header {
	height: 204px;
}

p {
	padding: 5px 0;
	line-height: 1.2;
}

/* Add little styling for email addresses under contacts */
span.m {
	color: #2597CB;
	text-decoration: underline;
}

a:link {
    color:#2597CB;
}

#content p acronym {
	border-bottom: 1px dotted #686150;
}

/* Left-floated images with fancy frames */
.i-left, .i-right {
	float: left;
	padding: 5px;
	border: 1px solid #CCC;
	margin-right: 8px;
	background-color: #FFF;
}

/* ...and right, too */
.i-right {
	float: right;
	margin: 0 0 0 8px;
}

p + ul.list {
	padding-top: 10px;
}

.list li, #nav-references .list li {
	padding: 0px 0 5px 10px;
	list-style-position: inside;
	list-style-image: url(../images/list_square.jpg);
}

.list li.first, #nav-references .list li.first {
	padding-left: 0;
	font-weight: bold;
	list-style-image: none;
}

/* Extra padding between multiple <ul> elements - applicable for references subpage only */
#nav-references .list {
	padding-bottom: 10px;
}

a[class ^="vid"] {
	background: transparent url(../images/video.png) no-repeat top left;
	color: #2597CB;
	display: block;
	height: 31px;
	line-height: 27px;
	padding-left: 37px;
	float: right;
	margin-top: 10px;
	/*clear: both;*/
}

.video + .video {
	padding-right: 20px;
}

#tabs h1, #tabs h2 {
	font-size: 110%;
	padding-top: 15px;
}

#tabs h2 {
	font-size: 90%;
	color: #EC9140;
}

#content #tabs h2 + p {
	padding-top: 3px;
}

#content h2 + ul {
	padding-top: 5px;
}

/* =Header
-----------------------------------------------------------------------------*/
#header h1 {
	font-size: 120%;
}

#header a#homelink, #header a#sandiegolink {
	height: 232px;
	display: block;
	float: left;
	width: 403px;
	position: relative;
	overflow: hidden;
	left: -97px;
}

#header a#homelink span, #header a#sandiegolink span {
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url(../images/ela.jpg);
	position: absolute;
	cursor: pointer;
}

#header a#sandiegolink {
	float: right;
	height: 232px;
	width: 373px;
	left: 83px;
}

#header a#sandiegolink span {
	background-image: url(../images/sandiego.jpg);
}

/* =Site navigation / main menu
-----------------------------------------------------------------------------*/
#menuwrap {
	/*width: 864px;*/
	height: 64px;
	position: relative;
/*	background: transparent url(../images/menu_bg.jpg) repeat-x;*/
	background: transparent url(../images/page_top.png) no-repeat top left;
	padding-bottom: 20px;
/*	margin: 0 auto;*/
	clear: both;
	overflow: hidden;
	width: 914px;
	top: -45px;
}

ul#menu {
	width:864px;
	height:32px;
	/*float:right;*/
	margin:0 auto;
	padding:0;
	list-style-type:none;
	padding-top: 46px;
/*	background:transparent url(../images/menu_bg.jpg) repeat-x;*/
}

ul#menu li a {
	display: block;
	float: left;
	height:32px;
	overflow:hidden;
	text-indent:-99999px;
	background: transparent url(../images/menu_matrix.jpg) no-repeat 0 0;

}

/* Main menu sprite positions */

ul#menu li#gateway a { background-position: 0 0; width: 97px; }
ul#menu li#gateway a:hover { background-position: 0 -32px; width: 97px; }
#nav-home ul#menu li#gateway a { background-position: 0 -32px; width: 97px; cursor:default;}

ul#menu li#about a { background-position:-97px 0; width: 96px; }
ul#menu li#about a:hover { background-position:-97px -32px; width:96px; }
#nav-about ul#menu li#about a { background-position:-97px -32px; width:96px; cursor:default;}

ul#menu li#programs a { background-position:-193px 0; width:101px; }
ul#menu li#programs a:hover { background-position:-193px -32px; width:101px; }
#nav-programs ul#menu li#programs a { background-position:-193px -32px; width:101px; cursor:default;}

ul#menu li#references a { background-position:-294px 0; width:125px; }
ul#menu li#references a:hover { background-position:-294px -32px; width:125px; }
#nav-references ul#menu li#references a { background-position:-294px -32px; width:125px; cursor:default;}

ul#menu li#testimonials a { background-position:-419px 0; width:126px; }
ul#menu li#testimonials a:hover { background-position:-419px -32px; width:126px; }
#nav-testimonials ul#menu li#testimonials a { background-position:-419px -32px; width:126px; cursor:default;}

ul#menu li#success a { background-position:-545px 0; width:148px; }
ul#menu li#success a:hover { background-position:-545px -32px; width:148px; }
#nav-success ul#menu li#success a { background-position:-545px -32px; width:148px; cursor:default;}

ul#menu li#apply a { background-position:-693px 0; width:77px; }
ul#menu li#apply a:hover { background-position:-693px -32px; width:77px; }
#nav-apply ul#menu li#apply a { background-position:-693px -32px; width:77px; cursor:default;}

ul#menu li#contact a { background-position:-770px 0; width:94px; }
ul#menu li#contact a:hover { background-position:-770px -32px; width:94px; }
#nav-contact ul#menu li#contact a { background-position:-770px -32px; width:94px; cursor:default;}

/* =Content holder
-----------------------------------------------------------------------------*/
#contentholder {
	margin: -51px 25px 0 25px;
	width: 864px;
	min-height: 674px;
	background: transparent url(../images/contentholder_bg.jpg) no-repeat 0 0;
}

/* =Sidebar (left side) and content (right side)
-----------------------------------------------------------------------------*/
#sidebar, #content {
	padding-top: 20px;
}

#sidebar {
	width: 260px;
	height: 750px;
	float: left;
	/*background: transparent url(../images/tod_sidebar.jpg) no-repeat top left;*/
}
#nav-home #sidebar, #nav-about #sidebar, #nav-programs #sidebar, #nav-references #sidebar, #nav-testimonials #sidebar, #nav-success #sidebar, #nav-apply #sidebar, #nav-contact #sidebar {
	padding-top: 0;
}

#content {
	width: 595px;
	/*height: 360px;*/
	float: right;
}

#content p {
	padding-right: 20px;
	text-align: justify;
}

#slider+img {
	padding: 15px 0 10px;
}

/* Specific settings for jQuery UI Tabs - applicable sitewide */
#content #tabs {
	width: 97%;
	padding-top: 10px;
}

#content #tabs p {
	padding: 10px 0 0 0;
}

div.ui-tabs-panel + p {
	padding-top: 100px;
}

/* Adds extra space for long articles which would otherwise touch footer. 
	Needs to be applied !only! to the last <p> of tab-x div */
.extraspace {
	padding-bottom: 15px !important;
}

/* Clearing, e.g. for paragraphs with no images */
.clear {
	clear: both;
}

.hidden {
	display: none;
}
/* =Fast access (videos, apply online, contact us) - homepage (gateway) only!
-----------------------------------------------------------------------------*/
ul#fastaccess li {
	width: 160px;
	height: 144px;
	display: block;
	float: left;
	padding: 10px 35px 10px 0;
}

ul#fastaccess li#f1 a, ul#fastaccess li#f2 a, ul#fastaccess li#f3 a{
	background: transparent url(../images/home_videos.jpg) no-repeat top left;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -1999px;
	color: #FFF;
	text-decoration: none;
}

ul#fastaccess li#f2 a{
	background: transparent url(../images/home_applyonline.jpg) no-repeat top left;
}

ul#fastaccess li#f3 a{
	background: transparent url(../images/home_contactus.jpg) no-repeat top left;
}

ul#fastaccess li#f1 a:hover, ul#fastaccess li#f2 a:hover, ul#fastaccess li#f3 a:hover {
	text-indent: 0;
	padding: 55px 5px 0 6px;
	overflow: hidden;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	font-size: 10px;
	height: 105px;
	background: transparent url(../images/footer_bg.jpg) repeat-x top left;
	padding-top: 20px;
	position: relative;
	color: #FFF;
}

#footer-inner {
	margin: 0 auto;
	width: 910px;
}

#footer .title {
	text-transform: uppercase;
	text-decoration: underline;
	padding-bottom: 15px;
	font-weight: bold;
	list-style: none;	
}
#footer ul {
	padding-left: 30px;
}
#footer ul li {
	padding-bottom: 4px;
	list-style: square;
	list-style-position: inside;
}

#footer #block-1, #footer #block-2, #footer #block-3 {
	width: 170px;
	float: left;
}

#footer #block-2 {
	width: 260px;
}

#footer #block-3 {
	width: 170px;
	/*padding-right: 30px;*/
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#quote {
	font-size: 205%;
}

/* Author's name */
#quote #name {
	display: block;
	font-size: 60%;
	padding-top: 7px;
}

#copyright {
	position: absolute;
	bottom: 5px;
	right: 20px;
}

/* Links for external resources */
#content a[href^="http:"]
{
	background: url(../images/external.jpg) no-repeat right center;
	padding-right: 1.5em;
}

#content a[href$=".pdf"]
{
	background: url(../images/png.jpg) no-repeat right center;
	padding-right: 1.5em;
}

/* =Contact form
-----------------------------------------------------------------------------*/

#contact-form{
	margin:1em 0;
	padding-top:10px;
	}
#contact-form fieldset{
	margin:0;
	padding-top:.5em;
	border:none;	
	/*border-top:1px solid #f1f1f1;*/
	}		
#contact-form legend{
/*	background:#fff;*/
	padding:0 5px;
	font-style:italic;
	}	
#contact-form p{
	clear:both;
	margin:.5em 0;
	overflow:hidden;
	}	
#contact-form label{
	float:left;
	width:60px;
	display:block;
	text-align:right;
	margin-right:10px;
	}	
#contact-form input, #contact-form textarea{	
	margin:0;	
	width:250px;
	border:1px solid #ddd;		
	padding:3px 5px 3px 25px;
	}		


#contact-form input#name, #contact-form input#surname{background:#fff url(images/form_name.gif) no-repeat 5px 50%;}
#contact-form input#email{background:#fff url(images/form_email.gif) no-repeat 5px 50%;}
#contact-form input#city{background:#fff url(images/form_city.gif) no-repeat 5px 50%;}
#contact-form input#country{background:#fff url(images/form_country.gif) no-repeat 5px 50%;}
#contact-form input#phone{background:#fff url(images/form_phone.gif) no-repeat 5px 50%;}
#contact-form input#web{background:#fff url(images/form_url.gif) no-repeat 5px 50%;}
#contact-form textarea#message{background:#fff url(images/form_note.gif) no-repeat 5px 6px;}


#contact-form textarea{
	height:125px;
	overflow:auto;
	}					
#contact-form p.submit{
	clear:both;
	margin:1em 0;
	padding:.5em 70px;
	/*border-top:1px solid #f1f1f1;*/
	
	}	
#contact-form button{
	height:28px;
	line-height:28px;		
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	background:url(images/form_button.gif) no-repeat;
	padding:0 10px 0 25px;
	color:#333;
	cursor:pointer;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	}		

#contact-form label.error {
	color: red;
	float: none;
	width: 130px;
	padding-left: 10px;
	display: inline;
}

/* =CAPTCHA positioning
-----------------------------------------------------------------------------*/
div#captcha {
	position: relative;
	padding-left: 71px;
}

span.alert, span.okay {
	color: red;
	font-weight: bold;
	font-size: 140%;
	display: block;
	padding-bottom: 15px;
}

span.okay {
	color: green;
}

/* =Language selector
-----------------------------------------------------------------------------*/
.languages_wrap {
	line-height: 47px;
	padding: 18px 0 0 40px;
	position: relative;
}
.languages_wrap .languages_header {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/languages_en.jpg) no-repeat scroll 0 0;
	text-indent:-9999px;
	width:171px;
}
.languages_wrap ul {
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #f3f2ee none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	display: none;
	margin-left: 12px;
	line-height: 25px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 11px 16px 10px;
	top: -136px;
	width: 120px;
}
.languages_wrap:hover ul {

}
.languages_wrap ul li a {
	color: #9C9C9C;
	display: block;
	padding: 2px 2px;
	text-indent: 0;
}

.languages_wrap ul li a:hover {
	color: #6b6b6b;
	text-decoration: none;
}

ul.up {
	position: absolute;
	top: 63px;
}

/* =Social sites selector
-----------------------------------------------------------------------------*/
#social {
/*	position: relative;*/
  width: 190px;
  padding: 27px 35px;
}
ul.socialsites { 
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #ccc;
  padding:16px 0 14px 0 !important;
  text-align: center;
  background-color: #eee;
}
ul.socialsites li { 
  display: inline;
  margin: auto 10px;
  padding: 0;
}
ul.socialsites a { 
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#rant {
	background-color: #FDFDFD;
	text-align: justify;
	width: 660px;
	height: 469px;
	overflow: auto;
}

#rant h2 {
	font-size: 160%;
	padding-bottom: 10px;
	color: #2597CB;
}