/* Gloabal */
body{
background-image: url("/images/background.jpg");
background-color: #000;
background-repeat: no-repeat;
background-position-x: center;
color:#fff;
font-size: .9em;
color: #999999;
    font-family: Helvetica;

}
h1,h2{
    font-family: Helvetica Neue, Helvetica;
color: #fff;
font-size: 1.5em;
text-transform: uppercase;
}
h2{
color:#999999;
text-transform: none;
}
a{
font-size: 1em;
color: #000;
text-decoration: none;
}
a:hover{color:red}

label{
width: 25%;
display: block;
float: left;
font-size: 1.2em;
}
input{
width: 60%;
font-size: 1.2em;
}
input[type=submit]{
width: auto;
float: right;
}

textarea{
width: 100%
}




.button.business{
	background-repeat: no-repeat
}

/* Header */
header{
	height: 120px;
}
header h5{
	float: left;
}
#phone{
 float: right;
 color: #fff;
 font-size: 15px;
 font-weight: bold;

}
#phone img{
 width: 20px;
 vertical-align: middle;
}
#logo {
  display: block;
 	margin: 20px 0 15px 0; 
 	float: left;
  width: 223px;
  height: 78px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position-y: 10px;
}
.top-image{
margin-bottom: 80px;
}
#logo a{
display: block; text-indent: -9999px; width: 223px; height: 56px; overflow: hidden; background-image: url(/images/logo.png); background-repeat: no-repeat;
}

body#who-we-are .who-we-are{

}
body#who-we-are .who-we-are > a,
body#our-background .who-we-are > a,
body#guiding-principles .who-we-are > a,
body#the-cloud .who-we-are > a,
body#web .what-we-do > a,
body#consulting .what-we-do > a,
body#brand-identity .what-we-do > a,
body#marketing .what-we-do > a,
body#support .what-we-do > a,
body#contact a[href="/contact"]


{
font-weight: bold;
color: red !important;
}

nav{
clear: right;
 border: 1px solid #999999;
 font-family: Arial;
 font-weight: bold;
 margin-top: 30px;
	float: right;
	padding: 0 30px;

	height: 33px;
	font-size: 1em;
	border-radius: 10px;
	background-color: #333;
	background-image: -moz-linear-gradient(#aaa,#333);
		background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#333));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
 -moz-box-shadow:  inset 0px 1px 1px #fff, 0 0 1px 1px #fff;
 -webkit-box-shadow:  inset 0px 1px 1px #fff, 0 0 1px 1px #fff;
 box-shadow:  inset 0px 1px 1px #fff, 0 0 1px 1px #fff;
 border-bottom: 1px solid #aaa;
 color: #fff;
}
nav p{
padding-top: 10px !important;
display: block;
}

.inner{
background-image: none;
background: #fff;
background-color: rgba(255,255,255,.9);

padding: 20px;
border: 5px solid #000;
border-radius: 10px;
}
.inner{
color: #000;
}
.inner h1{
color: #000;
}
.inner h2{
color: #000080;
}

.ie8 .sf-menu{
position: relative;
top:-100px;
}
/*** Superfish Menu ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
/*	background-image: -webkit-linear-gradient(#999,#fff,#999);*/
}
.sf-menu a {
	text-align: center;
	padding: 		10px 20px;

	text-decoration:none;
 border: none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {

	background:		transparent;


}
.sf-menu img{
 width: 27px;
 margin-top: -6px;
}

body#blog .sf-menu .blog img.hover{
display: none;
}

.sf-menu > li:nth-child(5){
height: 33px;
border-left: 2px solid #d5d5d5;
}
.sf-menu li.image{
width: 40px;
}
.sf-menu .hover{
position: relative;
top: -23px;
}

.sf-menu li ul{
 width: 200px;
 border-left: 1px solid #fff;
  border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-radius: 0 0 10px 10px; 
   background-color: #000;
}
.sf-menu li li {
	background:		#000;
 width: 200px;
}
.sf-menu li li a{
 text-align: left;
	font-size: .8em;
}
.sf-menu li li li {
	background:		#000;
	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:	transparent;
	outline: none;
}


.sf-menu a:hover{
color:#ddd;
}

.sf-menu li:last-child{
 -moz-border-radius: 0 0 10px 10px;
 -webkit-border-radius: 0 0 10px 10px;
 border-radius: 0 0 10px 10px;

}

.sidebar  {
background-color: rgba(0,0,0,.8);
border: 3px solid #000;
position: absolute;
left: 0;
height: 400px;
top: 150px;

}

