﻿/* Start General */
body {background-color :#ababab;font-family:Verdana;background-image:url(/images/bg.jpg)}
#wrapper {width:970px;margin:0px auto;}
#maincontent {background-color:#fff;text-align: left;padding:10px;font-size:12px;padding-bottom:0px;}
a:link, a:visited {color:#000;}
a:hover {color:#eeae4a;}
h1, h2, h3 {color:#4888b5;padding-bottom:3px;margin-bottom:10px;background:transparent url(/images/line.png) no-repeat bottom right;font-weight:bold;font-family: Arial,Lucida Sans Unicode,verdana }
h1 {font-size:22px;}
strong {font-weight:bold;color:#ed873b;font-variant:small-caps;}
p {margin-bottom:10px;line-height:16px;}

/*  End General */

/*  Start Header */
#logotrans{width:470px;height:110px;}
#header {clear:both;height: 111px; width: 100%; background-image: url(/images/banner.jpg)}
#toplogo {float:left;height: 111px;}
/*  End Header */

/*  Start Top Menu */
#top-menu {width:100%;height: 21px; background-image: url(/images/bgmenu.png);padding-top:2px;}
#top-menu ul {list-style-type:none;margin:0px;padding:0px;height:1%;font-family:arial,sans-serif;font-size:0.7em;font-weight:bold;}
#top-menu li {float:left;overflow:inherit;padding:3px 10px 5px 14px;white-space:nowrap;}
#top-menu li a:link, #top-menu li a:visited {color:#FFF;text-decoration:none;}
#top-menu li a:hover {color:#FC0;text-decoration:none;}
/*  End Top Menu */

/*  Start Footer */
#footer {clear:both;width:100%;height: 20px;text-align:center;background-image: url(/images/bgmenu.png);}
/*  End Footer  */

/*  Top Right Navigation */
#toprightdiv {height: 20px; float:right;width:320px;}
#toprightdiv ul {list-style-type:none;margin:0px;padding:0px;height:1%;font-family:arial,sans-serif;font-size:0.7em;font-weight:bold;}
#toprightdiv li {float:left;overflow:inherit;padding:3px 10px 5px 14px;white-space:nowrap;}
#toprightdiv li a:link, #toprightdiv li a:visited {color:#FFF;text-decoration:none;}
#toprightdiv li a:hover {color:#FC0;text-decoration:none;}
#toprightdiv #consultation {margin-top:40px;margin-left:40px;}
/* End Top Right Navigation */


/*fp*/
#fp .box {cursor:pointer;width:270px;height:90px;}
#fp #BackgroundBox {position: absolute;background-image:url(/images/bigboxg.jpg);width:900px;height:238px;z-index:0px;}
#BigBox1,#BigBox2,#BigBox3,#BigBox4,#BigBox5,#BigBox6 {position: absolute;width:900px;height:238px;z-index:1px;}
#fp #BigBox1 {background-image:url(/images/bigbox1.jpg)}
#fp #BigBox2 {background-image:url(/images/bigbox2.jpg)}
#fp #BigBox3 {background-image:url(/images/bigbox3.jpg)}
#fp #BigBox4 {background-image:url(/images/bigbox4.jpg)}
#fp #BigBox5 {background-image:url(/images/bigbox5.jpg)}
#fp #BigBox6 {background-image:url(/images/bigbox6.jpg)}
#fp .fprow {margin-left:auto;margin-right:auto;width:840px;margin-bottom:10px;overflow:hidden;}
#fp .fpcol {width:270px;height:110px;float:left;margin-right:10px;}
#fp .fpcol .caption {text-align:center;margin-top:5px;font-weight:bold;}
#fp h2 {font-size:20px;margin-bottom:15px;}
#fp .fprow a  {width:100%; height:100%; display:block; padding-top:2px; font: bold .8em; text-align:center;}
 


/*contact*/
#contact #businesshours {font-family:Verdana;color:#4988b6;width:500px;}
#contact #businesshours .urgent {color:#FF3300;}
#contact #phonenumber , #faxnumber {font-family:verdana;font-weight:bold;}
#contact #faxnumber {margin-top:10px;}
#contact #emailaddresses a {color:#4988b6;}
#contact #emailaddresses a:hover {color:#64815d;}
#contact h2 img {vertical-align:middle;}

/*content*/
.content {color:#595959}
.content h1 {background-image: url(/images/h1bg.png);font-size:35px;text-align:center;font-family:Lucida Sans Unicode, Verdana;padding-bottom:10px;}
.content img.left {float:left;margin-right:10px;margin-bottom:10px;}
.content img.right {float:right;margin-left:10px;margin-bottom:10px;}
.content h2 {font-size:16px;}
.content h1 img{vertical-align:middle;margin-right:10px}
.content ul { list-style-image:url(/images/check.png) ;margin-left:40px;}
.content a {color:#000;font-weight:bold;}

#consultform {font-family:Lucida Sans Unicode,verdana;text-transform:lowercase;font-variant:small-caps;font-size:20px;background-image:url(/images/consultbg.jpg);width:560px;height:660px;margin-left:auto;margin-right:auto;padding:20px;color:#fff;font-weight:bold;}
#consultform div {float:left;margin-right:10px;margin-bottom:10px;}
#consultform  br {clear:both;float:none}
#consultform  .text {width:170px;background-image:url(/images/mini_globe.png);background-repeat:no-repeat;padding-left:35px;height:32px}
#consultform input {background-image:url(/images/inputbg.jpg);height:20px;width:300px;border:1px solid #365e2a}
#consultform .radiolist {list-style-image:none;margin:0px;padding:0px;font-size:15px;}
#consultform .radiolist input {background-image:none;width:auto;height:auto;border:0px;}
#consultform .sendbutton {float:right}
#consultform .sendbutton input {width:auto;height:auto;border:0px;background:none;}
#consultform textarea {background-color:transparent;background-image:url(/images/remarkbg.png);border:0px;padding:10px;height:136px;width:495px;}


    .portfolio {width:950px;margin-left:0px;margin-bottom:30px;}
    .portfolio  img {width:150px;}
    .portfolio  {vertical-align:top;text-align:center;}
    .portfolio .url{margin-bottom:10px;font-weight:bold;}
    .portfolio .desc{margin-top:10px;font-weight:bold;height:20px;}
    .portfolio .image{height:180px;}
    .portfolio .divholder {float:left;margin-right:10px;width:267px;border:1px solid #000;padding:10px}




/*	Slideshow */

#slides {
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    width:570px;
}
.slide img {border:1px solid #000}

/*	Slides container 	Important: 	Set the width of your slides container 	Set to display none, prevents content flash*/
.slides_container {
	width:572px;
	overflow:hidden;
	position:relative;
	display:none;
}

/* 	Each slide 	Important: 	Set the width of your slides 	If height not specified height will be set by the slide content 	Set to display block */
.slides_container div.slide {
	width:572px;
	height:449px;
	display:block;
}


/*	Next/prev buttons */
#slides .next,#slides .prev {
	position:relative;
	top:-300px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {	left:585px;	top:-345px;}


/*Caption*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}



