/* CSS Document */


* {
    margin:0px;
    padding:0px;
    border:0px;
}

#ipadwrapper {
	width: 1024px;
	z-index:0;
	margin-right: auto;
	margin-left: auto;
	
}

html {overflow-y: scroll;}
/* !!!!!!!   for fade in out items and IE8 add filter:inherit; to CSS !!!!!!!*/

a {
	text-decoration: none;
	outline: 0;
	color: #cf4610;
}
a:hover { text-decoration: none; color: #000; }

body {
	background-color: #FFF;
	margin: 0px;
	padding:0px;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	 
}
/* drop down navigation menu */

nav {
}

li{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14pt;
	font-weight: normal;
	}

nav ul ul {display: none;}
nav ul li:hover > ul {display: block;}
nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	padding:0;
	float:right;
}
nav ul:after {content: ""; clear: both; display: block;}

nav ul li:hover {background: rgba(60, 68, 81, 0.85);}
nav ul li:hover a {color: #fff;}
nav ul li a {
	display: block;
	color: #FF0033;
	text-decoration: none;
}
 /**********this one for controlling the height from the top******/
nav ul ul {
	background: #D3D4D1;
	padding: 0;
	top: 0px;
	z-index: 100;
	color: #000;
}

        /******************************************************************/
nav ul ul li {
	float: none; 
	border-top: 1px solid #fff;
	
	
}
nav ul ul li a {
	padding: 15px 30px;
	color: #000;
}	
nav ul ul li a:hover {
	background: #rgba(60, 68, 81, 0.3);
	color: #fff;
	
}	

/* drop down navigation menu END */




#topedge{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(43%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	height: 30px;
	width: 100%;
	margin: 0px;
	position: absolute;
	z-index: 100;
}
#topbar{
	float: left;
	height: 120px;
	width: 1024px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEFE9;
	z-index: 2;
	position:relative;	
}
#top1{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	float: left;
	height: 120px;
	width: 100px;
	position:relative;
	background-color: #cf4610;
	margin-right:34px;
}
#brandcontainer{
	float: left;
	height: 142px;
	width: 544px;
	position:relative;
}
#top2{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	float: left;
	height: 142px;
	width: 269px;
	font-size: 12px;
	line-height: 142px;
	letter-spacing: 3pt;
	color: #000;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	position:relative;
}
#top3{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
	line-height: 142px;
	float: left;
	height: 142px;
	width: 225px;
	letter-spacing: 2px;
	padding-left: 20px;
	color: #A3A3A3;
	/*text-shadow: 0px 1px 1px rgba(255,255,255,1);*/
	position:relative;
}

#top3a{
	float: left;
	height: 96px;
	width: 120px;
	position:relative;
	padding-top: 46px;
	padding-left: 60px;
}

#top4{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	float: left;
	height: 96px;
	width: 146px;
	position:relative;
	padding-top: 46px;
}


.button{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12pt;
	letter-spacing: 1px;
	float: left;
	height: 69px;
	width: 100px;
	/*padding-top: 46px;*/
}
#button1{
	width:146 px;
	color: #cf4610;
	float:right;
	margin-right: 20px;
}
#button2{
	height: 120px;
	width: 100px;
	margin-top: 0px;
}
#button3{
	margin-top: 26px;
	margin-left: 10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	line-height: 89px;
	color: #cf4610;
	text-align: right;
	float:right;
	padding-right: 25px;
}
.headline{
	padding-top: 40px;
	padding-bottom: 20px;
	float: left;
}
h1{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 48pt;
	line-height: 48pt;
	color: #D3D4D1;
	letter-spacing: 1px;
	text-align: left;
	font-style: normal;
	font-weight: lighter;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.0);
}
h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	line-height: 18px;
	color: #cf4610;
	letter-spacing: 1px;
	text-align: left;
	font-style: normal;
	font-weight: lighter;
}

