/*
Theme Name: Resilica
Description: Custom theme based on <a href="http://www.WPThemerKit.com">WPThemerKit</a>
Version: 1.0
Author: Michael at Studio Tonne
Author URI: http://www.studiotonne.com
*/

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
files are available at http://www.wpthemerkit.com

License info can be found at http://www.wpthemerkit.com/license.php
=================================================================== */
/*------------------------------------------------------------------
[Table of contents]

1. Main Containers - body, #wrapper, #main, #header, #content, #footer, etc.
2. General Classes - .entry-meta, .post, .description, .underpost, etc.
3. General Links - #content a:link, #footer a:link, etc.
4. Menu - #menu, #menu ul, #menu ul li, #menu ul li a:link, etc.
5. Sidebar Links - #sidebar ul li a:link
6. Headings - #header h1, #content h1, .post h2, .post h3, etc.
7. Date - .entry-date, .entry-month, .entry-day
8. Comments - #commentform, #respond p, etc.
9. Blockquotes - blockquote, blockquote p:first-letter, etc.
10. Align - .alignleft, .alignright, img.alignleft, img.alignright, etc.
11. Misc. and Preventative - Styles to prevent image hover strangeness etc.
-------------------------------------------------------------------*/

/*===START SECTION 1 - the main containers===*/

body {
	font-family: Arial, "Helvetica Neue", sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	color: #6A737B;
	background-color: #fff;
}

#wrapper {
	width: 760px;
	height: 430px;
	top: 50%;
	left: 50%;
	padding: 0px;
	position: absolute;
	margin-left: -380px;
	margin-top: -215px;
}

#header {
	height: 20px;
	width: 760px;
	margin-top: -20px;
}

#content {
	width: 760px;
	padding: 0px;
	line-height: 1.3em;
	list-style-type: none;
}

#footer {
	height: 42px;
	padding: 0px;
	width: auto;
	clear: both;
}

#logo {
	width: 234px;
	height: 67px;
	margin-left: 526px;
	float: right;
	margin-top: -55px;
	background: url(../../../siteImages/res_logo.gif);
}
	
#logo a img{
	border: none;
}
	
#testGall {
	margin-left: -15px;
	margin-top: -1px;
	width: 300px;
	height: 200px;
	background-color: #fff;
	color: #000;
}

.sliderStrip {
	height: 430px;
	width: 60px;
	color: #000;
	background-color: #F2F4F5;
	position: absolute;
	top: 10px;
	left: 640px;
}
	
.sliderStrip_blank {
	height: 430px;
	width: 60px;
	position: absolute;
	top: 10px;
	left: 700px;
}
	
.fade {
	height: 430px;
	width: 60px;
	background: url(../../../siteImages/fade.png);
	position: absolute;
	top: 0;
	left: 700px;
}
	
/*===END SECTION 1===*/

/*===START SECTION 2 - general classes===*/

.description {
	clear: left;
	padding: 5px 0 5px 35px;
}

.contentLink {
	font-family: Arial, "Helvetica Neue", sans-serif;
	color: #6A737B;
	font-weight: bold;
	text-decoration: none;
}

.post {
	margin-left: 450px;
	margin-top: 10px;
	width: 210px;
	height: 430px;
	padding: 0px;
	font-size: .9em;
	background-color: #333; 
}

.template_01_text {
	width: 450px; /* was 320px */
	height: 419px;
	margin-top: 0px;
	padding-left: 15px;
	padding-top: 1px;
	position: absolute;
}

.template_01_splashText {
	width: 320px;
	height: 419px;
	margin-top: 0px;
	padding-left: 15px;
	padding-top: 10px;
	position: absolute;
}

.template_01a_text {
	width: 450px;
	height: 419px;
	margin-top: 0px;
	padding-left: 15px;
	padding-top: 1px;
	position: absolute;
	clear: both;
	
}

.template_01a_text ul {

	padding: 0px;
	margin: 0px;
	list-style-type: none;

	

}

.template_01a_text a {
	font-size: 12px !important;
	font-weight: bold !important;
	color: #6A737B;
	text-decoration: none;

 }
 
#credit {


	padding-top: 10px;
	padding-left: 15px;
	font-size: 10px !important;
	}
	
	
	
#credit a {

	font-size: 10px !important;
	text-decoration: none;
	font-weight: bold;
	color: #6A737B;
		
	}
 


