/* 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
}


*
{

	margin:0;
	padding:0;

}

html, body
{

	height:100%;
	min-width:979px;

}

body
{


	background: url(../images/bg.jpg) top center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:100%;

	line-height:.875em;

	color:#6f6f6f;


}

input, select, textarea
{

	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;

}

object
{

	vertical-align:top;
	outline:none
}

.alignMiddle
{

	vertical-align:middle
}

.alignCenter
{

	text-align: center
}

.container1
{
	width:100%
}

.clear
{

	clear:both;

}

.fleft
{

	float:left
}

.fright
{

	float:right
}

.container
{

	overflow:hidden;
	width: 100%;

}

a img
{

	border:0px
}

img
{

	vertical-align:top;

}

fieldset
{

	border:none
}

.pa
{

	position:absolute
}


a
{

	color:#ffbabc;
	text-decoration:underline;
	outline:none
}

#page3 a
{

	color:#fedd83;

}

#page4 a
{

	color:#92d39e;

}

#page6 a
{

	color:#b191d5;

}

a:hover
{

	text-decoration:none
}



.link
{

	background:url(../images/marker.gif) top left no-repeat;
	padding-left:7px;
	background-position:0 3px;
	text-decoration:none;

}

.link:hover
{

	text-decoration:none;
	color:#fff !important
}

.link1
{

	color:#6f6f6f
}


#page3 .link
{

	background:url(../images/marker1.gif) top left no-repeat;
	padding-left:7px;
	background-position:0 3px;
	text-decoration:none;

}

#page4 .link
{

	background:url(../images/marker4.gif) top left no-repeat;
	padding-left:7px;
	background-position:0 3px;
	text-decoration:none;

}

#page6 .link
{

	background:url(../images/marker6.gif) top left no-repeat;
	padding-left:7px;
	background-position:0 3px;
	text-decoration:none;

}


.button
{

	color:#fff;
	background:url(../images/button.gif) top left no-repeat;
	width:114px;
	text-align:center;
	line-height:32px;
	display:block;
	text-decoration:none;

}

.button:hover
{

	text-decoration:underline
}


section ul
{

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

}

section ul li
{

	background:url(../images/marker2.gif) top left no-repeat;
	background-position:0 7px;
	margin:0;
	padding-left:7px;

}

section ul li a
{

	text-decoration:none;
	line-height:2.22em
}

section ul li a:hover
{

	text-decoration:none;
	color:#fff !important
}


.link-1
{

	display:block;
	float:left;
	background:url(../images/link_bg.gif) top left repeat-x;
	color:#ffffff;
	text-decoration:none;

}

.link-1 em
{

	display:block;
	background:url(../images/link_left.gif) left top no-repeat;

}

.link-1  b
{

	display:block;
	background:url(../images/link_right.gif) right top no-repeat;
	padding:0 15px 0 15px;
	line-height:28px;
	font-weight:normal;
	font-style:normal;

}

.link-1:hover
{

	text-decoration:none;
	color:#000000
}


/*--- news styles ---*/
.list
{

	padding-bottom:18px;

}

.list li
{

	position:relative;
	padding:0 0 15px 47px;
	color:#6f6f6f;
	height:1%;
	background:none
}

.list .last
{

	position:relative;
	padding:0 0 0 47px;
	color:#6f6f6f;
	height:1%;
	background:none
}

.list li p.num
{

	position:absolute;
	left:0;
	top:0;
	background:url(../images/num.png) no-repeat 0 0;
	width:38px;
	height:38px;
	font-size:26px;
	line-height:26px;
	color:#000000;
	text-align:center;

}

.list li a
{

	text-decoration: underline;

}

.list li a:hover
{

	text-decoration:none;

}

#page3 .list li p.num
{

	position:absolute;
	left:0;
	top:0;
	background:url(../images/num1.png) no-repeat 0 0;
	width:38px;
	height:38px;
	font-size:26px;
	line-height:26px;
	color:#000000;
	text-align:center;

}

#page4 .list li p.num
{

	position:absolute;
	left:0;
	top:0;
	background:url(../images/num3.png) no-repeat 0 0;
	width:38px;
	height:38px;
	font-size:26px;
	line-height:26px;
	color:#000000;
	text-align:center;

}



/*header*/
header
{

	font-size:0.75em;
	color:#FFFFFF
}

header h1
{

	position:absolute;
	left:388px;
	top:10px;
	text-indent:-9999px;

}

header h1 a
{

	display:block;
	width:180px;
	height:130px;
	background:url(../images/logo.png) no-repeat left top;

}


.sf-menu
{

	margin:0;
	padding: 0;
	list-style: none;
	z-index:5000;
	width:977px;

}

