html, body {
    margin: 0;
    padding: 0;
    background:#ffffff;

}


.current{
	opacity:0.6;
	width: 131px;
	height:71px;
	padding:0;
	margin:0;

}


body{
	font-size: 62.5%;
	font-family:helvetica,arial,sans-serif;
	text-align: left;

}

img{
	border: 0;
}

p {
    float: left;
	font-size: 1.2em;
	padding: 0;
    margin: 0;
	padding: 0 0 0.5em 0;
	color: #333;
}

#copyright a {
    color: #788298;
	text-decoration: none;
	float:right;
	padding:0 0 0 0.3em;

}

 a {
    color: #788298;
	text-decoration: none;
	float:left;
    font-size: 1.2em;
	outline: none;

}

 a:hover {
    text-decoration: none;
    color:#E79D35;
	}
	
 a:active {
    text-decoration: none;
    color:#E79D35;
	}

#navigation a {
    margin: 0.5em;
    text-decoration: none;
     color: #c17878;
}

#background a {
    text-decoration: none;
    color: #788298;
	font-size:1em;
	float:none;
}

#background a:hover {
    text-decoration: none;
    color:#E79D35;
	
	
}

#overview a {
    text-decoration: none;
    color: #788298;
	font-size:0.9em;
}

#overview a:hover {
    text-decoration: none;
    color:#E79D35;
	
	
}

#overview a:active {
    text-decoration: none;
    color:#E79D35;
}


#header a{
	padding: 0.5em 0.5em 0.5em 0;
	text-decoration: none;
        font-size:1.1em;
}

h1 {
    padding: 0 0 0.2em 0;
    margin: 0;
    float: left;
	color:#788298;
	font-weight: lighter;	
	text-transform: none;
	font-size:2.0em;
	line-height:1em;

} 

h2 {
    padding: 0;
    margin: 0;
    float: left;
	font-size:1.6em;
	line-height:1.1em;
	padding: 0.3em 1em 0.5em 0;
	font-weight: lighter;
	color: #838383;

} 

.overlay h1 {
    padding: 1em 0 0.2em 0;
    margin: 0;
    float: left;
	color:#788298;
	font-weight: lighter;	
	text-transform: none;
	font-size:2.0em;
	line-height:1em;
} 

.overlay h2 {
    padding: 0;
    margin: 0;
    float: left;
	font-size:1.5em;
	line-height:1.1em;
	padding: 0.3em 2em 0.5em 0;
	font-weight: lighter;
	color: #838383;
	width:720px;
} 

h3{
    color:#686C70;
	float:left;
	font-size:1.7em;
	font-weight:lighter;
	line-height:1.1em;
	margin:-0.1em 0 0;
	padding:0 1.6em 0.3em 0.5em;
} 

h4{
    color:#788298;
	float:left;
	font-size:1.2em;
	font-weight:lighter;
	line-height:1.1em;
	margin:1.2em 0 0;
	padding:0 2em 0.3em 0.8em;
	width:265px;
} 

.tabs h4{
    color:#686C70;
	float:left;
	font-size:1.7em;
	font-weight:lighter;
	line-height:1.1em;
	margin:0.7em 0 0;
	padding:0 2em 0.3em 0;
	width:265px;
} 

.tabsTwo h4{
    color:#686C70;
	float:left;
	font-size:1.7em;
	font-weight:lighter;
	line-height:1.1em;
	margin:0.7em 0 0;
	padding:0 2em 0.3em 0;
	width:265px;
} 

.tabsThree h4{
    color:#686C70;
	float:left;
	font-size:1.7em;
	font-weight:lighter;
	line-height:1.1em;
	margin:0.7em 0 0;
	padding:0 2em 0.3em 0;
	width:265px;
} 

.tabsFour h4{
    color:#686C70;
	float:left;
	font-size:1.7em;
	font-weight:lighter;
	line-height:1.1em;
	margin:0.7em 0 0;
	padding:0 2em 0.3em 0;
	width:265px;
} 

.tabsFive h4{
    color:#686C70;
	float:left;
	font-size:1.7em;
	font-weight:lighter;
	line-height:1.1em;
	margin:0.7em 0 0;
	padding:0 2em 0.3em 0;
	width:265px;
}

.tabsSix h4{
    color:#686C70;
	float:left;
	font-size:1.7em;
	font-weight:lighter;
	line-height:1.1em;
	margin:0.7em 0 0;
	padding:0 2em 0.3em 0;
	width:265px;
}

