@import "fonts/fontface.css";

/* ========================= Global properties START ============================= */
html, body {
	height:100%;
}
html {
	min-width:990px;
}
body {
	font-family: 'ArimoRegular';
	font-size:12px;
	line-height:18px;
	color:#333333;
}
div {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px;  }
h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { font-family:'ArimoRegular'; font-weight:normal;}
h1 {
	font-size:40px;	
	line-height:40px;
	font-family: 'UbuntuBold';
	letter-spacing:-1px;		
}
h2 {
	font-size:32px;	
	line-height:32px;	
}
h3 {	
	font-size:24px;
	line-height:28px;		
}
h4 {	
	font-size:18px;	
	line-height:18px;	
}
h5 {
	font-size:14px;	
	line-height:18px;
}
h6 {
	font-size:13px;
	line-height:18px;
	
}
p {
	line-height:18px;
	
}

.color_orange {
	color:#ee6b26;
}
.color_grey {
	color:#333333;
}
.color_black {
	color:#000000;
}
.color_white {
	color:#ffffff;
}
/* ========================= Global properties END =============================== */


/* ========================= Global Structure START ============================== */

#slideshow {
    position:fixed;
    height:100%;
	opacity:0.7;
	
}

#slideshow IMG {
    position:fixed;
    top:0;
    z-index:8;
    opacity:0.0;
	
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#main {
	width:990px;
	margin:0 auto;
	position:relative;
	height:95%;
	
}
/* ========================= Global Structure END ================================ */

/* ============================== SMALL GALLERY START ==================================== */

#content {
	position: absolute;
	top: 80px;
	overflow: hidden;
	height: 287px;
	margin-left: auto;
	margin-right: auto;
}
#content>dd, #content>dt {
	float:left;
	margin:0 1px 0 0;
	height:287px;
	position:relative;
}
#content>dt {
	z-index:8;/* change this depending on how many categories there are, then manually change values in TAB IMAGE section below */
	width:37.4px;
	background:url(../images/main_nav_small.png) no-repeat;
}
#content>dd {
	width:423px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#content>dt a {
	width:37.4px;
	height:287px;
	background:url(../images/main_nav_small.png) no-repeat;
	display:block;
}

/* TAB IMAGE SECTION START -- change x/first parameter */

#content>.dt1 {
	background-position: 0 0;
}
#content>.dt1 a {
	background-position:0 -287px;
}
#content>.dt2 {
	background-position:-37.3px 0;
}
#content>.dt2 a {
	background-position:-37.3px -287px;
}
#content>.dt3 {
	background-position:-74.6px 0;
}
#content>.dt3 a {
	background-position:-74.6px -287px;
}
#content>.dt4 {
	background-position:-112.0px 0;
}
#content>.dt4 a {
	background-position:-112.0px -287px;
}
#content>.dt5 {
	background-position:-149.4px 0;
}
#content>.dt5 a {
	background-position:-149.4px -287px;
}
#content>.dt6 {
	background-position:-186.8px 0;
}
#content>.dt6 a {
	background-position:-186.8px -287px;
}
#content>.dt7 {
	background-position:-224.2px 0;
}
#content>.dt7 a {
	background-position:-224.2px -287px;
}
#content>.dt8 {
	background-position:-261.6px 0;
}
#content>.dt8 a {
	background-position:-261.6px -287px;
}

/* TAB IMAGE SECTION END */

#content .inner {
	background-color:#FFFFFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	height:287px;
	position:relative;
}
/* ============================== GALLERY END ==================================== */

/* ============================== main START ==================================== */

#slider, #slider2, #slider3, #slider4, #slider5, #slider6, #slider7, #slider8  {
	width:423px;
	height:287px;	
	background:url(../images/slider/loading.gif) no-repeat 50% 50%;
	position:relative;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
}
#slider img, #slider2 img, #slider3 img, #slider4 img, #slider5 img, #slider6 img, #slider7 img, #slider8 img{
	position:absolute;
	top:0px;
	left:0px;
	width: 423px;
	height: 286px;
	max-width: 423px;
	max-height: 286px;
	overflow: hidden;
}
#slider a {
	border:0;
	display:block;
}
.nivo-controlNav {
	position:absolute;
	left:150px;
	bottom:-47px;
}
.nivo-controlNav a {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0px;
	float:left;
	left:180px;
	bottom:60px;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	position:absolute;
	top:90px;
	z-index:99;
	cursor:pointer;
	width:48px;
	height:48px;
	text-indent: -500px;
	overflow:hidden;
	background: url(../images/slider/slider_arrows.png) top left no-repeat;
}

.nivo-prevNav {
	left:10px;
}

.nivo-prevNav:hover{
	background-position: 0 -48px !important;
}

.nivo-nextNav {
	right:10px;
	background-position: -48px 0 !important;
}
.nivo-nextNav:hover{
	background-position: -48px -48px !important;
}

/* ============================== main END ==================================== */

/* ============================== PAGE TWO GALLERY START ==================================== */

#page2-content {
	position: absolute;
	top: 40px;
	overflow: hidden;
	height: 287px;
	margin-left: auto;
	margin-right: auto;
}
#page2-content>dd, #page2-content>dt {
	float:left;
	margin:0 1px 0 0;
	height:287px;
	position:relative;
}
#page2-content>dd {
	width: 424px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#page2-content>dt a {
	width:46.75px;
	height: 287px;
	background:url(../images/main_nav_small.png) no-repeat;
	display:block;
}

#page2-content .inner {
	background-color:#FFFFFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	height:287px;
	position:relative;
}

/* ============================== PAGE TWO GALLERY END ==================================== */

/* ---------------------------------- page two slider start ------------------------------- */
#page2slider {
	width:424px;
	height:287px;	
	background:url(../images/slider/loading.gif) no-repeat 50% 50%;
	position:relative;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
}
#page2slider img {
	position:absolute;
	top:0px;
	left:0px;
	width: 423px;
	height: 286px;
	max-width: 423px;
	max-height: 286px;
	overflow: hidden;
}
#page2slider a {
	border:0;
	display:block;
}
#page2slider .nivo-controlNav {
	display:none; /* hide arrows and control buttons for page 2 sliders */
	position:absolute;
	left:-150px;
	bottom:-42px;
}
#page2slider .nivo-controlNav a {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0px;
	float:left;
	left:180px;
	bottom:60px;
}
#page2slider .nivo-controlNav a.active {
	background-position:0 -22px;
}

#page2slider .nivo-directionNav a {
	display:none; /* hide arrows and control buttons for page 2 sliders */
	position:absolute;
	top:100px;
	z-index:99;
	cursor:pointer;
	width:48px;
	height:48px;
	text-indent: -500px;
	overflow:hidden;
	background: url(../images/slider/slider_arrows.png) top left no-repeat;
}

#page2slider .nivo-prevNav {
	left:10px;
}

#page2slider .nivo-prevNav:hover{
	background-position: 0 -48px !important;
}

#page2slider .nivo-nextNav {
	right:10px;
	background-position: -48px 0 !important;
}
#page2slider .nivo-nextNav:hover{
	background-position: -48px -48px !important;
}

/* ============================== page 2 slider END ==================================== */