h3{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	line-height: 18px;
	color: #333;
	letter-spacing: 1pt;
	text-align: left;
	font-style: normal;
	font-weight: lighter;
}
h4{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10pt;
	line-height: 14pt;
	color: #555;
	letter-spacing: 1pt;
	text-align: left;
	font-style: normal;
	font-weight: lighter;
}

#content{
	float: left;
	width: 1024px;	
}

#left{
	float: left;
	width: 135px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #333333;
	font-size: 10px;
	font-style: italic;
	letter-spacing: 1pt;
	text-align: right;
	height: 300px;
	margin-top: 246px;
}
#arrow2{
	float: left;
	width: 135px;
	height: 300px;
	margin-top: 446px;
}
#arrow3{
	float: left;
	width: 135px;
	height: 300px;
	margin-top: 446px;
}


#right{
	float: left;
	width: 889px;	
}
#rightcentre{
	float: left;
	width: 544px;	
}
#infobar{
	float: left;
	height: 128px;
	width: 1024px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 9px;
	line-height: 24px;
	color: #999;
	text-decoration: none;
	letter-spacing: 1pt;
	text-align: center;
	padding-top: 5px;
	position: relative;
	background-color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E3DF;
	margin-top:35px;
	
}
.page{
	float: left;
	width: 1024px;
	
}


.subline{
	float: left;
}
#offer{
	padding-bottom:14px;
	font-family: Verdana, Geneva, sans-serif;
}
.tag{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	font-style: italic;
	letter-spacing: 1pt;
	text-align: right;
	color: #B2390A;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	font-weight: bolder;
	float: right;
	padding-top: 20px;
}
.paragraph{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 18px;
	font-weight: lighter;
}
.caption{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #333333;
	font-size: 10px;
	letter-spacing: 1pt;
	text-align: left;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	font-weight: lighter;
	line-height: 14px;
}

.annotation{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #666666;
	font-size: 10px;
	letter-spacing: 1pt;
	text-align: left;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	font-weight: lighter;
	line-height: 10px;
}
#imagesection1{
	margin-top:46px;
	margin-bottom:30px;

}
.image{
	width:588px;
	height:40px;
	float:left;
}

img.right {
  display: block;
  float:right;
}
img.center {
	display: block;
	margin-right: auto;
	margin-left: auto;  
}
#imageshape1{
	width:294px;
	height:196px;
	background-color: #E4E1DE;
}
#imageshape2{
	width:294px;
	background-color: #D4D1CE;
	height:196px;
}
#imageshape22{
	width:588px;
	height:416px;
	-webkit-transform: translateZ(0);
	
}
#imageshape3{
	width:294px;
	background-color: #E3DFDD;
	height:208px;
}
#imageshape4{
	width:294px;
	background-color: #C0BDBB;
	height:208px;
}
#imageshape5{
	width:147px;
	height:98px;
	background-color: #EDE9E6;
}
#imageshape6{
	width:147px;
	height:98px;
	background-color: #D3D0CD;
}
#imageshape7{
	width:147px;
	height:98px;
	background-color: #F4F1EE;
}
#imageshape8{
	width:147px;
	height:98px;
	background-color: #CFCCC9;
}
#imageshape9{
	width:588px;
	height:386px;
	-webkit-transform: translateZ(0);
}

#lowernav{
	width:300px;
	height: 120px;
	margin-top:30px;
	margin-left:25%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: lighter;
	color: #CCC;
	float: left;
}
#nextarrow{
	float: left;
	height: 120px;
	width: 100px;
	text-align: center;
	color: #A9AAA8;
	}
#backarrow{
	float: left;
	height: 120px;
	width: 100px;	
	text-align: center;
	color: #A9AAA8;
	}
	
#backtotoparrow{
	float: left;
	height: 120px;
	width: 100px;	
	text-align: center;
	color: #A9AAA8;
	}


/***************************** CSS3 Fades etc ***************************/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-ms-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	-ms-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
	-o-animation-duration:0.5s;
	-ms-animation-duration:0.5s;
    animation-duration:0.5s;
}