.tabsSeven h4{
    color:#686C70;
	float:left;
	font-size:1.7em;
	font-weight:lighter;
	line-height:1.1em;
	margin:0.7em 0 0;
	padding:0 2em 0.3em 0;
	width:265px;
}

.tabsEight h4{
    color:#788298;
	float:left;
	font-size:1.2em;
	font-weight:lighter;
	line-height:1.1em;
	margin:1.2em 0 0;
	padding:0 2em 0.3em 0.8em;
	width:265px;
}

.tabsNine h4{
    color:#686C70;
	float:left;
	font-size:1.7em;
	font-weight:lighter;
	line-height:1.1em;
	margin:0.7em 0 0;
	padding:0 2em 0.3em 0;
	width:265px;
}

.tabsTen h4{
    color:#686C70;
	float:left;
	font-size:1.7em;
	font-weight:lighter;
	line-height:1.1em;
	margin:0.7em 0 0;
	padding:0 2em 0.3em 0;
	width:265px;
}

#header {
    margin: 0 auto;
    padding:2em 0 2.2em 0;
	left:0;
	position:relative;
	width:1000px;
	font-size: 0.8em;
	height:60px;
} 

#contactDetails{
	padding:0;
	float: right;;
	position: relative;
	margin-left: 80px;
	margin-top:-1em;
}

#siteDetails{
	padding:0;
	float: right;
	position: relative;
	margin-left: 200px;
	margin-top:-1em;
}

#logo{
	width:11.8em;
	padding:0;
	float: left;
	position: relative;
	margin-right: 200px;
	
}

#wrapper {
    width: 100%;
    padding-bottom: 2em;
    padding-top: 2em;
    height: 400px;
	background: #fff url(../images/gradient.jpg) repeat-x scroll left top;
	border-top:1px solid #E9E9E9;
} 

#content {
	float:left;
	padding-right:5em;
	width:50%;
	
} 

#content a{
    color: #788298;
	text-decoration: none;
	float:none;
    font-size: 1.0em;	
} 

#content a:hover{
    color:#E79D35;
	text-decoration: none;
	float:none;
    font-size: 1.0em;	
} 

.rule{
	border-bottom:1px solid #E9E9E9;
	padding:0;
	margin:2.9em 0 0.8em;
	position:relative;
}


.ruleSmall{
	background:#FFFFFF url(../images/gradient.jpg) repeat-x scroll left top;
	border-top:1px solid #E9E9E9;
	height:25px;
	margin:0;
	padding:0;
}

#content p {
    margin: 0;
    float: left;
	font-size:1.6em;
	padding:1.2em 0 0;
	font-weight: lighter;
	color: #788298;
} 

#content .link {
    margin: 0;
    float: left;
	font-size:1.4em;
	padding: 1em 0;
	font-weight: lighter;
	color: #686C70; 
} 

.landed {
	color: #E79D35;
	
}	

#overview {
    float: left;
    width: 45%;
} 


#overview ul {
    margin: 1.5em 0;
    padding: 0;
    list-style-type: none;
} 

#overview li {
    margin-bottom: 0.5em;
} 

#navigation {
    height: 3.0em;
    background-color: #333;
} 

#navigation p{
    color:#ffffff;
	font-size: 1.2em;
	padding:0.6em 0 0 0;
} 

#container {
    width: 1000px;
    margin: 0 auto;
} 

#video {
height:405px;
margin:0;
overflow:hidden;
position:absolute;
width:720px;
float:left;
}

#videoImg {
margin:0;
overflow:hidden;
position:absolute;
float:left;
width:1000px;
}

#video img {
	float:left;
}

#preview{
	border:1px solid #E9E9E9;
	height:405px;
	margin:0;
	padding:0;
}

#header ul {
    padding: 0;
	margin: 0;
    list-style-type: none;
	float:right;
} 

#header li {
    display: inline;
	list-style-type: none;
	padding-right: 3.3em;
} 

#navHolder{
	margin: 0 auto;
    padding: 0;
	left:0;
	position:relative;
	width:1000px;
	
}

#slideshow{
	float:right;
	position:relative;
	margin-right:0.5em;
	font-size: 1.2em;
	margin:0;
	padding:0.6em 10em 0 0;
	
}

#slideshow ul {
    padding: 0;
    list-style-type: none;
	margin:0;
} 