.sidebar img{
width:30px;
padding: 10px;
}
/* Jcarousel */
.jcarousel-skin-tango .jcarousel-next-horizontal,.jcarousel-skin-tango .jcarousel-prev-horizontal  {
top: 63px;
}
.jcarousel img {
   position: relative;
   margin-top: 20px;
   border: 1px solid #346f97;
}
.jcarousel p{
	color: #5d5d5d;
	font-size:.65em;
	font-weight: bold;
	font-style: italic;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 820px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
 width:  820px;
	height:120px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: transparent url(/images/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    background: transparent url(/images/next-horizontal.png) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 120px;
    height: 120px;
}
.jcarousel-skin-tango {
text-align: center;
color: #00f;

}


/** DELETE **/
body#sb .nivoSlider{
width: 537px;
float: right;
}

body#sb .nivo-controlNav {
	margin: 0 auto;
	padding-top: 360px;
	width: 200px;
}


/** Nivo Silder **/
body#store-front .nivoSlider{
width: 537px;
float: right;
}

body#store-front .nivo-controlNav {
	margin: 0 auto;
	padding-top: 360px;
	width: 200px;
}
body#match-assist .nivoSlider{
width: 537px;
float: right;
}

body#match-assist .nivo-controlNav {
	margin: 0 auto;
	padding-top: 360px;
	width: 200px;
}

body#giving-back .nivoSlider{
width: 537px;
float: right;
}

body#giving-back .nivo-controlNav {
	margin: 0 auto;
	padding-top: 360px;
	width: 200px;
}

body#club-central .nivoSlider{
width: 537px;
float: right;
}

body#club-central .nivo-controlNav {
	margin: 0 auto;
	padding-top: 360px;
	width: 200px;
}
body#cloud-cart .nivoSlider{
width: 537px;
float: right;
}

body#cloud-cart .nivo-controlNav {
	margin: 0 auto;
	padding-top: 360px;
	width: 300px;
}

body#web-portfolio .nivoSlider{
width: 537px;
float: right;
}

body#web-portfolio .nivo-controlNav {
	margin: 0 auto;
	padding-top: 360px;
	width: 230px;
}



.nivoSlider{
height: 380px;
width: 950px;
}

.nivo-controlNav {
	margin: 0 auto;
	padding-top: 340px;
	width: 150px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/images/nivo-bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/images/nivo-arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:20px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
/* Sidebar*/
#sidebar{
background-color: #000;
padding: 20px;
font-size: .8em;
}
#sidebar ul{
list-style: none;
}
#sidebar ul a{
color: #fff;
text-decoration: none;
}
#sidebar ul a:hover{
color: red;
}
#sidebar .button{
 font-size: 1.2em;
 background-image: none;
}
/* Footer */
body#index #footer{
/*	border-top: 1px solid #5d5d5d;  */
}
#footer{
	color: #5d5d5d;
	font-size:.8em;
	margin-bottom: 10px;
}

#footer a{
	font-size:1em;
text-decoration: none;
color: #5d5d5d;
margin-right: 10px;
}
/* FOOTER - SEO-TERMS */
body#index #seo-terms{
/*	border-top: 1px solid #5d5d5d;  */
}
#seo-terms{
	color: #5d5d5d;
	font-size:.8em;
	margin-bottom: 10px;
}

#seo-terms a{
	font-size:1em;
text-decoration: none;
color: #000;
margin-right: 10px;
}
/* Home */
body#index-dev .widget-area a,body#index-dev .widget-area h3{
color: #000;
}

body#index-dev .widget-area ul{
list-style: none;
}

/* Portfolio */

.portfolio a,input[type=submit]{
	background-color: #333;
 border: 1px solid #999999;
 font-family: Arial;
 font-weight: bold;
 padding: 10px 30px;
	font-size: 1em;
	border-radius: 10px;

	background-image: -moz-linear-gradient(#aaa,#333);
		background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#333));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
 -moz-box-shadow:  inset 0px 1px 1px #fff, 0 0 1px 1px #fff;
 -webkit-box-shadow:  inset 0px 1px 1px #fff, 0 0 1px 1px #fff;
 box-shadow:  inset 0px 1px 1px #fff, 0 0 1px 1px #fff;
 border-bottom: 1px solid #aaa;
 color: #fff;
}
.portfolio a:hover{
color:#f00;
}
/* Blog */
.widget-area{width: 250px; float: right}
#s{
width: 220px;
}

/* TWITTER */
#tweets .twtr-tweet .twtr-tweet-text { 
 
    border-bottom: 3px dashed #666 !important; 
    padding-bottom: 4px !important; 
 
} 