.fade-in.pointone {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
animation-delay: 0.1s;
} 
.fade-in.pointfive {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
animation-delay: 0.5s;
} 
.fade-in.one {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-ms-animation-delay: 1s;
animation-delay: 1s;
} 
.fade-in.onefive {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
-ms-animation-delay: 1.5s;
animation-delay: 1.5s;
} 
.fade-in.two {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
-ms-animation-delay: 2s;
animation-delay: 2s;
} 
.fade-in.twofive {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
animation-delay: 2.5s;
} 
.fade-in.three {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-o-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
}
.fade-in.four {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-o-animation-delay: 4s;
-ms-animation-delay: 4s;
animation-delay: 4s;
}
.fade-in.five {
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-o-animation-delay: 5s;
-ms-animation-delay: 5s;
animation-delay: 5s;
}
.fade-in.fivefive {
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
-o-animation-delay: 5.5s;
-ms-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.fade-in.six {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.fade-in.seven {
-webkit-animation-delay: 7s;
-moz-animation-delay: 7s;
-o-animation-delay: 7s;
-ms-animation-delay: 7s;
animation-delay: 7s;
}
.fade-in.eight {
-webkit-animation-delay: 8s;
-moz-animation-delay: 8s;
-o-animation-delay: 8s;
-ms-animation-delay: 8s;
animation-delay: 8s;
}
.fade-in.nine {
-webkit-animation-delay: 9s;
-moz-animation-delay: 9s;
-o-animation-delay: 9s;
-ms-animation-delay: 9s;
animation-delay: 9s;
}
.fade-in.ten {
-webkit-animation-delay: 10s;
-moz-animation-delay: 10s;
-o-animation-delay: 10s;
-ms-animation-delay: 10s;
animation-delay: 10s;
}
.fade-in.thirteen {
-webkit-animation-delay: 11s;
-moz-animation-delay: 11s;
-o-animation-delay: 11s;
-ms-animation-delay: 11s;
animation-delay: 11s;
}


@-webkit-keyframes fadeOut{ from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-o-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-ms-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
 
.fade-out {
    opacity:1;
    -webkit-animation:fadeIn ease-in 0;
    -moz-animation:fadeIn ease-in 0;
	-o-animation:fadeIn ease-in 0;
	-ms-animation:fadeIn ease-in 0;
    animation:fadeIn ease-in 0;
 
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
	-o-animation-duration:2s;
	-ms-animation-duration:2s;
    animation-duration:2s;
}


.fade-out.ten {
-webkit-animation-delay: 10s;
-moz-animation-delay: 10s;
-o-animation-delay: 10s;
-ms-animation-delay: 10s;
animation-delay: 10s;
}

/*************************************************************************/



/***************************** contact overlay  ***********************/

.overlay {
	/* must be initially hidden */
    display:none;
	/* place overlay on top of other elements */
    z-index:10000;
	/* styling */
  background: rgb(229,231,226); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(229,231,226,1) 0%, rgba(237,239,233,1) 50%, rgba(243,245,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(229,231,226,1)), color-stop(50%,rgba(237,239,233,1)), color-stop(100%,rgba(243,245,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(229,231,226,1) 0%,rgba(237,239,233,1) 50%,rgba(243,245,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(229,231,226,1) 0%,rgba(237,239,233,1) 50%,rgba(243,245,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(229,231,226,1) 0%,rgba(237,239,233,1) 50%,rgba(243,245,240,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(229,231,226,1) 0%,rgba(237,239,233,1) 50%,rgba(243,245,240,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e7e2', endColorstr='#f3f5f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width:285px;
	height:419px;
	border:1px solid #FFF;
	margin-top: 99px;
	margin-left: 656px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	/* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 10px 5px #C8C8C8;
	-webkit-box-shadow: 0 0 10px #C8C8C8;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 8pt;
	line-height: 10pt;
	font-weight: lighter;
	color: #333;
	padding-top: 15px;
	padding-left: 25px;
}
.overlay .close {
	background-image:url(images/CloseButton2.png);
	position:absolute;
	right:10px;
	cursor:pointer;
	height:20px;
	width:20px;
	background-repeat: no-repeat;
	bottom: 10px;
}
#address{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom: 15px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
}
#contact{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom: 15px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	color: #B2390A;
	line-height: 16pt;
} 
#contacttext{
	padding-bottom: 20px;
	padding-right: 20px;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	color: #999;
	
} 

/***************************** contact overlay end  ***********************/




/************************* INDEX *************************/
#page1{
	/*height:1850px;*/
}
#headline1{
	width: 588px;			
}
#tag1{
	float: left;
	width: 95px;
	padding-top: 40px;
	padding-right: 40px;
	line-height: 66px;
}
#subline1{
	padding-left: 0px;
	padding-bottom:14px;
	float: left;
	width: 155px;
	margin-top: 0px;
}
#para1{
	float: left;
	color: #999;
	padding-top: 59px;
	width: 155px;
	margin-left: 28px;
}
#image1{
	float: left;
	height: 152px;
	width: 202px;
	position: relative;
	margin-top: 25px;
	margin-left: 0px;
}


/************************* Portfolio *************************/
#headlinep{
	width:810px;
	padding-top: 40px;
	padding-bottom: 20px;
	float: left;
}

#col1p{
	float: left;
	color: #999;
	padding-top: 44px;
	width: 145px;
	margin-right: 40px;
}
#col2p{
	float: left;
	color: #999;
	padding-top: 49px;
	width: 155px;
	
	
}
#col3p{
	float: left;
	color: #999;
	padding-top: 49px;
	width: 155px;
	
	
}
#col4p{
	float: left;
	color: #999;
	padding-top: 49px;
	width: 155px;
	
	
}
#col5p{
	float: left;
	color: #999;
	padding-top: 49px;
	width: 155px;
	
	
}