.template_01_bg {
	width: 700px;
	height: 430px;
	margin-top: 10px;
	border: 0;
	background: url(http://www.resilica.com/wp-content/uploads/case_study_bg.gif) top;
}

.template_01_grey {
	width: 700px;
	height: 430px;
	margin-top: 10px;
	border: 0;
	background: #f2f4f5;
}

.template_01_bgSplash {
	width: 700px;
	height: 430px;
	margin-top: 0px;
	border: 0;
	background: url(http://www.resilica.com/wp-content/uploads/case_study_bg.gif) top;
}

.template_01_white {
	width: 700px;
	height: 430px;
	border: 0;
	margin-top: 10px;

}

.template_01_contact {
	width: 700px;
	height: 430px;
	border: 0;
	margin-top: 10px;
	background: url(http://www.resilica.com/wp-content/uploads/resilicaMap.jpg) top;
}

.template_01_flash {
	width: 700px;
	height: 420px;
	border: 0;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 0px;
	position: absolute;
}

.template_02_text {
	width: 220px;
	height: 414px;
	margin-top: 10px;
	margin-left: 450px;
	padding: 15px;
	padding-top: 1px;
	background-color: #F2F4F5;
}

.newsText {
	width: 220px;
	height: 430px;
	margin-top: 0px;
	margin-left: 450px;
	padding: 10px;
	padding-top: 1px;
	background-color: #f2f4f5;
	position: absolute;
	z-index: 3000;
}

#template_02_textPress {
	width: 220px;
	height: 414px;
	margin-top: 10px;
	margin-left: 450px;
	padding: 15px;
	top: 0px;
	padding-top: 1px;
	visibility: hidden;
	position: absolute;
}

#pressText_01, #pressText_02, #pressText_03, #pressText_04, #pressText_05, #pressText_06, #pressText_07, #pressText_08, #pressText_09, #pressText_10, #pressText_11, #pressText_12,
#pressText_13, #pressText_14, #pressText_15, #pressText_16, #pressText_17, #pressText_18, #pressText_19, #pressText_20, #pressText_21, #pressText_22, #pressText_23, #pressText_24, 
#pressText_25, #pressText_26, #pressText_27, #pressText_28, #pressText_29 {
	width: 205px;
	height: 414px;
	margin-top: 0px;
	margin-left: 450px;
	padding: 15px;
	top: 0px;
	padding-top: 1px;
	visibility: hidden;
	position: absolute;
}

.template_02_newsText {

	width: 220px !important;
	height: 430px !important;	
	margin-top: 0px !important;	
	margin-left: 0px !important;	
	padding: 15px !important;	
	margin-right: -60px !important;
	padding-top: 1px !important;	
	background-color: #F2F4F5 !important;	
	position: relative !important;	
	float: right !important;

}

.template_02a_text {
	width: 460px;
	line-height: 14px;
	height: 415px;
	margin-top: 10px;
	margin-left: 210px;
	padding: 15px;
	padding-top: 5px;
	background-color: #F2F4F5;
}

.enviroLeft {
	width: 220px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 1px;
	position: relative;
	float: left;
}

.enviroRight {
	width: 220px;
	margin-top: 0px;
	padding-right: 0px;
	margin-left: 10px;
	padding-top: 1px;
	position: relative;
	float: left;
}

.archivePage {
	width: 700px;
	height: 430px;
	background: #000;
	}

.archiveHolder {
	width: 128px;
	height: 200px;
	margin-top: 0px;
	padding-right: 0px;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	float: left;
}

.archiveHolder p {

	font-size: 10px !important;
	line-height: 12px !important;
}

.archiveImg {
	width: 128px;
	height: 128px;
	overflow: hidden;
	}
	
#copyright {
	margin-top: 212px;
	width: 260px;
	}
	
#copyright p {
	font-size: 10px !important;
	line-height: 11px !important;
	}
	
#journo {

	width: 205px;
	margin-left: 450px;
	padding: 15px;
	padding-top:1px;
	padding-left: 25px;
	position: absolute;
	margin-top: 385px;

	}
	
#journo p {
	font-size: 10px !important;
	line-height: 11px !important;
	
	}
	
#journo a {
	font-size: 10px !important;
	line-height: 11px !important;
	font-weight: bold;
	text-decoration: none;
	color: #6A737B;
	
	}

#info {
	left: 615px;
	position: absolute;
	margin-top: -47px;
}

