/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}

mark, rp, rt, ruby, summary, time {display:inline;}



/* Global properties ======================================================== */

html {width:100%;}



body {
	font-family:"Times New Roman", Times, serif;
	font-size:100%;
	color:#323232;
	min-width:977px;
	background: url(../images/bg.jpg) 0 0 repeat-x #f1f1f3;

}



.bg {width:100%; background:url(../images/bg-main.png) center 0 repeat-y;}



.main {

	width:977px; 	

	padding:0;

	margin:0 auto;

	font-size:0.8125em;

	line-height:1.38465em;

}





a {color:#fd1851; outline:none;}

a:hover {text-decoration:none;}



.clear {clear:both; width:100%; line-height:0; font-size:0;}



.col-1, .col-2, .col-3, .col-4 {float:left;}

.column-1, .column-2, .column-3 {float:left;}  



.wrapper {width:100%; overflow:hidden;}

.extra-wrap {overflow:hidden;}

.extra-box {overflow:hidden;}

 

.container {width:100%;}



p {margin-bottom:16px;}

.p0{margin-bottom:0px;}

.p1 {margin-bottom:8px;}

.p2 {margin-bottom:15px;}

.p3 {margin-bottom:30px;}

.p4 {margin-bottom:40px;}

.p5 {margin-bottom:50px;}

.p6 {margin-bottom:28px;}

.p7 {margin-bottom:60px;}

.p8 {margin-bottom:56px;}

.p9 {margin-bottom:70px;}



.reg {text-transform:uppercase;}



.fleft {float:left;}

.fright {float:right;}



.alignright {text-align:right;}

.aligncenter {text-align:center;}





.title {margin-bottom:18px;}



.it {font-style:italic;}

.bold {font-weight:bold;}



.letter {letter-spacing:-1px;}



.color-1 {color:#fff;}

.color-2 {color:#040813;}

.color-3 {color:#fd003f;}



/*********************************boxes**********************************/

.margin-bot {margin-bottom:34px;}

.margin-bot1 {margin-bottom:37px;}

.margin-left1 {margin: 0 20px 20px 27px;}



.margin-left {margin-left:10px;}

.spacing {margin-right:35px;}

.spacing2 {margin-right:45px;}

.spacing3 {margin-right:60px;}



.spacing-bot {margin-bottom:25px;}



.indent {padding:0 0 0px 30px;}

.indent2 {padding-left:50px;}

.indent-bot {margin-bottom:20px;}

.indent-bot2 {margin-bottom:30px;}

.indent-bot3 {margin-bottom:45px;}



.img-indent-bot {margin-bottom:25px;}

.img-indent {float:left; margin:0 20px 0px 0;}	

.img-indent2 {float:left; margin:0 13px 0px 0;}	

.img-indent-r {float:left; margin:0 0px 0px 53px;}



.img-indent-right {float:right; margin:0 0px 0px 5px; z-index:400;}



.img-box {float:left; margin-bottom:20px;}	



.prev-indent-bot {margin-bottom:11px;}

.prev-indent {float:left; margin:0 17px 0px 0;}	

.prev-box {float:left; margin-bottom:8px;}	



.border {border:3px solid #000;}

.border2 {border:1px solid #000;}



.buttons a:hover {cursor:pointer;}



.menu li a,

.menu2 li a,

.menu3 li a,

.sf-menu li a,

.link-1,

.link-2,

.list-1 li a,

.list-2 li a,

.link,

a.box,

.menu-footer li a,

.accordion dt a,

.accordion dd a,

.logo {text-decoration:none;}	



/*********************************header*************************************/

header {height:232px; width:100%; position:relative; background: url(../images/bg-header.jpg) 0 0 repeat-x; z-index:2;}

header.header{height:553px; width:100%; position:relative; background: url(../images/bg-header.jpg) 0 0 repeat-x;}





h1 {float:left; padding:20px 0 0 19px; position:relative;}

.logo {display:block; width:700px; height:140px; text-indent:-5000px; background:url(../images/logo.png) 0 0 no-repeat;}



.works-list {
	position:absolute;
	top:65px;
	right:220px;
	z-index:1;
}



/* Easy Tooltip */

#easyTooltip{

	padding:5px;

	border:1px solid #ccc;

	background:#f1f1f1;

	z-index:2;

}

/* // Easy Tooltip */







.menu {
	position:absolute;
	right:266px;
	top:65px;
}

.menu li {float:left; font-size:13px; line-height:28px; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}

.menu li.last {margin-right:0;}

.menu li a {display:block; color: #040813;}

.menu li a:hover {color:#fd003f; text-decoration:underline;} 



.menu2 {
	position:absolute;
	right:768px;
	top:200px;
}

.menu2 li {float:left; font-size:13px; line-height:28px; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}

.menu2 li.last {margin-right:0;}

.menu2 li a {display:block; color: #040813;}

.menu2 li a:hover {color:#fd003f; text-decoration:underline;} 



.menu3 {
	position:absolute;
	right:276px;
	top:96px;
}

.menu3 li {float:left; font-size:13px; line-height:28px; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}

.menu3 li.last {margin-right:0;}

.menu3 li a {display:block; color: #040813;}

.menu3 li a:hover {color:#fd003f; text-decoration:underline;} 





.sf-menu {
	position:absolute;
	top:185px;
	left: 5px;
	padding: 0px 0px 0 0;
	z-index:200;
}


.sf-menu li {float:left;}

.sf-menu li.first a{float:left; width:59px; padding: 10px 0 0 0; height: 38px;}

.sf-menu li.last a{float:left; width:129px; border-right: none;}

.sf-menu li a {display:block; color:#fff; font-size:18px; width:124px; height: 35px; padding: 13px 0 0 0; border-right: 1px dotted #575960; text-align:center;  text-transform:uppercase; background: #224178;}

.sf-menu li a.current, .sf-menu li.active a, .sf-menu li a.active, .sf-menu li a:hover {background:#fd003f; border-right: 1px dotted #fd003f;}



/*************************************Test Menu****************************************/

@charset "utf-8";
/* CSS Document */
.test-menu {
	position:absolute;
	top:165px;
	left: 161px;
	padding: 0px 0px 0 0;
	z-index:200;
}

.test-menu li {float:left;}

.test-menu li.first a{float:left; width:59px; padding: 10px 0 0 0; height: 38px;}

.test-menu li.last a{float:left; width:129px; border-right: none;}

.test-menu li a {display:block; color:#ffa; font-size:14px; width:124px; height: 35px; padding: 13px 0 0 0; border-right: 1px dotted #575960; text-align:center;  text-transform:uppercase; background: #224178;}

.test-menu li a.current, .sf-menu li.active a, .sf-menu li a.active, .sf-menu li a:hover {background:#fd003f; border-right: 1px dotted #fd003f;}


/*********************************content*************************************/

#content {width:100%; padding:0px 0px 67px 0px; z-index:1;}



.padding {padding: 53px 0 0 0;}



h2 {font-size:12px; line-height:1.2em; text-transform:uppercase; margin:0px 0 0px; color:#fff;}

h3 {font-size:27px; line-height:1.2em; text-transform:uppercase; margin:0px 0 24px; color:#040813;}

h4 {font-size:21px; line-height:1.2em; margin:0px 0 14px; color:#040813;}

h5 {font-size:13px; line-height:18px; font-weight:normal; margin:0; color:#323232; text-decoration:underline;}

h6 {font-size:13px; line-height:18px; margin:0; color:#040813;}



.box {color:#fff;}

.box .padding {padding:21px 18px 58px 11px;}

.box .padding1 {padding:26px 18px 23px 20px;}



/* Code for box in the middle */

a.box {display:block; background:url(../images/bg-box-2.jpg) 0 0 repeat-y; 

color:#fff; 

border-bottom:1px solid #3193DE; /* select color for bottom border */

border-top:1px solid #3193DE;}   /* select color for top border    */



a.box h5 {font-size:13px; line-height:18px; color:#fd003f; margin:0px 0 13px; text-decoration:none; font-weight:bold;}

a.box:hover {background:#fd003f; border-bottom:1px solid #fd3365; border-top:1px solid #fd3365;}

a.box:hover h5 {color:#323232;}



.link {font-size:13px; line-height:18px; color:#fd1851;}

.link:hover {text-decoration:underline;}



.link-1 {display:inline-block; font-size:18px; padding-left:22px; background:url(../images/marker-3.gif) 0 3px no-repeat; color:#282828;}

.link-1:hover {color:#fd003f;} 



.link-2 {font-size:15px; line-height:21px; color:#fd1851;}

.link-2:hover {text-decoration:underline;}



.list-1 li {font-size:14px; line-height:30px; font-style:italic; }

.list-1 li a {display: inline-block; color:#040813; padding-left:31px; background:url(../images/marker-2.gif) 0 6px no-repeat;}

.list-1 li a:hover {text-decoration: underline;}





time {display:block; width: 52px; text-align:center; font-size:24px; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; padding: 20px 0 15px 0; background:url(../images/bg-time.png) 0 0 no-repeat;} 



*+html time {padding: 15px 0 20px 0;}



.border-bot {width:100%; padding-bottom:20px; background:url(../images/pic-1.gif) 0 bottom repeat-x;}





.map iframe {width:257px; height: 330px; overflow:hidden;}



dl.contact{font-size:15px; line-height:21px;}

dt.contact {color:#fd003f; margin-bottom: 20px;}

dl.contact span {float:left; width:85px;}





#form-main {width:453px;}

#form-main label {display:block; height:26px;}

#form-main input {width:323px; font-size:13px; color:#fff; padding:11px 9px 14px 9px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:none; background:#040813;}

#form-main textarea {height:220px; margin-top:1px; overflow:auto; width:437px; font-size:13px; color:#fff; padding:10px 8px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:none; background:#040813;}





.buttons {padding-top:19px; text-align:left;}

.buttons a {margin-right:12px;}



/*--- accordion begin ---*/

.accordion {

	padding:0;

}



		

	.accordion dt	{

		cursor:pointer;

		overflow:hidden;

		font-size:13px;

		line-height:31px;

		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

		color:#323232;

		background:url(../images/marker-7.gif) 0 6px no-repeat;

		padding: 0px 0 0px 26px;

		margin-bottom:0px;

	}

	

	.accordion dt.active{

		background:url(../images/marker-7-h.gif) 0 6px no-repeat;

	}

	.accordion dt a {

		color:#323232;

	}

	.accordion dt a:hover {

		color:#fd1851;

	}

	

		.accordion dd {

		font-size:13px;

		line-height:31px;

		display:none;

		overflow:hidden; /*important for accordeon*/

		text-transform:none;

		padding: 0px 0 0px 40px;



	}

		.accordion dd a {

			color:#323232;

			text-decoration:none;

			padding-bottom:2px;

		}

		.accordion dd a:hover {

			

		}

		

		





	

/*--- accordion end ---*/





		

.list-2 li {font-size:13px; line-height: 15px;}

.list-2 li a {display: inline-block; color:#323232; padding-left:11px; background:url(../images/marker-5.gif) 0 12px no-repeat;}

.list-2 li a:hover {text-decoration: underline;}



/*--- accordion end ---*/



/*--- kwicks begin ---*/



.kwicks {

	/* recommended styles for kwicks ul container */

	list-style: none;

	position: relative;

	margin: 0;

	padding: 0;

	overflow:hidden;

	width:940px;

	height:265px;

}

.kwicks li{

	/* these are required, but the values are up to you (must be pixel) */

	width: 155px;

	height: 265px;

	font-size: 13px;

	line-height:18px;

	color:#fff;

	background:#000;

	/*do not change these */

	display: block;

	overflow: hidden;

	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */

	cursor:pointer;

	position:relative;



}

.kwicks li span {position:absolute; bottom:0px;right:3px; font-size:70px; line-height: 1.2em; color:#87898e; font-weight:bold; z-index:500;}





.kwicks .padding {padding: 3px 3px;}

*+html .kwicks .padding {padding:3px 5px 3px 0px; }

.kwicks .col-1 {width:307px; padding: 22px 2px 10px 26px;}





.kwicks li.active {

	background:#fd003f;	

}



.kwicks li.active span {top:14px; left:29px; font-size:66px; color:#fff;}





.kwicks.horizontal li {

	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */

	margin-right: 0px; /*Set to same as spacing option. */

	float: left;

}



/*--- kwicks begin ---*/





/* -- gallery  begin --*/

 div.content {

	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */

	background: #1e0711;

	display: none;

	width: 596px;

	height: 622px;

	margin:  0 45px 0 0px;

	padding: 0px;

	float: left;

	overflow: hidden;

}

 div.content img {

	position: relative;

	z-index: 2;

}

 div.content a, div.navigation a {

	text-decoration: none;

	color: #777;

}

 div.content a:focus, div.content a:hover, div.content a:active {

	text-decoration: underline;

}

 div.controls {

}

 div.controls a {

	padding: 0px;

}

 div.ss-controls {

	float: left;

	display:none;

}

 div.nav-controls {

	position:absolute;

	left:0px;

	width:596px;

	bottom:0px;

	z-index: 1;

}

 div.nav-controls a.prev {

	background:url(../images/prev.gif) no-repeat 0 0;

	width:39px;

	height:39px;

	text-indent:-5000px;

	position:absolute;

	bottom:2px;

	left:0;

	z-index:11;

}

 div.nav-controls a.prev:hover {

	background:url(../images/prev-h.gif) no-repeat 0 0;

}

 div.nav-controls a.next {

	background:url(../images/next.gif) no-repeat 0 0;

	width:39px;

	height:39px;

	text-indent:-5000px;

	position:absolute;

	bottom:2px;

	right:0;

	z-index:11;

}

 div.nav-controls a.next:hover {

	background:url(../images/next-h.gif) no-repeat 0 0;

}

 div.slideshow-container {

	position: relative;

	height: 622px; /* This should be set to be at least the height of the largest image in the slideshow */

	z-index:1;

	

}

 div.loader {

	position: absolute;

	top: 0;

	left: 0;

	background-image:url(images/loader.gif);

	background-repeat: no-repeat;

	background-position: center;

	width: 592px;

	height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */

}

 div.slideshow {

}

 div.slideshow span.image-wrapper {

	display: block;

	position: absolute;

	bottom: 1px;

	left: 1px;

	width: 592px;

	height: 470px;

}

 div.slideshow a.advance-link {

	display: block;

	width: 592px;

	height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */

	padding: 0;

	margin: 0;

}

 div.slideshow a.advance-link img {

	padding:0;

	margin:0;

	display:block;

	position:absolute;

	bottom:1px;

	left:1px;

}

 div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {

	text-decoration: none;

}

 div.slideshow img {

}

 div.download {

	float: right;

}

 div.caption-container {

	position: absolute;

	top: 0;

	left: 0;

	width: 596px;

	height: 151px;

}

 span.image-caption {

	display: block;

	position: absolute;

	width: 596px;

	height: 151px;

	top: 0;

	left: 0;

	z-index:10;

}

 div.caption {

	width: 536px;

	height: 128px;

	padding: 23px 30px 0 30px;

	line-height: 18px;

	font-size: 13px;

	color: #fff;

}

 div.caption h5{

	line-height: 18px;

	font-size: 13px;

	color: #fd003f;

	text-transform:uppercase;

	font-weight:bold;

	text-decoration:none;

}

 div.caption h6{

	line-height: 18px;

	font-size: 13px;

	color: #fff;

	font-weight:normal;

	margin: 0 0 18px 0

}

 div.image-title {

}

 div.image-desc {

}

 div.navigation {

/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */

}

 div#thumbs {

	width: 290px;

	float: right;

	overflow: hidden;

	padding: 0px 0px 0 0;

}

 ul.thumbs {

	width: 290px !important;

	float: right;

	margin-left:0;

	padding: 0;

}

 ul.thumbs li {

	height: 99px;

	float:left;

	margin: 0 15px 20px 0;

	overflow: hidden;

	padding: 0 0 0px 0;

	vertical-align:top;

}

 ul.thumbs li img {

	border: none;

}

 a.thumb:focus {

	outline: none;

}

 div.pagination {

	clear: both;

	text-align:center;

	position:relative;

	z-index:10;

}

 div.top.pagination {

	display:none;

}

 div.navigation div.bottom {

}

 div.pagination a, div.pagination span.current, div.pagination span.ellipsis {

	padding:0 4px;

	font-weight:bold;

	color:#fff;

}

 div.pagination a:hover {

	text-decoration: none;

	color:#ffeaa8;

}

 div.pagination span.current {

	color:#ffeaa8;

}

 div.pagination span.ellipsis {

	border: none;

	padding: 5px 0 3px 2px;

}

/* -- gallery end --*/





.scroll-pane {

    height: 622px;

    overflow: auto;

    width: 290px;

}

.jScrollPaneContainer {

    overflow: hidden;

    position: relative;

    z-index: 1;

	width: 290px;

}

.jScrollPaneTrack {

    background: url(../images/scroll.gif) no-repeat scroll left top transparent;

    cursor: pointer;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

}

.jScrollPaneDrag {

    background: none repeat scroll 0 0 #fd003f;

    cursor: pointer;

    height: 51px;

    overflow: hidden;

    position: absolute;

	right:3px;

	top:5px;

    width: 9px;

}

.jScrollPaneDragTop {

    left: 0;

    overflow: hidden;

    position: absolute;

    top: 0;

	height:5px;

}

.jScrollPaneDragBottom {

    bottom: 0px;

    left: 0;

    overflow: hidden;

    position: absolute;

}

a.jScrollArrowUp {

    display: block;

    height: 5px;

    overflow: hidden;

    position: absolute;

    right: 0;

    text-indent: -2000px;

    top: 0px;

    z-index: 1;

}

a.jScrollArrowDown {

    bottom: 0px;

    display: block;

    height: 5px;

    overflow: hidden;

    position: absolute;

    right: 0;

    text-indent: -2000px;

    z-index: 1;

}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

}



.box-1 {background:#1e0711; width: 596px; color:#fff;}

.box-1 .padding2 {padding:24px 2px 2px 2px;}

.box-1 h5 {font-size:13px; line-height:18px; color:#fd003f; text-transform:uppercase; text-decoration:none; font-weight:bold;}

.box-1 h6 {font-size:13px; line-height:18px; color:#fff; margin:0px 0 17px; text-decoration:none; font-weight:normal;}



.hide { visibility:hidden;}



/*************************aside***************************/

aside {padding:0px 0 0px; text-align:left;}



aside .list-2 li {font-size:13px; line-height:28px;}

aside .list-2 li a {color:#6e6e6e; background:url(../images/marker-4.gif) 0 11px no-repeat; padding-left:12px;}

aside .list-2 li a:hover {text-decoration: underline;}



aside .works-list {position:absolute; top:46px; left:1px;}

aside .works-list li {font-size:13px; line-height:29px;}

aside .works-list li a {display:inline; color:#6e6e6e; text-decoration:none;}

aside .works-list li a:hover {text-decoration:underline;}

aside .img-indent3 {float:left; margin:3px 8px 0px 0;}	

aside .img-indent4 {float:left; margin:10px 25px 0px 0;}



/****************************footer************************/



footer {width:100%; height: 186px; padding:35px 0px 0 0; text-align:left; background: #dadadc; position:relative;}



footer nav {float:left; padding:0px 0px 0 40px;}

.menu-footer li { float:left; font-size:13px; line-height:21px; padding-right:8px; margin-right:7px; background: url(../images/spacer.gif)  right 7px no-repeat;}

.menu-footer li a {display:inline; color:#414141;}

.menu-footer li .active, .menu-footer li a:hover {text-decoration:underline;}

.menu-footer li.last-item {background:none; margin-right:0;}



.text-bot {float:left; padding-left: 40px; font-size:13px; line-height: 21px; color:#414141;}

.text-bot a {color:#414141;}

.text-bot a:hover {text-decoration:underline; color:#fd1851;}



.phone {float:right; text-align: right; font-size:21px; line-height:1.2em; color:#424242; padding-right: 47px; background:url(../images/phone.png) right 9px no-repeat;}

.phone span {display:inline-block; font-size:30px; line-height:1.2em; color:#040813; margin-top: -8px;}