@charset "UTF-8";

/*Note: This CSS file may not always be valid according to the W3C standards.
It may contain proprietary/nonstandard or yet unsupported code.
This code is used to fix certain user agent rendering bugs, or to enhance the website/application in the case of more advanced user agents.*/

/*
@website: 
@author: andrei stefan
@copyright: spotonearth 2009 

1    general rules
1.1. reset
1.2. typography
1.3. forms
1.4. tables
1.5. floats
1.6. misc

2   layout
2.1. grids
2.2. container
2.3. header
2.4. content
2.5. footer
*/

/*************************************
1. General rules
**************************************/

/*---------1.1. reset-------------*/
* { 
	list-style: none;
	font-size: 100%; 
	text-decoration: none;
	text-indent: 0px;
	font-weight: normal;
	font-variant: normal;
	font-family: inherit;
	outline: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,ul, ol, li, dl, dt, dd, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, li,  fieldset, form, label, legend, input, select, option, optgroup{
	padding: 0px;
	margin: 0px;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-family:Century Gothic,sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	background:url(../images/body-bg.png) top left;
}

*:focus::-moz-focus-inner {
	border-color: transparent !important;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q { quotes: "" ""; }

pre {
	width: 100%;
	overflow: auto;
	white-space: pre;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}

object,
embed {
	border: none;
	vertical-align: bottom;
}

img {
	border:#545454 solid 3px;
	margin-right:5px;
	vertical-align: bottom;
}

a img {
	vertical-align: middle;
}

ul.list,
ol.list {
	margin: 10px 0px;
	padding: 0px 0px 0px 2em;
	list-style: disc;
}

ol.list { list-style: decimal; }

dl.list { margin: 10px 0px; }

dl.list  dt { margin: 10px 0px 2px 0px; }

dl.list dd { margin: 0px 0px 0px 2em; }

/*-------1.2. typography----*/

/*headings and paragraphs*/
h1, h2, h3, h4, h5, h6 { 
	margin: 0px 0px 15px 0px;
}

h1 {
	font-size: 2.2em;
	color:#C52B75;
}

h2 {
	font-size: 3em;
	color:#C52B75;
}

h2 span {
	color:#fff;
} 

h3 {
	margin-top:20px;
	font-size: 1.4em;
	color:#C52B75;
}

h3 span {
	color:#fff;
} 

h4 {
	font-size: 1.2em;
	color:#fff;
}

h4 span {
	color:#C52B75;
} 

h4 a span {
	color:#fff;
} 

h5 {
	font-size: 1.4em;
}

h6 {
	font-size: 1.2em;
}

p {
	margin: 0px 0px 15px 0px;
	color:#888888;
}

blockquote {}

blockquote p {
	margin: 0px;
}

/*links*/
a {
	cursor: pointer;
	color:#C52B75;
}


a:visited {
	
}

a:hover, 
a:focus,
a:active {}

/*phrase elements*/
strong, b { font-weight: bold; }

em, i { font-style: oblique; }

del, s, strike { text-decoration: line-through; }

ins, u { text-decoration: underline; }

abbr,
acronym { speak: spell-out; }

abbr[title],
acronym[title],
dfn[title]{
	border-bottom: 1px dashed #000;
	cursor: help;
}

sup {
	vertical-align: text-top;
	font-size: 85%;
}

sub {
	vertical-align: text-bottom;
	font-size: 85%;
}

dfn {}

cite { 
	font-weight: bold; 
	font-style: italic;
}

kbd {
	padding:  0px 2px;
	border-style: solid;
	border-color: #eee;
	border-width: 1px 2px 2px 1px;
	background: #F7F7F7;
}

var {}

code {}

samp {}

small{
 	color:#ffffff;
}

/*------------1.3. forms-----------------*/
fieldset {
	border: none;
}

form li {
	margin-bottom: 3px;
}

legend {}

label {
	display: block;
}

input {
	vertical-align: bottom;
}

label input {
	vertical-align: middle;
}

.text {}

.text:focus,
.text:active {}

.radio {}

.checkbox {}

.image {}

input[type="submit"],
input[type="reset"],
input[type="button"] {
	cursor: pointer;
}

button,
.button { 
	width: auto;
	overflow: visible;
	text-align: center; 
	cursor: pointer;
}

button span { 
  display: block; 
  white-space: nowrap; 
}

button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active {}

select {}

select:focus,
select:active {}

optgroup {}

option {}

textarea {
	overflow: auto;
}

textarea:focus,
textarea:active {}

/*----------1.4. tables---------*/
table {
	border: none;
	border-collapse: collapse; 
	border-spacing: 0;  /*when set to "0" cellspacing has no effect on tables */
}

tr {}

td {}

th {}

caption {
	text-align: center;
	font-weight: bold;
}

/*----------1.5. floats---------*/
form li:after,
form dl:after,
form dt:after, 
form dd:after,
ul:after,
ol:after,
dl:after,
#content:after,
.mainContent:after,
.sideContent:after,
.line:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/*-------1.6. misc------*/
.hidden {
	width: 0px !important;
	height: 0px !important;
	overflow: hidden !important;
	position: absolute !important;
	top: -9999em !important;
	left: -9999em !important;
	font-size: 0px !important;
}

.left { text-align: left; }

img.left {
	margin: 0px 10px 10px 0px;
	float: left;
	clear: left;
}

.center { text-align: center; }

img.center {
	display: block;
	margin: 0 auto;
}

.right { text-align: right; }

img.right {
	margin: 0px 0px 10px 10px;
	float: right;
	clear: right;
}

.confirm,
.warning,
.notice,
.errors {
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
	border: 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-icab-border-radius: 10px;
	border-radius: 10px;
	color: #000;
	background-position: 6px 6px !important;
	background-repeat:no-repeat !important;
}

.confirm{
	border-color: #60C300;
	background: #DFFFBF url(../images/icons/confirm.png);
}

.warning{
	border-color: #FF7200;
	background: #FFE59F url(../images/icons/warning.png);
}

.notice {
	border-color: #5fb9f7;
	background: #caecff url(../images/icons/notice.png);
}

.errors{
  border-color: #FF0000;
	background: #FFAFAF url(../images/icons/error.png);
}

.error{
	color: #ff0000;
}

.tooltip {
	padding: 7px;
	position: absolute;
	color: #fff;
	background: #000;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-icab-border-radius: 5px;
	border-radius: 5px;
}

/*-------color set clases------*/

.cl1, .cl2, .cl3,
.cl4, .cl5, .cl6,
.cl7, .cl8, .cl9,
.cl10, .cl11, .cl12,
.cl13, .cl14, .cl15,
.cl16 {
	line-height: 1.5em;
}

.cl1 {
color: rgb(255, 0, 0);	
}

.cl2 {
	color: rgb(255, 0, 255);
}

.cl3 {
	color: rgb(153, 51, 102);
}

.cl4 {
	color: rgb(255, 153, 204);
}

.cl5 {
	color: rgb(255, 102, 0);
}

.cl6 {
	color: rgb(255, 153, 0);
}

.cl7 {
	color: rgb(255, 204, 0);
}

.cl8 {
	color: rgb(255, 204, 153);
}

.cl9 {
	color: rgb(255, 255, 153);
}

.cl10 {
	color: rgb(255, 255, 0);
}

.cl11 {
	color: rgb(153, 204, 0);
}

.cl12 {
	color: rgb(128, 128, 0);
}

.cl13 {
	color: rgb(0, 128, 0);
}

.cl14 {
	color: rgb(0, 255, 0);
}

.cl15 {
	color: rgb(0, 255, 255);
}

.cl16 {
	color: rgb(0, 204, 255);
}

.cl1 span, .cl2 span, .cl3 span,
.cl4 span, .cl5 span, .cl6 span,
.cl7 span, .cl8 span, .cl9 span,
.cl10 span, .cl11 span, .cl12 span,
.cl13 span, .cl14 span, .cl15 span,
.cl16 span {
	font-size: 1.5em; 
}

/************************************
2. Layout
*************************************/

/*--------------2.1. grids--------------*/
.line {
	zoom: 1.0;
}

.g1of2,
.g1of3,
.g1of4,
.g1of5,
.g2of3,
.g2of5,
.g3of4,
.g3of5,
.g4of5 {
	float: left;
	overflow: hidden;
	zoom: 1.0;
}

.g1of2 { width: 50%; }
.g1of3 { width: 33.3333%; }
.g1of4 { width: 25%; }
.g1of5 { width: 20%; }
.g2of3 { width: 66.6666%; }
.g2of5 { width: 40%; }
.g3of4 { width: 75%; }
.g3of5 { width: 60%; }
.g4of5 { width: 80%; }
.lastUnit {
	width: auto;
	float: none;
}

/*------------2.2. container------------*/
#container {
	margin: 0 auto;
	position: relative;
	font-size: 1.2em;
}

/*------------2.3. header---------------*/
#headerWrapper {
	position:relative;
	height:374px;
	background:#121212 url(../images/hd-bg.png) no-repeat center top; 
}