.slimbutton{
	height: 29px;
	width: 110px;
	background-color: #FFF;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 9px;
	color: #cf4610;
	letter-spacing: 1px;
	float: left;
	line-height: 32px;
	padding-left:15px;
	margin-bottom:32px;
	/*border: 1px solid #E1E3DF;*/
	border-bottom: 1px solid #E1E3DF;
	border-left: 1px solid #E1E3DF;
}
#abbr{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	line-height: 18px;
	color: #cf4610;
	letter-spacing: 1px;
	text-align: left;
	font-style: normal;
	font-weight: lighter;
	width:14px;
	float:left;
	
}
#descr{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	line-height: 18px;
	color: #999999;
	letter-spacing: 1px;
	text-align: left;
	font-style: normal;
	font-weight: lighter;
	width:121px;
	float:left;
	padding-left:12px;
}
/************************* Clients *************************/
#page4{
/*height: 2040px;*/	
}
#headline2{
	width:820px;
	padding-top: 40px;
	padding-bottom: 20px;
	float: left;
}

#col1{
	float: left;
	color: #999;
	padding-top: 49px;
	width: 145px;
	height:350px;
	margin-right: 40px;
}
#col2{
	float: left;
	color: #999;
	padding-top: 49px;
	width: 155px;
	height:350px;
	
}
#col3{
	float: left;
	color: #999;
	padding-top: 49px;
	width: 155px;
	height:350px;
	
}
#col4{
	float: left;
	color: #999;
	padding-top: 49px;
	width: 100px;
	height:350px;
	
}
#col5{
	float: left;
	padding-top: 49px;
	width: 155px;
	height:350px;
	margin-left: 60px;
}

/**************** Contact ***********************************/

#col6{
	float: left;
	padding-top: 49px;
	width: 255px;
	height:350px;
	margin-left: 0px;
	color: #999;
}







/************************* Identity *************************/