.sf-menu
{

	line-height:1.0;

}

.sf-menu ul
{

	position:absolute;
	top:-999em;
	width:10em;
	/* left offset of submenus need to match (see below) */
}

.sf-menu ul li
{

	width:100%;
	padding:0;
	margin:0
}

.sf-menu li:hover
{

	visibility:inherit;
	/* fixes IE7 'sticky bug' */
}

.sf-menu li
{

	margin:0px;
	display:inline;
	border-right:1px solid #262525;
	float:left;
	background:none;
	line-height:65px;
	padding:0
}

.sf-menu .last
{

	border-right:none;

}

.sf-menu .last a
{

	width:191px
}

.sf-menu li a
{

	color:#fff !important;
	font-size:35px;
	text-transform:none;
	text-decoration:none;
	width:195px;
	text-align:center;
	display:block;
	float:left;
	line-height:55px;
	padding-bottom:10px;
	background:#000000;
	padding:0
}

.sf-menu li a:hover
{

	text-decoration:none;
	color:#ffbabc !important
}

.sf-menu li a.current
{

	text-decoration:none;
	color:#ffbabc !important
}


.sf-menu .li a:hover
{

	text-decoration:none;
	color:#fedd83 !important
}

.sf-menu .li a.current
{

	text-decoration:none;
	color:#fedd83 !important
}

.sf-menu .li1 a:hover
{

	text-decoration:none;
	color:#92d39e !important
}

.sf-menu .li1 a.current
{

	text-decoration:none;
	color:#92d39e !important
}

.sf-menu .li2 a:hover
{

	text-decoration:none;
	color:#86e7ff !important
}

.sf-menu .li2 a.current
{

	text-decoration:none;
	color:#86e7ff !important
}

.sf-menu .li3 a:hover
{

	text-decoration:none;
	color:#b191d5 !important
}