#header {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 374px;
}

/*------------2.3.1 header navigation---------------*/

.mainNav {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #ffffff;
}

.home a {
	position: absolute;
	left: 15px;
  	top: 97px;
	display: block;
  	width: 100px;
	height: 27px;
	text-indent: -9999px;
}

.news a {
	position: absolute;
	left: -70px;
  	top: 238px;
	display: block;
  	width: 84px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/news.png) no-repeat top left;
}

.news a:hover, .news a:focus {
	background-position: 100% 0px;
}

.clients a {
	position: absolute;
	left: 185px;
  	top: 96px;
	display: block;
  	width: 31px;
	font-size: 30px;
  	font-weight: bold;
  	color: #ffffff;
	
}

.clients a span {
	position: absolute;
	top: -51px;
	left: -27px;
	display: block;
	width: 31px;
	height: 42px;
	background:url(../images/clients.png) no-repeat;
} 

.clients a:hover span, .clients a:focus span {
	background-position:100% 0px;
} 

.services a {
	position:absolute;
	left:590px;
  	top:117px;
	display:block;
  	width:103px;
	height:15px;
	text-indent:-9999px;
	background:url(../images/services.png) no-repeat top left;
}

.services a:hover, .services a:focus {
	background-position: 0px 100%;
}

#slider {
	display: block;
	width: 92px;
	height: 128px;
	position: absolute;
	top: 36px;
	left: -14px;
	background: url(../images/gate.png);
}

