@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	background-color: #1f3d63;
	background-image: url(/images/background.jpg);
	background-repeat: repeat;
	background-position: center top;
}
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background:url(/images/header_bg.gif) top repeat-x;}
.header { width:980px; margin:0 auto; padding:0;}
/* logo */
.logo {
	padding:0;
	margin:0;
	width:572px;
	float:left;
}
/*click*/
.click {
	width:210px;
	float:right;
	color:#FFFFFF;
	margin:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.click a { color:#fff; text-decoration:none;}
/* menu */	
.menu_resize { width:980px; margin:0 auto; padding:0; background:url(/images/menu_resize_bg.gif) top no-repeat; height:55px;}

/* search */
.search { padding:10px 20px 0 0; margin:0; width:200px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(/images/search_bg.gif) left top no-repeat; width:149px; padding:0 5px; height:33px;}
.search form .keywords { width:149px; line-height:15px; height:15px; float:left; background:none; border:0;  padding:8px 0; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#fff;}
.search form .button { float:left; margin:0; padding:0;}
/*header_text_bg*/
.header_text_bg { margin:0; padding:0;}
/*header_text*/
.header_text { height:297px; margin:0 auto; padding:0; width:980px; background:url(/images/simple_bg.gif) top no-repeat; }
.header_text .div .left1 { float:right; width:475px; padding:0; margin:0; }
.header_text .div .left1 img { margin:0 5px; padding:0;}
.header_text .div .left1 h2 {font:normal 30px Arial, Helvetica, sans-serif; color:#fff; padding:30px 0 0 0; margin:0; border:0;}
.header_text p { font:normal 12px Arial, Helvetica, sans-serif; color:#9ebadc; padding:20px 0 0 0; margin:0; line-height:1.8em;}
/* header_text2 */
.header_text2 { height:131px; margin:0 auto; padding:0; width:980px; background: url(/images/simple_bg2.gif) top no-repeat;}
.header_text2 h2 { font: normal 30px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:30px 0 0 40px;}
.header_text2 p {  font: normal 12px Arial, Helvetica, sans-serif; color:#9ebadc; margin:0; padding:10px 0 0 40px;}
/********** body **********/
.body_resize {
	margin:0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.body {
	width:976px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#body_big {
	width:550px;
	float:left;
	margin:0;
	padding:10;
	background-color: #DFF4FF;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.body_big ul { list-style:none; margin:0 0 0 100px; padding:0;}
.body_big li { background:url(/images/big_ul_li.gif) left no-repeat; padding:0 20px; margin:0;  font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a; line-height:1.8em;}
/* END_bloga*/
/*************footer**********/
.footer_resize { width:980px; margin:0 auto; padding:0 0 50px 0; background: url(/images/footer_bg.gif) top repeat-x;   height:54px;}
.footer {padding:0;  margin:0;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#fff;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;} 
/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#151515; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:390px; border:1px solid #e2e1e1; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:390px; border:1px solid #e2e1e1; margin:10px 0; padding:2px; background:#f8f8f8; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 415px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #e1e1e1; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}
.white {
	color: #FFFFFF;
}
.yellow {
	color: #FFFF99;
}


/* Slider */
.gallery { float:left; width:386px; height:226px; margin:36px 0 0 63px !important; margin:36px 0 0 31px; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:386px; height:226px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:21px; height:40px; position:absolute; left:-34px; top:-133px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:21px; height:40px; position:absolute; left: 398px; top:-133px; }
#prevBtn a { display:block; width:21px; height:40px; background:url(/images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:21px; height:40px; background:url(/images/r_arrow.gif) no-repeat 0 0; }

#mainarea {
	float:left;
	width:976px;
	background-image: url(/images/innercontainer.gif);
	background-repeat: repeat-y;
}
#maincontent {
	float:left;
	width:606px;
	padding-left:20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}


#maincontent h1{
	margin-top: 0px;
	padding-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CC0000;
	font-weight: normal;
}
#maincontent h2
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006699;
	font-weight: normal;
}
#maincontent h3
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
#maincontent h4
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;
}
#topmenu
{
	margin-top:10px;
	margin-left:5px;
	width:700px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(/images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  width: 690px;
  height: 41px;
  z-index: 100;
}

.artmenu
{
  padding: 6px 6px 6px 6px;
}


.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 41px;
}

.nav .l
{
  left: 0;
  right: 0px;
}


.nav .r
{
  right: 0;
  width: 0px;
}


.nav .r div
{
  width: 874px;
  right: 0;
}


.nav .l, .nav .r div
{
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 29px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 3px;
  margin-left: 3px;

}
.artmenu a
{
  background-image: url('/images/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span
{
  background-image: url('/images/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #DDE0DC;
	padding: 0 8px;
	margin: 0 10px;
	line-height: 29px;
	text-align: center;
	background-image: url('/images/item-center.png');
	background-position: left top;
	background-repeat: repeat-x;
}


.artmenu a:hover
{
  background-position: left -29px;
}

.artmenu li:hover>a
{
  background-position: left -29px;
}
.artmenu li:hover a span
{
  background-position: right -29px;
}

.artmenu a:hover span
{
  background-position: right -29px;
}


.artmenu a:hover span span
{
  color: #232622;
  background-position: left -29px;
}

.artmenu li:hover a span span
{
	color: #FFFF99;
	background-position: left -29px;
}


/* end MenuItem */

/* begin MenuSubItem */
.artmenu ul a
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 25px;
  width: 186px;
  overflow:hidden;
  line-height: 25px;
  margin-right: auto;


  background-image: url('/images/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 1px;
  border-style: solid;
  border-color: #F3F1E7;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
	text-align: left;
	text-indent: 13px;
	text-decoration: none;
	line-height: 25px;
	color: #F6F5EE;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.artmenu ul ul a
{
  margin-left: auto;
}

.artmenu ul li a:hover
{
  color: #F8F7F1;
  border-color: #8E988B;
  background-position: 0 -25px;
}

.artmenu ul li:hover>a
{
  color: #F8F7F1;
  border-color: #8E988B;
  background-position: 0 -25px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
  color: #F8F7F1;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #F8F7F1;
}
.gallery { float:left; width:386px; height:226px; margin:36px 0 0 63px !important; margin:36px 0 0 31px; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:386px; height:226px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:21px; height:40px; position:absolute; left:-34px; top:-133px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:21px; height:40px; position:absolute; left: 398px; top:-133px; }
#prevBtn a { display:block; width:21px; height:40px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:21px; height:40px; background:url(images/r_arrow.gif) no-repeat 0 0; }

.imgblock
{
	float:left;
	width:180px;
	background-color: #FFFFCC;
	text-align:center;
	margin-right:10px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	
}

.dropshadowcontent {
	position: relative;
	background-color: white;
	color: black;
	border: 1px black solid;
	top: -10px;
	left: -10px;
	z-index: 10;
	padding: 5px;
	margin: 0;
}

.dropshadow {
	position: relative;
	background-color: 	#E8F8FF;
	width: 180px;
	z-index: 5;
	background-image: url(/images/dropshadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.dropshadowleft, .dropshadowtop {
	border: 1px none black;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 10px;
	margin: 0;
	padding: 0;
}

.dropshadowtop {
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url("/images/dropshadow_topright.gif");
}

.dropshadowleft {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url("/images/dropshadow_bottomleft.gif");
}
#sidebarcontent {
	float:right;
	width:312px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
#sidebarcontent h1{
	margin-top: 0px;
	padding-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CC0000;
	font-weight: normal;
}
#sidebarcontent h2
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006699;
	font-weight: normal;
}
#sidebarcontent h3
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
#sidebarcontent h4
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;
}

#frmMailList
{
	width:290px;
	padding-top:2px;
	border: 1px dotted #006699;
	background-color: #F2FBFF;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.mybutton, #frmMailList .mybutton input
{
	width:98px;
	color: #FFFFFF;
	border: 2px outset #d7b9c9;
	background-color: #006699;
	
}
#frmMailList label
{
   float: left;
   width:100px;
    text-align: left;
    margin-right: 10px;
}

#maincontent a, #maincontent a:link, #maincontent a:visited, #maincontent a:active
{
    color: #3366CC;
    text-decoration: underline;
}
#maincontent a:hover
{
    color: #CC0000;
    text-decoration: none;
}
#sidebarcontent a, #sidebarcontent a:link, #sidebarcontent a:visited, #sidebarcontent a:active
{
    color: #3366CC;
    text-decoration: underline;
}
#sidebarcontent a:hover
{
    color: #CC0000;
    text-decoration: none;
}

form .myenquiryform label, form .myenquiryformlgtext label
{
	width: 150px;
	float: left;
	text-align: left;
	margin-right: 10px;
	display: block;
	font-size: 12px;
	color: #000000;
}
form .myenquiryform input, form .myenquiryform textarea
{
	width  : 250px;
	color  : #781351;
	border  : 1px solid #666666;
	background-color: #ECF5FF;
}


form   .myenquiryformsubmit input
{
width  : 98px;
margin-left: 160px;

color: #FFFFFF;
	border: 2px outset #d7b9c9;
	background-color: #006699;
}
#enquiryform p
{
margin-top:2px;
padding-top:2px;
margin-bottom:2px;
padding-bottom:2px;
}