.sf-menu .li3 a.current
{

	text-decoration:none;
	color:#b191d5 !important
}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul
{

	left:0;
	top:273px;
	/* match top ul list item height */	z-index:99;
	padding:15px 0 15px 0
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul
{

	top:-999em;

}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul
{

	left:0px;
	/* match ul width */ top:0;
	margin-left:1px;

}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul
{

	top:-999em;

}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul
{

	left:10em;
	/* match ul width */ top:0;

}


.sf-menu li:hover ul, .sf-menu li.sfHover ul
{

	left:1px ;

}

.sf-menu .li:hover ul, .sf-menu .li.sfHover ul
{

	left:197px ;

}

.sf-menu .li1:hover ul, .sf-menu .li1.sfHover ul
{

	left:393px ;

}

.sf-menu .li2:hover ul, .sf-menu .li2.sfHover ul
{

	left:589px ;

}

.sf-menu .li3:hover ul, .sf-menu .li3.sfHover ul
{

	left:785px ;

}


/*** DEMO SKIN ***/
.sf-menu li li
{

	font-size:16px;
	font-weight:normal;
	text-transform:none;
	text-align:left;
	line-height:23px;
	border:none;

}

.sf-menu li ul
{

	background:#bb7e7f;
	width:195px
}

.sf-menu .li ul
{

	background:#e4c096;

}

.sf-menu .li1 ul
{

	background:#89cfae;

}

.sf-menu .li2 ul
{

	background:#7298bd;

}

.sf-menu .li3 ul
{

	background:#aa87cd;

}


.sf-menu .li ul li a
{

	background:#e4c096;

}

.sf-menu .li1 ul li a
{

	background:#89cfae;

}

.sf-menu .li2 ul li a
{

	background:#7298bd;

}

.sf-menu .li3 ul li a
{

	background:#aa87cd;

}


.sf-menu li li a
{

	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	background:#bb7e7f;
	color:#fff;
	line-height:23px;
	height:23px;
	overflow:hidden;
	display:block;
	width:195px;
	font-size:10px;

}

.sf-menu li li a:hover, .sf-menu li li a.current
{

	color:#ffbabc !important;

}

.sf-menu .li li a:hover, .sf-menu li li a.current
{

	color:#fedd83 !important;

}

.sf-menu .li1 li a:hover, .sf-menu li li a.current
{

	color:#3f8c54 !important;

}

.sf-menu .li2 li a:hover, .sf-menu li li a.current
{

	color:#86e7ff !important;

}

.sf-menu .li3 li a:hover, .sf-menu li li a.current
{

	color:#5a3284 !important;

}

.sf-menu li li:last-child a
{

	border-bottom:none;

}



.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{

	outline:0;

}


/*** arrows **/
.sf-menu a.sf-with-ul
{

	min-width:1px;
	/* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator
{

	position:absolute;
	display:block;
	right:10px;
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url(../images/drop-down-arrow.gif) no-repeat 0 0;

}

a > .sf-sub-indicator
{

	/* give all except IE6 the correct values */	top:50%;
	margin-top:-2px;

}

a:hover .sf-sub-indicator, a.current .sf-sub-indicator
{

	background:url(../images/drop-down-arrow-act.gif) no-repeat 0 2px;

}


/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator
{

	right:5px !important;

}

.sf-menu ul a > .sf-sub-indicator
{

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

}

/*--- superfish dropdown menu begin ---*/


.bg
{

	background:#1a1a1a
}

.bg-1
{

	border:1px solid #26282a;
	width:100%;
	position:relative;
	z-index:900000;
	background-image: url(../images/1.jpg);

}


/*content*/
.img-left
{

	float:left;
	margin:0 20px 0px 0
}

.img-left1
{

	float:left;
	margin:0 7px 0px 0
}

.img-right
{

	float:right;
	margin:0 20px 0px 0
}

.img-indent
{

	margin:0 0 16px 0
}

p
{

	margin:0 0 13px 0
}

.p
{

	margin:0
}

.p1
{

	margin:0 0 13px 0
}

.p2
{

	margin:8px;
}

h2
{

	color:#d6d6d6;
	text-transform:none;
	font-size:2.88em;
	margin-bottom:17px;
	line-height:1.2em
}

h3
{
	color:#d6d6d6;
	text-transform:none;
	font-size:1.44em;
	margin-bottom:12px;
	line-height:1.3em
}

h4
{
	color:#ffbabc;
	font-size:1em;
	font-weight:normal
}

#page3 h4
{
	color:#fedd83;

}

#page4 h4
{

	color:#92d39e;

}

#page6 h4
{

	color:#b191d5;

}

.txt
{

	float:right;
	display:block;
	margin-bottom:31px;
	font-weight:bold;
	color:#5e5e5e
}

.tail
{

	background:url(../images/tail.gif) bottom repeat-x;
	padding-bottom:9px;
	margin-bottom:9px
}


.indent
{

	padding:40px 0px 0px 0px
}

.indent1
{

	padding:20px 0px 0px 0px
}


/*section*/
section
{

	background:url(../images/bg_block.png);
	border:1px solid #323230;
	width:100%;
	text-transform:uppercase;
	font-size:.5625em;
}

section .inside
{

	padding:26px 30px 25px 39px
}

section .inside-2
{

	padding:30px 20px 20px 39px
}

section .inside1
{

	padding:11px 0 0 0
}

section .inside-1
{

	padding:0px 0 0 0;
	height:55px
}


.works
{

	padding:0;
	width:100%;
	overflow:hidden;

}

.works li
{

	padding:0;
	display:inline;
	margin:0 10px 10px 0;
	background:none;
	text-transform:none;
	font-weight:normal;
	float:left;
	position:relative;

}

.works li div
{

	width:171px;
	height:144px;
	position:absolute;
	left:0;
	top:-171px;
	display:none;

}

.works li:hover div
{

	display:block;

}

.works li div a.work-link
{

	position:absolute;
	left:0;
	top:0;
	width:230px;
	height:187px;

}

.works li div a.zoom
{

	display:block;
	background:url(../images/zoom.jpg) no-repeat 0 0;
	line-height:144px;
	color:#fff;
	text-decoration:none;
	width:171px;
	height:144px;
	text-align:center;
	position:absolute;
	right:0;
	bottom:0;

}

.works li a:hover
{

	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;

}



/*footer*/
footer
{

	color:#6f6f6f;
	font-size:0.5625em;
	text-align:center;
	text-transform:uppercase
}

footer .inside
{

	padding:10px 50px 10px 50px
}

footer a
{

	color:#6f6f6f !important;
	text-decoration:none
}

footer a:hover
{

	text-decoration:underline
}



.jamp
{

	width:40px;
	margin-left:6px
}

select
{

	font-size:.84em;
	color:#2d3331;
	height:20px
}


.indent-2
{

	position:relative;
	padding-left:20px;
	float:left
}

.rowElem
{
	height:26px
}

h4.p1 {
	font-size: 1.7em;
}

.block-contact
{
	font-size: 1.7em;
}

.block-contact span
{
	float:right;
	margin-right:20px
}

.block-contact a
{

	text-decoration:none
}

.block-contact a:hover
{

	text-decoration: underline
}

input
{


   	border:1px solid #a4a4a4;

	background: url(../images/bg_input.png);

	/*width:233px;*/
	width:100%;
	height:18px;

	font-size:1em;

	color:#6f6f6f;

	text-transform:uppercase;

	padding-left:5px 0 5px 0;

	padding-top:2px

}

textarea
{
   	border:1px solid #a4a4a4;

	background: url(../images/bg_input.png);

	/*width:268px;*/
	width:100%;
	height:70px;

	font-size:1em;

	color:#6f6f6f;


	text-transform:uppercase;


	padding-left:5px 0 5px 0;


	margin-bottom:11px;


	padding-top:2px;


	overflow:auto
}



/*menuWrapper*/
.menuWrapper
{

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

	font-style: normal;

	font-weight: normal;

	text-transform:uppercase;

	letter-spacing: normal;

	line-height: 1.45em;

	position:relative;

	height:748px !important;

	width:980px !important;

	background-position:0 0;
	background-repeat:no-repeat;
	background-color:transparent;
	overflow:hidden;
	z-index:100;
	background-image: url(../images/1.jpg)
}

ul.menu
{

	list-style:none;
	width:980px !important;
	height:748px !important;

}

ul.menu > li
{

	float:left;
	width:195px;
	height:748px;
	border-right:1px solid #26282a;
	background-repeat:no-repeat;
	background-color:transparent;

}

ul.menu > .last
{

	border-right:none
}


.bg1
{

	background-image: url(../images/1.jpg);
	position:relative;
	z-index:900000
}

.bg2
{

	background-image: url(../images/2.jpg);

}

.bg3
{

	background-image: url(../images/3.jpg);

}

.bg4
{

	background-image: url(../images/4.jpg);

}

.bg5
{

	background-image: url(../images/5.jpg);

}


ul.menu > li > a
{

	float:left;
	width:195px;
	font-size: 35px;
	height:55px;
	margin-top:0px;
	text-align:center;
	line-height:50px;
	color:#fff;
	text-transform:none;
	background-color:#000000;
	letter-spacing:1px;
	text-decoration:none;

}


ul.menu > li ul
{

	list-style:none;
	float:left;
	display:block;
	background-repeat:no-repeat ;
	width:195px;

}

ul.menu > li ul li
{

	display:none;
	text-align:center;

}

ul.menu > li ul li:first-child
{

	padding-top:15px
}

ul.menu > li ul li:last-child
{

	padding-bottom:14px
}

ul.menu > li ul.sub1 li
{

	background-image:url(../images/bg1sub.png);
	overflow:hidden;
	z-index:100;

}

ul.menu > li ul.sub2 li
{

	background-image:url(../images/bg2sub.png);
	overflow:hidden;
	z-index:200;

}

ul.menu > li ul.sub3 li
{

	background-image:url(../images/bg3sub.png);
	overflow:hidden;
	z-index:300;

}

ul.menu > li ul.sub4 li
{

	background-image:url(../images/bg4sub.png);
	overflow:hidden;
	z-index:400;

}

ul.menu > li ul.sub5 li
{

	background-image:url(../images/bg5sub.png);
	overflow:hidden;
	z-index:500;

}

ul.menu > li ul li a
{

	color:#fff;
	text-decoration:none;
	line-height:24px;
	font-size:10px !important;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase
}


ul.menu > li:hover ul.sub1 li
{

	display:block;

}


ul.menu > li a#bg1:hover
{

	color:#ffbabc
}

ul.menu > li a#bg2:hover
{

	color:#fedd83
}

ul.menu > li a#bg3:hover
{

	color:#76d690
}

ul.menu > li a#bg4:hover
{

	color:#86e7ff
}

ul.menu > li a#bg5:hover
{

	color:#ab83d4
}

ul.menu > li a#bg1:active
{

	color:#ffbabc
}

ul.menu > li a#bg2:active
{

	color:#fedd83
}

ul.menu > li a#bg3:active
{

	color:#76d690
}

ul.menu > li a#bg4:active
{

	color:#86e7ff
}

ul.menu > li a#bg5:active
{

	color:#ab83d4
}

/*
ul.menu > li ul.sub1
{

	margin-top:0px;

}

ul.menu > li ul.sub2
{

	margin-top:-215px;

}

ul.menu > li ul.sub3
{

	margin-top:-191px;

}

ul.menu > li ul.sub4
{

	margin-top:-118px;

}

ul.menu > li ul.sub5
{

	margin-top:-216px;

}
*/
ul.menu > li ul.sub1 li a:hover
{

	color:#ffbabc
}

ul.menu > li ul.sub2 li a:hover
{

	color:#fedd83
}

ul.menu > li ul.sub3 li a:hover
{

	color:#3f8c54
}

ul.menu > li ul.sub4 li a:hover
{

	color:#86e7ff
}

ul.menu > li ul.sub5 li a:hover
{

	color:#5a3284
}

.map {width:325px; height:325px;}
.map iframe {width:325px; height:325px; }