#slideshow li {
	padding: 0;
    display: inline;
	list-style-type: none;
} 

#title{
	color: #ffffff;
	margin-right: 5.0em;
}

span{
	font-size:1.0em;
	padding:0;
	margin:0;
	font-weight:bold;
}

.padding{
	font-size:1.0em;
	padding:0 0 0 4.7em;
	margin:0;
	color:#838383;
	font-size:1.2em;
	font-variant:normal;
}


#footer{
	/*background: #fff url(../images/gradientFooter.jpg) repeat-x scroll left bottom;*/
	 bottom: 0%;
	 position: absolute;
	 width:100%;

}

#footer .inner {
	color:#BBBBB4;
	font-size:0.8em;
	padding:0;
	margin: 0 auto;
	width: 1000px;
	height:70px;
}

#contact {
	float:left;
	padding:0;
	margin:0;
	position:absolute;
}

#copyright {
	float:right;
	padding:5em 0 0;
	margin:0;
}

#work_sidebar {
float:left;
width:301px;
}

#thumbs{
	float:left;
	margin:0 1em 0 0.6em;
	padding:0;
	position:relative;
}

#thumbs img {
	border: 0.1em solid #E9E9E9;
	margin:0.3em;
	
	
}
#background #thumbs p{
	margin:0;
	padding:0;
	clear:none;
}

.menu{
	float: left;
	text-align:left;
	clear:both;
	width:420px;
	border-bottom: 0.1em solid #ddd;

}

.menuBlock{
	float: right;
	position:absolute;
	
}

.menuBlock h3{
	color:#838383;
	font-size: 1.2em;
	text-align:left;
	padding:0.3em;
	font-weight: 100;
	margin:0.8em 0 0 12.5em;
	position:absolute;
}

.menuBlock h4{
	color:#333;
	font-weight: 400;
	font-size: 1.2em;
	line-height:1.1em;
	text-align:left;
	margin:0;
	padding:0.2em 0 0 0;
}


.menuBlock p{
	text-align:left;
	position:absolute;
	width:255px;
	line-height:1.1em;
	color: #c17878;
	padding:0.2em 0 0 0;
}


.menuBlock a.wactive{
	float: left;
	margin:0;
	padding:0;
	text-align:left;
	clear:both;
	background-color:#F4F5F5;
	width:100%;
}

#info{
	margin:405px 0 0;
	position:absolute;
	width:740px;
}

#info p{
	color:#788298;
	float:left;
	font-size:1.6em;
	font-weight:lighter;
	margin:0;
	padding:1.2em 0 0;
	}


#panesNine p{
	color:#788298;
	float:left;
	font-size:1.6em;
	font-weight:lighter;
	margin:0;
	padding:1.2em 0 0;
	}

#background{
	float: right;
	width: 27em;
}

#background a:hover {
	color:#E79D35;
}	


#background p {
    color:#838383;
	font-size:1.2em;
	margin:0;
	padding: 0.5em 0 0 0.7em;
	clear:both;
	font-variant: normal; 
	width:27em;
}


.menuBlock img{
	margin:0.8em 0.5em 0.5em 0.8em;
	border: 0.1em solid #ddd;
}


 #parent4 li {
      padding: 0;
      margin: 0;
            }
			
 #parent4 p {
	font-size: 1.2em;
	padding: 0 0 0.5em 0.5em;
	color: #333;
            }
			

            div.overlay {
                width: 1000px;
                height: 500px;
                background-color: #fff;
                background-image:url(../images/bg.png);
				display:none;
				margin:4em 0 0 0;
				padding:15px 55px 55px 55px;
            }
			
		

/* default close button positioned on upper right corner */
div.overlay div.close {
	/*background-image:url(../images/close.png);*/
	position:absolute;
	top:20px;
	cursor:pointer;
	right:60px;
	color:#788298;
       font-size:0.8em;
}

div.overlay div.close a:hover {
	color:#E79D35;
}	


/****PRETTY PHOTO***/
div.light_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_middle {
    background: #fff
}

div.light_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_content {
    background-color: #fff
}