#imageshape1b{
	width:588px;
	height:233px;
	background-color: #E4E1DE;
}
#imageshape2b{
	width:588px;
	height:397px;
}
#imageshape22b{
	width:588px;
	height:228px;
	-webkit-transform: translateZ(0);
	
}
#imageshape3b{
	width:294px;
	background-color: #E3DFDD;
	height:253px;
}
#imageshape4b{
	width:294px;
	background-color: #C0BDBB;
	height:208px;
}
#imageshape5b{
	width:147px;
	height:147px;
}
#imageshape6b{
	width:147px;
	height:147px;
	
}
#imageshape7b{
	width:588px;
	height:293px;
	margin-top:3px;
	margin-bottom:2px;
	
}
#imageshape8b{
	width:588px;
	height:334px;
	
}
#imageshape9b{
	width:588px;
	height:140px;
	margin-top:90px;
	margin-bottom:50px;
	
}
#imageshape10b{
	width:147px;
	height:147px;
	
}
#imageshape11b{
	width:147px;
	height:147px;
	
}
#imageshape12b{
	width:147px;
	height:147px;
	
}
#imageshape13b{
	width:588px;
	height:316px;
	-webkit-transform: translateZ(0);
}
#imageshape14b{
	width:588px;
	height:568px;
	-webkit-transform: translateZ(0);
}
#imageshape15b{
	width:588px;
	height:305px;
	-webkit-transform: translateZ(0);
}






#page5{
height: 640px;	
}
#headline5{
	text-shadow: 0px -1px 0px rgba(0,0,0,0.1);
	width: 544px;
	float: left;		
}
#tag5{
	float: left;
	width: 95px;
	padding-top: 35px;
	padding-right: 40px;
	line-height: 28px;
}
#subline5{
	width: 390px;
	margin-left: 134px;
	clear: both;
}
#para5{
	float: left;
	color: #999;
	margin-left: 0px;
	padding-top: 32px;
	width: 208px;
}
#imagecontainer5{
	float: left;
	width: 755px;
	margin-top: 32px;
}
#image51{
	width: 100px;
	float: left;
	padding-top: 10px;
}
#image52{
	width: 100px;
	float: left;
	margin-left: 58px;
	padding-top: 10px;
}
#image53{
	width: 100px;
	float: left;
	margin-left: 56px;
	padding-top: 10px;
	opacity:0.85;
}
#image54{
	float: left;
	margin-left: 48px;
}
#image55{
	float: right;
	padding-top: 10px;	
}
#imagecontainer6{
	float: left;
	width: 755px;
	margin-top: 40px;
}
#image56{
	width: 100px;
	float: left;
	padding-top: 7px;
	opacity:0.8;
}
#image57{
	width: 100px;
	float: left;
	margin-left: 44px;
	padding-top: 5px;
}
#image58{
	width: 100px;
	float: left;
	margin-left: 70px;
	padding-top: 5px;
}
#image59{
	float: left;
	margin-left: 58px;
	padding-top: 6px;
}
#image510{
	float: right;
	padding-top: 0px;	
}
#imagecontainer7{
	display: none;
}

/************************* Literature *************************/

#imageshape1l{
	width:588px;
	height:203px;
	background-color: #E4E1DE;
}
#imageshape2l{
	width:588px;
	height:203px;
}
#imageshape22l{
	width:588px;
	height:367px;
	-webkit-transform: translateZ(0);
	
}
#imageshape3l{
	width:588px;
	background-color: #E3DFDD;
	height:424px;
}
#imageshape4l{
	width:588px;
	background-color: #C0BDBB;
	height:401px;
	
}
#imageshape5l{
	width:588px;
	height:203px;
	background-color: #EDE9E6;
}
#imageshape6l{
	width:588px;
	height:340px;
	background-color: #D3D0CD;
}
#imageshape7l{
	width:588px;
	height:697px;
	background-color: #F4F1EE;
}
#imageshape8l{
	width:588px;
	height:370px;
	background-color: #CFCCC9;
}
#imageshape9l{
	width:588px;
	height:669px;
	-webkit-transform: translateZ(0);
}








#page6{
height: 820px;	
}

