/*******************/
/*   HEADER BOX   */
/*******************/

#headerboxcontainer { width:968px; margin-top:10px; float:left; padding:0; }
#headerbox-top { background-image:url(../images/style1/header-top.png); background-repeat:no-repeat; height:4px; width:968px; float:left; }
#headerbox {  float:left; background-image:url(../images/style1/header-bg.png); width:940px; padding-left:15px; padding-top:11px; padding-right:13px; padding-bottom:11px; }
#header-bottom { background-image:url(../images/style1/header-bottom.png); background-repeat:no-repeat; height:10px; width:968px; float:left; }

/*SLIDER / CU3ER*/

#slidecontrols { width:966px; background-color:#d6e7ed; height:20px; float:left; border-left:1px solid #fff; border-right:1px solid #fff; }
#cu3erwrapper { height:350px; width:939px; background-image:url(../images/style1/cu3ershadow.png); background-position:1px bottom; background-repeat:no-repeat; }
#cu3er-container { margin:0 }




/*******************/
/* HEADERSLIDESHOW */
/*******************/

.slide { width:907px; float:left; display:block; }
#slidercontrols-container { width:939px; height:12px; margin-top:1px; padding:14px 0 0 0; float:left; background-repeat:no-repeat; }
#slidernav { margin:0 auto; width:108px; padding:0;  }
	#slidernav li { width:10px; float: left; margin:0; list-style:none; padding:0; }
		#slidernav a { width:10px; height:10px; margin:0 8px 0 0; padding:0; display: block; text-indent:-5000px;  border:0; background-image:url(../images/style1/slidercontrol-normal.png); float:left; }
			#slidernav a.activeSlide { background-image:url(../images/style1/slidercontrol-active.png); }
				#slidernav a:hover { background-image:url(../images/style1/slidercontrol-hover.png); }
					#slidernav a:focus { outline: none; }
					
#slideshow { width:939px; float:left; position:relative; overflow:hidden;  }
	#slideshow img { border:0; }

/*creates rounded corners on the slideshow*/	
.slidecurve-top { background-image:url(../images/slidecurves-top.png); background-repeat:no-repeat; position:absolute; z-index:90; width:939px; height:9px; }
.slidecurve-bottom { background-image:url(../images/slidecurves-bottom.png); background-repeat:no-repeat; position:absolute; margin-top:290px; z-index:90; width:939px; height:30px; }

/*slider next and previous arrow controls*/
#slideNext { position:absolute; margin-top:14px; margin-left:900px; float:right; background-image:url(../images/slidenext.png); height:28px; width:25px; z-index:90; display:block; }
	#slideNext:hover { background-image:url(../images/slidenext-hover.png); border:0 }
#slidePrev { position:absolute; margin-top:14px; margin-left:860px; float:right; background-image:url(../images/slideprev.png); height:28px; width:25px; z-index:90; display:block; }
	#slidePrev:hover { background-image:url(../images/slideprev-hover.png); border:0 }






		

				
	

	
	
	/*applies to the layout of the boxes e.g if you have a 'twothirdsbox'
	applied on the left side and on the right side you have a 'onethirdbox' 
	you wont want the 40px margin right to be applied on the 'onethirdbox' 
	so you would put the class as class="onethirdbox last"*/
	
	.last { margin-right:0px !important; }
	.bottom { margin-bottom:0 !important; padding-bottom:0 }
	.first { margin-left:0 !important; padding-left:0 }
	.top { margin-top:0 !important; padding-top:0 }
	
/**/

/*RECENT WORK LIST - HOMEPAGE*/
#recentwork { width:296px; list-style:none; padding:0; margin:0; float:left; margin-top:15px; }
	#recentwork li { width:61px; height:61px; float:left; margin:0 17px 17px 0; }
	
/*SIGN UP BUTTON - HOMEPAGE*/
#signupbutton { background-image:url(../images/style1/signup-button.png); background-color:transparent; background-repeat:no-repeat; width:76px; height:34px; float:left; }
	#signupbutton:hover { background-position:0 -34px; cursor:pointer; cursor:hand; }



















/*******************/
/*   MISC STYLES   */
/*******************/

/*HOMEPAGE THEME SWITCHER*/
#switcher { margin-top:10px; padding:0; }
.jquery-ui-themeswitcher-trigger { background: url(../images/style1/selectbox.png) repeat-x; }
.jquery-ui-themeswitcher-icon { background: url(../images/style1/selectskinarrow.png) no-repeat; }

.gallery { margin:0!important; border:0!important; }
	.gallery ul { list-style:none; padding:0; margin:0; }
	
/*TOOLTIP CSS (not advised you edit)*/
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; text-shadow:0 0; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

  #gravity { width: 100%; margin: 5px 0; border-spacing: 5px;  }
  #gravity td { text-align: center; vertical-align: middle; padding: 5px 0; background-color: #d0d0d0;  }
  #gravity a { }
  #gravity a:hover { color: #505050; background: none; }

/*********/
#flickrfeed img { width:51px; height:51px; margin-right:15px; }






.NoStucture { padding:0; text-align:left!important; border:0!important; background:transparent!important }
	.NoStructure tr { padding:0; text-align:left!important;  border:0!important; background:transparent!important }
		.NoStructure td { padding:0; text-align:left!important;  border:0!important; background:transparent!important }




#tableDefault {
	width: 100%;
	padding: 0;
	margin: 0;
}

th {
	font: bold 14px Arial;
	color: #3a4346;
	border-right: 1px solid #ced9dd;
	border-bottom: 1px solid #ced9dd;
	border-top: 1px solid #ced9dd;
	letter-spacing: 0px;
	text-transform:uppercase;
	text-align: center;
	padding: 12px 6px 12px 12px;
	background-color:#ced9dd;
	background-image:url(../images/table-column-bg.png); background-repeat:repeat-x;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ced9dd;
	background: none;
}

td {
	border-right: 1px solid #ced9dd;
	border-bottom: 1px solid #ced9dd;
	background: #fff;
	padding: 12px 6px 12px 6px;
	color: #4f6b72;
	text-align: center;
	font: normal 12px Arial;
}


td.alt {
	background: #eff5f8;
	text-align: center;
	font: normal 12px Arial;
	
}

th.spec {
	border-left: 1px solid #ced9dd;
	border-top: 0;
	padding:0 15px 0 15px;
	font: bold 12px Arial;
	text-transform:none;
	text-align: center;
	background-color:#e1edf3; color:#3a4346;
}

th.specalt {
	border-left: 1px solid #ced9dd;
	border-top: 0;
	text-align: center;
	padding:0 15px 0 15px;
	font: bold 12px Arial;
	text-transform:none;
	background-color:#e1edf3; color:#3a4346;
}