div.light_rounded .pp_content a.pp_next:hover {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_previous:hover {
    background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_expand {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_expand:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_contract {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_contract:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_middle {
    background: #fff
}

div.light_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.light_rounded .pp_loaderIcon {
    background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_middle {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_content a.pp_next:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_previous:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_expand {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_expand:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_contract {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_contract:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_rounded .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded p.pp_description {
    color: #fff
}

div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_top .pp_left, div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content {
    background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat
}

div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_square p.pp_description {
    color: #fff
}

div.dark_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_content a.pp_expand {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_content a.pp_expand:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_content a.pp_contract {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_content a.pp_contract:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_content a.pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_square .pp_content a.pp_next:hover {
    background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_content a.pp_previous:hover {
    background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_top .pp_left, div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content {
    background: #fff
}

div.light_square .pp_content a.pp_expand {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_content a.pp_expand:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_content a.pp_contract {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_content a.pp_contract:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_content a.pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next {
    background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_square .pp_content a.pp_next:hover {
    background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_content a.pp_previous:hover {
    background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11000;
    width: 100%;
}

div.pp_pic_holder {
    position: absolute;
    z-index: 12000;
    width: 100px;
	top: 10px;
}

div.pp_pic_holder .pp_top {
    position: relative;
    height: 20px
} * html div.pp_pic_holder .pp_top {
    padding: 0 20px
}

div.pp_pic_holder .pp_top .pp_left {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px
}

div.pp_pic_holder .pp_top .pp_middle {
    position: absolute;
    left: 20px;
    right: 20px;
    height: 20px
} * html div.pp_pic_holder .pp_top .pp_middle {
    position: static;
    left: 0
}

div.pp_pic_holder .pp_top .pp_right {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 20px;
    height: 20px
}

div.pp_pic_holder .pp_content {
    position: relative;
    text-align: left;
    width: 100%;
    height: 40px
}

div.pp_pic_holder .pp_content .pp_details {
    display: none;
    margin: 10px 15px 2px 20px
}

div.pp_pic_holder .pp_content .pp_details p.pp_description {
    display: none;
    float: left;
    margin: 0
}

div.pp_pic_holder .pp_content .pp_details .pp_nav {
    float: left;
    margin: 3px 0 0 0
}

div.pp_pic_holder .pp_content .pp_details .pp_nav p {
    float: left;
    margin: 2px 4px
}

div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
    float: left;
    display: block;
    width: 14px;
    height: 15px;
    overflow: hidden;
    text-indent: -10000px;
    margin-top: 3px
}

div.pp_pic_holder .pp_content div.pp_hoverContainer {
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;
    width: 100%
}

div.pp_pic_holder .pp_content a.pp_next {
    display: block;
    float: right;
    text-indent: -10000px;
    width: 49%;
    height: 100%;
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat
}

div.pp_pic_holder .pp_content a.pp_previous {
    display: block;
    float: left;
    text-indent: -10000px;
    width: 49%;
    height: 100%;
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat
}

div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract {
    position: absolute;
    z-index: 20000;
    top: 10px;
    right: 30px;
    cursor: pointer;
    display: none;
    text-indent: -10000px;
    width: 20px;
    height: 20px
}

div.pp_pic_holder .pp_content a.pp_close {
    float: right;
    display: block;
    text-indent: -10000px
}

div.pp_pic_holder .pp_bottom {
    position: relative;
    height: 20px
} * html div.pp_pic_holder .pp_bottom {
    padding: 0 20px
}

div.pp_pic_holder .pp_bottom .pp_left {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px
}

div.pp_pic_holder .pp_bottom .pp_middle {
    position: absolute;
    left: 20px;
    right: 20px;
    height: 20px
} * html div.pp_pic_holder .pp_bottom .pp_middle {
    position: static;
    left: 0
}

div.pp_pic_holder .pp_bottom .pp_right {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 20px;
    height: 20px
}

div.pp_pic_holder .pp_loaderIcon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    width: 24px;
    height: 24px
}

div.pp_pic_holder #pp_full_res {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed {
    visibility: hidden
}

div.ppt {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    color: #fff;
    font-size: 17px
}

/* ------------------------------------------------------------------------
 Miscellaneous
 ------------------------------------------------------------------------- */ .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} .clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
} .clearfix {
    display: block;
}

/* End hide from IE-mac */

/***Scroll****/
/* root element for scrollable */
div.scrollable {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 270px;	 
	width: 450px;	
	
	/* decoration */
}

/* root element for scrollable items */
div.scrollable div.items {	
	position:absolute;	
	/* this time we have very large space for height */	
	height:20000em;	
}

/* 
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable div.items div {
	width:450px;	
	height:90px;
	border-bottom: 1px solid #ddd;
	padding:0;
	margin:0;

}

/*active item */
div.scrollable div.items div.active {	
	background-color:#efefef;
}


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
	clear:both;
	border-bottom:1px solid #DDDDDD;
	padding-bottom:2px;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:225px;
	height:30px;
	background:url(../images/arrow/left.gif) no-repeat;
	float:left;
	margin:0;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -30px;	
	cursor:hand;	
}

/* disabled navigational button
a.disabled {
	visibility:hidden !important;		
} */

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/arrow/right.gif);
	clear:right;	
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

/**Tabs**/

 * 
.page  {
   float:left; 
    width:100em; 
    color:#fff; 
}
.pageTwo {
   float:left; 
    width:100em; 
    color:#fff; 
}

.pageThree {
   float:left; 
    width:100em; 
    color:#fff; 
}

.pageFour {
   float:left; 
    width:100em; 
    color:#fff; 
}

.pageFive {
   float:left; 
    width:100em; 
    color:#fff; 
}
.pageSix {
   float:left; 
    width:100em; 
    color:#fff; 
}
.pageSeven {
   float:left; 
    width:100em; 
    color:#fff; 
}

.pageEight {
   float:left; 
    width:100em; 
    color:#fff; 
}

.pageNine {
   float:left; 
    width:100em; 
    color:#fff; 
}

.pageTen {
   float:left; 
    width:100em; 
    color:#fff; 
}




#viewer {
                width: 720px;
                overflow: hidden;
                position: relative;
                margin: 0px;
                height: 705px;
            }
            
#panes {
                height: 405px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
#panes div {
                width: 720px;
                float: left;
            }
			
#viewerTwo{
                width: 720px;
                overflow: hidden;
                position: relative;
                margin: 0px;
                height: 705px;
            }
            
#panesTwo {
                height: 405px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
#panesTwo div {
                width: 720px;
                float: left;
            }
			
#viewerThree {
                width: 720px;
                overflow: hidden;
                position: relative;
                margin: 0px;
                height: 705px;
            }
            
#panesThree {
                height: 405px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
#panesThree div {
                width: 720px;
                float: left;
            }		
			
#viewerFour {
                width: 720px;
                overflow: hidden;
                position: relative;
                margin: 0px;
                height: 705px;
            }
            
#panesFour {
                height: 405px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
#panesFour div {
                width: 720px;
                float: left;
            }	
			
#viewerFive {
                width: 720px;
                overflow: hidden;
                position: relative;
                margin: 0px;
                height: 705px;
            }
            