.contact a {
	position:absolute;
	left: 650px;
    top:135px;
	display:block;
    width:137px;
	height:180px;
	text-indent:-9999px;
	background:url(../images/contact.png) no-repeat;
}

.contact a:hover, .contact a:focus {
	background-position: -137px 0px;
}

/*------------2.3.2 breadcrumb ---------------*/

#breadcrumb {
	float: left;
	margin: 315px 0px 0px 0px;
	padding:36px 120px 0px 10px;
	background:url(../images/rat.png) no-repeat right 9px;
}  

#breadcrumb li.breadcrumb{
	float:left;
	margin-right:3px;
}

#breadcrumb:hover {
	background-position: right -65px;
}

#breadcrumb  {
	font-size:16px;
	color:#d31359;	
}

/*------------2.4. content--------------*/

#contentWrapper {
	border-bottom:#333333 solid 3px;
	height:957px;
	background:url(../images/contentWrapper-bg.png) repeat-x left top;
}

#contentWrapper2 {
	background:url(../images/content-bg.png) no-repeat right top;
}

#content {
	margin:0 auto;
  	height:947px;
	width:1000px;
	padding-top:10px;
	border-bottom:#333333 solid 3px;
	line-height:1.5em;
}
	
#mainContent {
	overflow:auto;
	height:882px;
	width:950px;
	padding:35px 25px 30px 25px;
	background-color:#000000;
	font-size:12px;
	line-height:1.5em;
}

.intro {
	color:#ffffff;
}

.clientsGallery ul{
	margin-top:30px;
	width: 950px;
	zoom:1;
}

.clientsGallery li {
	min-height:200px;
	width:31%;
	float:left;
	margin:0px 15px 15px 0px;
}

.servicesTitle {
	margin:0px 0px 40px 0px;
	color:#D12E7C;
	
}

.info span {
	color:#ffffff;
}

.post {
	display:block;
	margin-bottom: 30px;
}

.newsImg {
	margin-right:15px;
}

.contactPage {
	margin-top:30px;
}

.contactTitle span {
	color:color:#C52B75;
}

.contactPage p {
	color:#C0C0C0;
}

.contactPage span {
	color:#C52B75;
}

.newsPost {
	overflow:hidden;
	margin-top:10px;
}

.newsTitle{
	color:#C52B75;
}

.newsPost p {
	color:#ffffff;
}

.newsPost span{
	color:#C52B75
}

.newsPost img {
	margin-right:20px;
	border: none;
	vertical-align: top;
}

.servicesPost {
	overflow:hidden;
	display: block;
	height: 280px;
}

.servicesPost h2 {
	display:inline;
}

.servicesPost p {
	display: inline;
}

.servicesPost p.intro {
	display: block;
}

.bobsnav_container {
	text-align:center;
	margin-bottom:15px;
	color:#ffffff;
}

.bobsnav_container span {
     margin-right: 15px;	
}

.bobsnav_container a {
	color:#ffffff;
}

/*------------carousel---------------*/

.jcarousel-container {
	height:325px;
	padding: 15px 0px;
}

.jcarousel-next,
.jcarousel-prev {
	display: inline;
	width:10px;
  height:200px;
	cursor: pointer;
}

.jcarousel-prev {
	margin: 0px 5px 0px 0px;
  float:left;
	background:url("../images/prev-btn.png") no-repeat center;
}

.jcarousel-next {
	margin: 0px 0px 0px 0px;
  float:right;
	background:url("../images/next-btn.png") no-repeat center;
}

.jcarousel-clip {
	overflow:hidden;
	position: relative;
	height:200px;
	margin: 0px;
	width: 97%;
}

#mycarousel {
	position: relative;
	overflow:hidden;
	height: 100%;
	width:3695px !important;
}

#mycarousel li { 
	float:left;
	width:307px !important;
	overflow: hidden;
	list-style:none;
} 


/*------------2.5. footer---------------*/

#footerWrapper {
	width:100%;
	height:368px;
	background:url(../images/footerWrapper-bg.png) repeat-x top left;
}
	
#footer {
	position:relative;
	width: 100%;
	height:368px;
	overflow: hidden;
	background:url(../images/footer-bg.png) no-repeat top left;
}

.footerAnimated {
	position:absolute;
	top:142px;
	left: -2500px;
	height:148px;
	width:1920px;
	background:url(../images/subway.jpg) no-repeat left center;
	z-index:1;
}

.footerAnimated p {
	margin:113px 0px 0px 125px;
	font-size:12px;
	color:#ffffff;
}

#player {
	width: 0px;
	height: 0px;
	position: absolute;
}