.pressLinks {
	color: #a5abaf !important;
	text-decoration: underline;
	
	}
	
.pressLinks a:hover {
	color: #ffcc00 !important;
	}
	
.randomImage {
	position: absolute;
	}
	
#info a img {
	border: 1px solid #fff;
}
	
#info a:visited {
	border: 1px solid #fff;
}

.template_02_bg {
	width: 450px;
	height: 430px;
	border: 0;
	background: url(../../../siteImages/about.jpg);
}

.template_02_about {
	width: 450px;
	height: 430px;
	border: 0;
	background: url(http://www.resilica.com/wp-content/uploads/resHome_mcEdit.jpg);
}

.template_02_bespoke {
	width: 450px;
	height: 430px;
	border: 0;
	background: url(http://www.resilica.com/wp-content/uploads/bespoke.jpg);
}

.template_02_ourApproach {
	width: 450px;
	height: 430px;
	border: 0;
	background: url(http://www.resilica.com/wp-content/uploads/ourApproach_mcEdit.jpg);
}

.template_02a_environment {
	width: 450px;
	height: 430px;
	border: 0;
	background: url(http://www.resilica.com/wp-content/uploads/environment1.jpg);
	margin-top: 10px;
	
}

.template_02_history {
	width: 450px;
	height: 430px;
	border: 0;
	background: url(http://www.resilica.com/wp-content/uploads/history.jpg);
}

.template_02_news {
	width: 450px;
	height: 430px;
	border: 0;
	background: url(http://www.resilica.com/wp-content/uploads/environment1.jpg);
}

.entry-content, .entry-excerpt {
	clear: left;
}

.navigation {
  clear: both;
}

.avatar {
  float: right;
  margin: 0 0 3px 5px;
}

.entry-meta {
  margin: 0 0 10px 0;
}

.underpost {
	font-size: .9em;
}

#content .underpost a {
	text-decoration: none;
}

/*===END SECTION 2===*/

/*===START SECTION 3 - content and footer links===*/

#content h1 a:link {
	padding: 0px;
	margin: 0px;
	color: #666666;
}

#content p {
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, "Helvetica Neue", sans-serif;
}

#content a:hover {
	color: #cccccc;
	text-decoration: none;
}

#content a:visited {
	text-decoration: none;
	padding: 0px;
}


/*===END SECTION 3===*/

/*===START SECTION 4 - style for header menu===*/

#menu {
	padding: 0;
	white-space: nowrap;
	margin: 0px;
	width: 760px;
	margin-left: -4px;
}

#menuFooter {
	padding: 0;
	white-space: nowrap;
	margin-top: 15px;
	width: 760px;
	margin-left: -4px;
}

#menuFooter img{
	border: none;
}

#menu ul {
	margin: 0px;
	padding: 0px;

}

#menu li {
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
}

#menu li a:link, a:visited {
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
	color: #666666;
	
	
}

#menu li a:hover {
	color: #cccccc;
}

#menu li img {
	padding: 0px;
	}
	
img a:hover {
	
	border: 2px #000 solid;
	}
	
#trigger img {
	padding: 0px;
	}

.current_page_item a {
	color: #D8D819;
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
	}

.current_page_item a img {

	padding: 0px;
margin-bottom: -6px;
padding-bottom: 3px;

	border-bottom: 3px solid #D8D819 !important;
}


.current_page_item ul a {
	color: #6A737B;
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
}

.current_page_item li a {
	color: #6A737B;
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
}



.current_page_item h2 a{
	color: #6A737B;
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
}

.page-item {
	color: black;
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
}

.current_page_parent a:visited {
	color: #D8D819;
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
}

.current_page_ancestor a:visited {
	color: #D8D819;
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
}

.current_page_ancestor a:visited {
	color: #D8D819;
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
}

#menuFooter ul {
	margin: 0px;
	padding: 0px;
}

#menuFooter li {
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
}

#menuFooter li a:link {
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
	color: #666666;
}

#menuFooter li a:hover {
	color: #cccccc;
}

/*===END SECTION 4===*/

/*===START SECTION 5 - sidebar links===*/
/*NO SIDEBAR IN A*/
/*===END SECTION 5===*/

/*===START SECTION 6 - style the headings===*/

#header h1 a:link, #header h1 a:visited {
	font-size: 1em;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	width: 600px;
	padding: 1px 0 0 25px;
	clear: both;
}