#panesFive {
                height: 405px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
#panesFive div {
                width: 720px;
                float: left;
            }	
			
#viewerSix {
                width: 720px;
                overflow: hidden;
                position: relative;
                margin: 0px;
                height: 705px;
            }
            
#panesSix {
                height: 405px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
#panesSix div {
                width: 720px;
                float: left;
            }

#viewerSeven{
                width: 720px;
                overflow: hidden;
                position: relative;
                margin: 0px;
                height: 705px;
            }
            
#panesSeven {
                height: 405px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
#panesSeven div {
                width: 720px;
                float: left;
            }
									
#viewerEight{
                width: 720px;
                overflow: hidden;
                position: relative;
                margin: 0px;
                height: 705px;
            }
            
#panesEight{
                height: 405px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
#panesEight div {
                width: 720px;
                float: left;
            }

#viewerNine{
                width: 720px;
                overflow: hidden;
                position: relative;
                margin: 0px;
                height: 705px;
            }
            
#panesNine{
                height: 405px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
#panesNine div {
                width: 720px;
                float: left;
            }		
			
#viewerTen{
                width: 720px;
                overflow: hidden;
                position: relative;
                margin: 0px;
                height: 705px;
            }
            
#panesTen{
                height: 405px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
#panesTen div {
                width: 720px;
                float: left;
            }	
            
/***** player style *******/
            /* container has a background image */
            a.player {
                display: block;
                width: 720px;
                height: 405px;
                padding: 0;
                text-align: center;
                color: #fff;
                text-decoration: none;
                cursor: pointer;
				z-index:10000;
            }
            
            /* splash image */
            a.player img {
                margin-top: 115px;
                border: 0;
            }