#headline6{
	text-shadow: 0px -1px 0px rgba(0,0,0,0.1);
	width: 544px;
	float: left;		
}
#tag6{
	float: left;
	width: 95px;
	padding-top: 35px;
	padding-right: 40px;
	line-height: 28px;
}
#subline6{
	width: 405px;
	margin-left: 123px;
	clear: both;
}
#para6{
	float: left;
	color: #999;
	margin-left: 0px;
	padding-top: 32px;
	width: 208px;
}
#imagecontainer61{
	float: left;
	width: 755px;
	height:150px;
	margin-top: 40px;
	/*border: 2px solid #FFF;*/
	position: relative;
		
}
#imagecontainer62{
	float: left;
	width: 755px;
	height:150px;
	margin-top: 40px;
	/*border: 2px solid #FFF;*/
	position: relative;
		
}

#imagecontainer63{
	display:none;
}
#imagecontainer64{
	display:none;
}
#imagecontainer65{
	display:none;
}
#imagecontainer66{
	display:none;
}

/************************* Web *************************/
#page7{
height: 3200px;

}
		
#imageshape1w{
	width:284px;
	height:170px;
	background-color: #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #CCC;
	float:left;
}
#imageshape2w{
	width:284px;
	height:170px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #CCC;
	margin-left:16px;
	float:left;
}
#imageshape22w{
	width:588px;
	height:386px;
	-webkit-transform: translateZ(0);
	margin-top:20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #CCC;
	padding-top:22px;
	padding-bottom:22px;
	margin-bottom:20px;
}
#imageshape3w{
	width:284px;
	background-color: #FFF;
	height:170px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #CCC;
	float:left;
	margin-top:20px;
}
#imageshape4w{
	width:284px;
	height:170px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #CCC;
	margin-left:16px;
	margin-top:20px;
	float:left;
}
#imageshape5w{
	width:284px;
	height:170px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #CCC;
	
}
#imageshape8w{
	width:284px;
	height:170px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #CCC;
	margin-left:16px;
}
#imageshape9w{
	width:588px;
	height:679px;
	-webkit-transform: translateZ(0);
	margin-top:20px;
	padding-top:20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #CCC;
}
#imageshape10w{
	width:588px;
	height:414px;
	-webkit-transform: translateZ(0);
	margin-top:20px;
	padding-top:20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #CCC;
}
#imageshape11w{
	width:588px;
	height:378px;
	-webkit-transform: translateZ(0);
	margin-top:20px;
	padding-top:20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #CCC;
}







#imagecontainer71{
	float: left;
	width: 755px;
	height:150px;
	margin-top: 40px;
	/*border: 2px solid #FFF;*/
	position: relative;
		
}
#imagecontainer72{
	float: left;
	width: 755px;
	height:150px;
	margin-top: 12px;
	/*border: 2px solid #FFF;*/
	position: relative;
		
}

#screen1{
	float: left;
	height: 142px;
	width: 237px;	
}
#screen2{
	float: left;
	height: 142px;
	width: 237px;
	margin-left: 20px;	
}
#screen3{
	float: left;
	height: 142px;
	width: 237px;
	margin-left: 20px;	
}
#screen4{
	float: left;
	height: 142px;
	width: 237px;	
}
#screen5{
	float: left;
	height: 142px;
	width: 237px;
	margin-left: 20px;	
}
#screen6{
	float: left;
	height: 142px;
	width: 237px;
	margin-left: 20px;	
}

#casehistory7{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 9px;
	line-height: 24px;
	color: #999;
	text-decoration: none;
	letter-spacing: 1pt;
	padding-top:450px;
	
}

#morecontent7{
	
	height: 838px;
	width: 888px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 9px;
	line-height: 24px;
	color: #999;
	text-decoration: none;
	letter-spacing: 1pt;
	position: absolute;
	margin-top:640px;
	margin-left:0px;
}
#moreheader{
	width: 888px;
	padding-left:136px;
	padding-top: 5px;
}
.column{
	width:237px;
	float:left;
	margin-top:20px;	
}
#column1{
	margin-left: 136px;
}
#column2{
	margin-left: 20px;
	width:494px;
}

.gradientwhite{
	background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 */


}