#header h1 a:hover {
	text-decoration: underline;
}

#content h1 {
	font-size: 18px;
	font-family: Arial, "Helvetica Neue", san-serif;
	line-height: 20px;
	color: #666666;
	font-weight: bold;
}

#content h1 p {
	line-height: 22px;
	color: #666666;

}

#content h1 a{
	font-size: 18px;
	font-family: Arial, "Helvetica Neue", san-serif;
	line-height: 20px;
	color: #666666;
	text-decoration: none;

}

.post h2 {
	font-size: 1.8em;
	margin: 45px 0 10px 0;
	padding: 0;
	color: #666666;
}

.post h3 {
  font-size: 1.8em;
  margin: 0;
  padding: 0;
}

h2 {
	color: #666666;
	}

#content h2 a {
	font-size: 18px;
	line-height: 20px;
	color: #a5abaf;
	text-decoration: none;
}

/*===END SECTION 6===*/

/*===START SECTION 7 - style the post date===*/
/*
.entry-date {
	height: 89px;
	width: 71px;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	border: 2px solid #000000;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
} 


.entry-month {
	font-size: 19px;
	width: 71px;
	text-align: center;
	height: 28px;
	margin: 7px 0 0 0;
	font-weight: bold;
	padding: 0 0 2px 0;
}
.entry-day {
	font-size: 28px;
	text-align: center;
	height: 30px;
	width: 71px;
	margin: 4px 0 0 0;
	font-weight: bold;
	line-height: 30px;
} */
/*===END SECTION 7===*/

/*===START SECTION 8 - comment form and comments===*/

#respond p {
	font-size: .9em;
}

#commentform input {	
}

#commentform textarea {
}

#commentform {	
	padding: 10px;
}

ol.commentlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ol.commentlist li {
	margin: 15px 0 0 0;
}

#content ol.commentlist li a {
	text-decoration: underline;
}

li.author {
	padding: 5px;
}

/*===END SECTION 8===*/

/*START SECTION 9 - blockquotes....*/

blockquote {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 600px;
  background: url(images/blockquote1.png) no-repeat right bottom;
  padding: 0 10px 0 30px;
  text-indent: -30px;
}

blockquote p:first-letter {
  background: url(images/blockquote2.png) no-repeat left center;
  padding: 0 0 0 30px;
  font: italic 1.7em Georgia, "Times New Roman", Times, serif;
}

/*===END SECTION 9===*/

/*===START SECTION 10 - alignment===*/

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}

img.alignright, div.alignright {
	margin: 1px 0 2px 10px;
	display: inline;
}

img.alignleft, div.alignleft {
	margin: 1px 10px 2px 0;
	display: inline;
}

.wp-caption-text {
  font-size: .7em;
  line-height: 1.1em;
  margin: 0;
}

/*===END SECTION 10===*/

/*===START SECTION 11 - Misc. and Preventatives===*/

a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}

a.image img {
	border: none;
}

/*===END SECTION 11===*/

/*preload classes*/

.svw {
	width: 50px;
	height: 20px;
	background: #fff;
}
	
.svw ul{
	position: relative;
	left: -999em;
}

/*core classes*/

.stripViewer {
	position: relative;
	overflow: hidden;
	border: 0px solid #ff0000;
	margin: 0 0 1px 0;
}

.stripViewer ul { /* this is your UL of images */
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}

.stripViewer ul li {
	float:left;
}

.stripTransmitter {
	overflow: hidden;
	width: 1%;
	margin-left: -18px;
	margin-top: 50px;
	height: auto;
	position: relative;
	float: left;
}

.stripTransmitter ul {
	margin-left: 0px;
	padding-left: 0px;
	position: relative; 
	list-style-type: none;
	margin-top: 0px;
}

.stripTransmitter ul li{
	width: 30px;
	float: left;
	margin: 0px 20px 1px 0;
}

.stripTransmitter a {
	font-size: 48px;
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
	color: #cccccc;
	text-align: left;
	text-decoration: none;
	display: block;
}

.stripTransmitter a:hover, a.current{
	font-family: Arial, "Helvetica Neue", san-serif;
	font-weight: bold;
	color: #D8D819;
}

/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 5px;	
	font-size: 12px;
	font-family: Arial, "Helvetica Neue", san-serif;
	cursor: default;
	background: #6A737B;
}