/* root element for tabs  */
ul.tabs { 
	float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:169px 0 0 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabs li { 
clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
margin:0;
padding:0;
}


ul.tabsTwo { 
float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:179px -273px 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabsTwo li { 
clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

/* link inside the tab. uses a background image */
ul.tabsTwo a { 
margin:0;
padding:0;
}

ul.tabsThree { 
	float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:169px 0 0 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabsThree li { 
	clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

/* link inside the tab. uses a background image */
ul.tabsThree a { 
margin:0;
padding:0;
}


ul.tabsFour { 
	float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:169px 0 0 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabsFour li { 
clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

/* link inside the tab. uses a background image */
ul.tabsFour a { 
margin:0;
padding:0;
}

ul.tabsFive { 
	float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:169px 0 0 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabsFive li { 
clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

/* link inside the tab. uses a background image */
ul.tabsFive a { 
margin:0;
padding:0;
}

ul.tabsSix { 
	float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:169px 0 0 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabsSix li { 
clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

/* link inside the tab. uses a background image */
ul.tabsSix a { 
margin:0;
padding:0;
}


ul.tabsSeven { 
	float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:169px 0 0 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabsSeven li { 
clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

/* link inside the tab. uses a background image */
ul.tabsSeven a { 
margin:0;
padding:0;
}

ul.tabsTen { 
	float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:169px 0 0 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabsTen li { 
clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

/* link inside the tab. uses a background image */
ul.tabsTen a { 
margin:0;
padding:0;
}

ul.tabsTwo img { 
border:1px solid #E9E9E9;
display:block;
height:71px;
margin:0;
padding:0;
width:131px;
}

ul.tabsThree img { 
border:1px solid #E9E9E9;
display:block;
height:71px;
margin:0;
padding:0;
width:131px;
}

ul.tabsFour img { 
border:1px solid #E9E9E9;
display:block;
height:71px;
margin:0;
padding:0;
width:131px;
}

ul.tabsFive img { 
border:1px solid #E9E9E9;
display:block;
height:71px;
margin:0;
padding:0;
width:131px;
}

ul.tabsEight img { 
border:1px solid #E9E9E9;
display:block;
height:71px;
margin:0;
padding:0;
width:131px;
}

ul.tabsTen img { 
border:1px solid #E9E9E9;
display:block;
height:71px;
margin:0;
padding:0;
width:131px;
}

ul.tabsLurpak img { 
border:1px solid #E9E9E9;
display:block;
height:64px;
margin:0 0.4em 0 0;
padding:0;
width:124px;
}


ul.tabsSeven img { 
border:1px solid #E9E9E9;
display:block;
height:71px;
margin:0;
padding:0;
width:131px;
}

ul.tabsNine img { 
border:1px solid #E9E9E9;
display:block;
height:71px;
margin:0;
padding:0;
width:131px;
}

ul.tabsEight { 
	float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:179px -273px 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabsEight li { 
clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

ul.tabsEight li.hidden { 
clear:both;
float:left;
height:0;
list-style-image:none !important;
margin:0 !important;
padding:0;
text-indent:0;
width:0;
border: none;
}

/* link inside the tab. uses a background image */
ul.tabsNine a { 
margin:0;
padding:0;
}

ul.tabsNine { 
	float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:179px -273px 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabsNine li { 
clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

ul.tabsNine li.hidden { 
clear:both;
float:left;
height:0;
list-style-image:none !important;
margin:0 !important;
padding:0;
text-indent:0;
width:0;
border: none;
}

ul.tabsTen { 
	float:right;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:171px 0 0 0 !important;
padding:0;
width:265px;
}

/* single tab */
ul.tabsTen li { 
clear:both;
float:left;
height:73px;
list-style-image:none !important;
margin:0.45em 0 0 !important;
padding:0;
text-indent:0;
width:133px;
}

ul.tabsTen li.hidden { 
clear:both;
float:left;
height:0;
list-style-image:none !important;
margin:0 !important;
padding:0;
text-indent:0;
width:0;
border: none;
}

/* link inside the tab. uses a background image */
ul.tabsTen a { 
margin:0;
padding:0;
}


ul.tabsLurpak { 
float:left;
height:407px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0.5em 0 0 0 !important;
padding:0 0 0 10px;
width:250px;
}

/* single tab */
ul.tabsLurpak li { 
float:left;
list-style-image:none !important;
margin:0.6em 0.6em 0 0 !important;
padding:0;
text-indent:0;
height:64px;
width:124px;
}


/* link inside the tab. uses a background image */
ul.tabsLurpak a { 
margin:0;
padding:0;
height:64px;
width:124px;
}