#image91{
	float: left;
	height: 322px;
	width: 474px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	padding-top: 31px;
	padding-left: 22px;
	-webkit-transform: translateZ(0);
	padding-bottom: 21px;
	
}
#image92{
	float: left;
	height: 167px;
	width: 229px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	margin-top: 16px;
	margin-left:0px;
	padding-top: 12px;
	padding-left: 13px;	
	
}
#image93{
	float: left;
	height: 167px;
	width: 230px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	margin-top: 16px;
	margin-left:10px;
	padding-top: 12px;
	padding-left: 12px;	
	
}
#image94{
	float: left;
	height: 167px;
	width: 229px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	margin-top: 16px;
	margin-left:0px;
	padding-top: 12px;
	padding-left: 13px;	
	
}
#image95{
	float: left;
	height: 167px;
	width: 230px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	margin-top: 16px;
	margin-left:10px;
	padding-top: 12px;
	padding-left: 12px;
	
}
/************************* Packaging *************************/

#imageshape1p{
	width:294px;
	height:237px;
	border-top: 1px solid #EDEDED;
	
}
#imageshape2p{
	width:294px;
	
	height:237px;
	border-top: 1px solid #EDEDED;
}
#imageshape22p{
	width:588px;
	height:163px;
	-webkit-transform: translateZ(0);
	margin-bottom:48px;
	
}
#imageshape3p{
	width:294px;
	height:230px;
}
#imageshape4p{
	width:294px;
	height:230px;
}
#imageshape5p{
	width:294px;
	height:230px;
	
}
#imageshape6p{
	width:294px;
	height:230px;
	
}
#imageshape7p{
	width:588px;
	height:424px;
	
}
#imageshape8p{
	width:588px;
	height:430px;
	
}














#headline8{
	text-shadow: 0px -1px 0px rgba(0,0,0,0.1);
	width: 544px;
	float: left;		
}
#tag8{
	float: right;
	width: 95px;
	padding-top: 35px;
	padding-right: 40px;
	line-height: 28px;
}
#subline8{
	width: 405px;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	margin-left: 123px;
	clear: both;
	float: left;
}
#para8{
	float: left;
	color: #999;
	margin-left: 0px;
	padding-top: 32px;
	width: 208px;
}
#imagecontainer81{
	width: 755px;
	height:150px;
	margin-top: 40px;
	/*border: 2px solid #FFF;*/
	position: relative;
	z-index: 10;
	float:left;
	visibility: visible;
	margin-left: 0px;
}
#imagecontainer82{
	width: 755px;
	height:150px;
	margin-top: 75px;
	margin-left: 123px;
	/*border: 2px solid #FFF;*/
	position: relative;
	z-index: 11;
	float:left;
	visibility: visible;
}
#imagecontainer83{
	width: 755px;
	height:150px;
	margin-top: 60px;
	margin-left: 123px;
	/*border: 2px solid #FFF;*/
	position: relative;
	z-index: 12;
	float: left;
	visibility: visible;
}

#imagecontainer84{
	display: none;
}
#imagecontainer85{
	display: none;
}
#imagecontainer86{
	display: none;
}


/*************************Useful Links*************************/
#page31{
height: 760px;	
}
#tag31{
	float: left;
	width: 132px;
	padding-top: 27px;
	line-height: 14px;
}
#linkwrap1{
	width: 300px;
	margin-top:30px;
	margin-left:60px;
	float: left;
}
#linkwrap2{
	width: 300px;
	margin-top:30px;
	margin-left:80px;
	float: left;
}
.linkentry{
	width: 300px;
	float: left;
	padding-bottom:10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}
.linkimage{
	float: left;
	height:70px;
	background-color: #99C;
}
.linktext{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	font-weight: normal;
	float: left;
	padding-left:12px;
	width: 180px;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
}



/**************************PORTRAIT CSS*******************************/
@media only screen and (orientation:portrait){

   
#ipadwrapper{
    width:768px;
}

#topedge{
	width: 1024px;
}

}