.caption-top {
	border-width: 0px;
}

.caption-bottom {
	border-width: 0px;
}

.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000;
	padding: 0.3em;
}

.caption a:hover, .caption a:hover {
	background: #202020;
}

.caption-wrapper {
	float: left;
}

br.c { 
	clear: both; 
}

.tooltip {
	background: #000;
	height: 145px;
	padding: 10px;
	padding-top: 0px;
	padding-right: 60px;
	width: 570px;
	display: none;
	color: #fff;
	position: absolute;
	z-index: 999;
}

.tooltip p {
	font-size: 12px;
	}

/* tooltip title element (h3) */

.tooltip h3 {
	margin: 0;
	font-size: 18px;
	color: #fff;
	background-color: #000;
}

/* hide the environment bit */

#whiteBar {
	height: 430px;
	width: 60px;
	background-color: #fff;
	z-index: 3000;
	position: relative;
	float: right;
	margin-top: -430px;
	}


/* scrollable vibes */

/* root element for the scrollable. when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 	/* required settings */ 
    position: relative; 
    overflow: hidden; 
    width: 760px; 
    height: 430px; 
    
    /* custom decorations */
	padding: 0px;	
	border: none;
	
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 

div.scrollable div.items { 
    /* this cannot be too large */ 
    width: 2000em; 
    position: absolute; 
    clear: both;

    
    /* decoration */
	margin-left:0px;

} 

div.items2 { 
    /* this cannot be too large */ 
    width: 2000em; 
    position: absolute; 
    clear: both;
    background: #fff;
    
    /* decoration */
	margin-left:0px;

} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
    
    /* custom decoration */
	text-align: left;
	width: 640px;
	padding: 0px;
	border: none;

	margin-right: 60px;	
/*	-moz-border-radius:0px; */

} 

div.items2 div {
width:700px;
}
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc; 

}

/* scrollable navigation stuff */



/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float: left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display: block;
	width: 17px;
	height: 20px;
	background-color: #000; /* url(../img/scrollable/arrow/left.png) no-repeat; */
	float: left;
	margin: 0px;
	cursor: pointer;
	font-size: 1px;
}

/* mouseover state */

a.prev:hover, a.prevPage:hover {
	background-position:0px -18px;	
	background: url(../../uploads/prevHover.gif) no-repeat;
}

a.next:hover, a.nextPage:hover {
	background-position:0px -18px;	
	background: url(../../uploads/nextHover.gif) no-repeat;
}


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

/* next button uses another background image */
a.next, a.nextPage {
	background: #ccc;
	clear:right;	
	position: absolute;
	top: 200px;
	left: 780px;
	background: url(../../uploads/next.gif) no-repeat; 
	
	
}

a.prev, a.prevPage {
	background: #ccc;
	clear:right;	
	position: absolute;
	top: 230px;
	left: 780px;
	background: url(../../uploads/prev.gif) no-repeat;
	
	
}

#nextImage {

	position: absolute;
	height: auto;
	width: auto;
	top: 215px;
	left: 640px;
	padding-left: 10px;
	}

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


/* position and dimensions of the navigator */
div.navi {

	margin-left: 0px;
	width: 700px;
	height:20px;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 487px;
	height: auto;
	position: absolute;
	float: left;
	
}


/* items inside navigator */
div.navi a {
	width:32px;
	height:6px;
	float:left;
	margin:3px;
	margin-left: 0px;
	background: #666666;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background: #ccc;      
}

/* active state (current page state) */
div.navi a.active {
  
	background: #D8D819;  
} 	


.clearHead {
	position: relative;
	clear: both;
	}

#dom_01{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
padding-right: 300px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-bottom: 30px;

}

#dom_01Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_02{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_02Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_03{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_03Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_04{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_04Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_05{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_05Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_06{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_06Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_07{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_07Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_08{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_08Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_09{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_09Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_10{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_10Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_11{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_11Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_12{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#dom_12Fix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#otherDIV{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
visibility: hidden;
background: #fff;
z-index: 3000;
padding-right: 300px;
padding-bottom: 30px;

}

#otherDIVFix{

left: 700px;
width: auto;
margin: 0px;
padding-top: 2px;
height: auto;
top: 440px;
position: absolute;
background: #fff;
padding-right: 300px;
padding-bottom: 30px;

}

#splashEnter {
width: 300px;
padding-left: 13px;
margin-top: -5px;
position: absolute;

}