@charset "utf-8";
/* CSS Document */


/*************************
    NAVIGATION
*************************/  

.wrapper{ 
width:100%;
position:relative;
display:table;
}

#top{
	position:relative;
	width:880px;
	margin:0 auto;
	background:#000;
	font-size:13px;
	font-family: Arial, Helevtica, Verdana, san-serif;
	z-index: 5;
}

#head{
height:50px;
z-index: 5;
}

#top .logo, .logo a{
display:block;
height:90px;
width:210px;
position:absolute;
left:0px;
top:13px;
border: none;
padding: 0;
margin:0;
}

#top .logo a, #top .logo a:hover{
top:0;
left:0;
text-indent:-9999px;
outline:none;
border: none;
}

#nav{
	position: relative;
	right:0px;
	top:-10px;
	list-style-type: none;
	list-style-position: outside;
	margin:0;
	z-index: 5;
	width: 860px;
}

#nav li{
float: left;
}

#nav li a{
display:block;
float:left;
padding:6px 10px;
width:100px;
border: none;
text-decoration: none;
line-height: 18px;
outline: none;
}


#nav li a strong{
display:block;
font-weight: normal;
font-size: 16px;
}

#nav li a span{
display:block;
font-size: 10px;
}

#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px; 
z-index:5;
}

#top #nav ul a{
line-height:28px;
font-size: 12px;
cursor: pointer;
}

#top #nav li{
float:left;
position:relative;
z-index:20;
margin-top:11px;
}

#top #nav li li{
border-left:none;
margin-top:0;
}

#top #nav ul {
display:none;
position:absolute;
top:48px;
width:172px;
left:0;
}

#top #nav li ul a{
width:160px;
height:auto;
float:left;
text-align:left;
padding:0 10px;
}

#top #nav ul ul{
top:auto;
border-top:none;
}	

#top #nav li ul ul {
left:181px;
top:-1px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

#top #nav li ul a{
border-top:none;
}


#top .logo a, #top .logo a:hover{
background: transparent url(../images/skin1/logo.png) no-repeat left top;
}

#nav li a{
border-left:1px solid #484848;
color:#aaa;
}

#nav .current a, #nav li a:hover{
color:#fff;
}

#top #nav li ul a{
border:1px solid #484848;
border-top:none;
color:#aaa;
background: #222;
}

#top #nav li ul a:hover{
background:#262626;
color:#fff;
}

#top #nav li ul {
border-top:1px solid #484848;
width: 182px;
}


/*VT*/

#flashcontent {
	text-align: center;
	width: 960px;
	height: 410px;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 0px;
	/*border: 1px solid #CCCCCC;
	background-image: url(img/t-grid.gif);
	background-repeat: repeat;
	margin-bottom:15px;
	display:none;*/
	clear: both;
}
#flashcontentindex {
	text-align: center;
	width: 960px;
	height: 340px;
	vertical-align: top;
	border-bottom: 0px solid #CCCCCC;
	margin-top: -20px;
	/*padding-left: 5px;
	background-image: url(img/t-grid.gif);
	background-repeat: repeat;
	display:none;
	margin-bottom:15px;*/
	clear: both;
}
#topsample{
	width: 880px;
	height: 300px;
	/*display:none;*/
	/* clear: both; */
}
#thesample{
	width: 560px;
	margin-bottom:15px;
	/*display:none;*/
	clear: both;
}
#flashheader {
	text-align: center;
	width: 873px;
	height: 210px;
	/*display:none;*/
	clear: both;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #666666;
}

/* Tags */
* {
	margin: 0px auto;
	padding: 0px;
}

body{
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: center;
	background-image: url(img/masterbg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #DEDEDE;
	color: #000000;
}
/* Header layer with logo */
#div0 {
	width: 100%;
	height: 130px;
	text-align: centre;
}
#div1 {
	width:880px;
	height:110px;
	text-align: left;
	position:relative;
	margin:0 auto;
	/* background:#000; */
}
/* Menu Layer */
#div2 {
	width:960px;
	height:62px;
	background-image: url(img/bg-mainmenu.gif);
	background-repeat: repeat-x;
	padding-top: 6px;
	text-align: left;
	/*margin-bottom: 20px;*/
}
#barsub {
	width:880px;
	height:38px;
	background-image: url(img/bar-sub.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
	text-align:left;
	padding-bottom: 18px;
	position:relative;
	/*padding-left:25px;
	padding-right:25px;*/
}
#menuwrapper{width:880px;text-align: left;}
#menuoptions{
   float:left;
   /*padding-bottom:6px;*/
}
#menutxt{
   float:right;
}
/* Centre content layer */
#div3 {
    padding-top:15px;
	position: relative;
	width:920px;
	text-align:left;
	margin:0 auto;
}
#contentleft{
   width:580px;
   float:left;
   text-align: left;
}
#contentright{
	width:320px;
	float:right;
}
#contentfull{
   width:100%;
   float:left;
}
#contentrightsocial{
	width:290px;
	float:right;
	text-align: right;
}

img.menuhighlight{
   padding:5px;
   float:none;
}
img.cfk{
   padding:5px;
   clear:both;
}
img.paraleft{
   padding-right:10px;
   padding-bottom:10px;
   float:left;
}
img.pararight{
   padding-right:10px;
   padding-bottom:10px;
   float:right;
}
/* Bottom footer menu layer */
#div4 {
	width:960px;
	height:480px;
	background-image: url(img/bgfooter.jpg);
	background-repeat: repeat-x;
	text-align:centre;
	padding-top:20px;
	clear:both;
}
#div4 p{
	color: #FFFFFF;
}
#div img{
   padding-bottom:12px;
}
#footermenuwrapper{width:880px;text-align: left;}
#footermenuleft{
	float:left;
	width:210px;
	background-image: url(img/seperator.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 20px;
	padding-right: 5px;
	line-height: 1.2em;	
}
#footermenucentre{
	float:left;
	width:590px;
}
#footermenucentre a,a:link,a:hover,a:visited {
	line-height: 1.2em;
	color: #FFFFFF;
	text-decoration: underline;
}
#footermenuright{
	float:left;
	width:60px;
	background-image: url(img/seperator.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 20px;
	padding-left: 25px;
}
/* Final Footer layer */
#div5 {
   width:920px;
   /*height:90px;*/
}
#div6 {
   width:880px;
   height:90px;
   margin-top:20px;
   float: left;
   clear:both;
   line-height: 1.1em;
}
#div6 a,a:link,a:hover,a:visited {
	line-height: 0.8em;
	color: #999999;
	text-decoration: underline;
}
#bottomfooter {
	float:right;
	text-align:right;
}

#fullw {
    width:873px;
	background-image: url(img/rbg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #CCCCCC;
	margin-bottom:15px;
	/*display:none;*/
	clear: both;
}
.fullshowcase {
    width:853px;
	background-image: url(img/rbg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #CCCCCC;
	margin-bottom:15px;
	margin-left:10px;
	margin-right:10px;
	padding: 5px;
	/*display:none;*/
	clear: both;
}
#fullwb {
	width:873px;
	background-image: url(img/rbg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #CCCCCC;
	margin-bottom:15px;
	padding-top:15px;
	/*display:none;*/
	clear: both;
	margin-top: 15px;
	padding-bottom: 5px;
	color: #999999;
}
#fullwb a, a:link, a:hover, a:visited {
	text-decoration: underline;
	color: #999999;
}
#fullss {
	width:873px;
	/*display:none;*/
	clear: both;
	color: #999999;
}
#main * { filter: none; -moz-opacity: 100%; opacity: 1.0}
#test {
	border: 1px solid #CCC;
	background-image: url(img/t-grid.gif);
	background-repeat: repeat;
	padding: 15px;
	margin-bottom:8px;
}

#rc1 {
	border: 1px solid #CCC;
	padding: 15px;
	margin-bottom:8px;
	background-image: url(img/rbg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

#rc1r {
	width: 45%;
	border: 1px solid #CCC;
	padding: 15px;
	margin-bottom:8px;
	background-image: url(img/rbg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	float: right;
}
#rcll {
	width: 43%;
	border: 1px solid #CCC;
	padding: 15px;
	margin-bottom:8px;
	background-image: url(img/rbg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}
h1{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.8em;
	color: #666;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 6px;
	margin-bottom: 4px;
}
h2{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	color: #D77129;
	font-weight: normal;
}
h3{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.3em;
	color: #333;
	font-weight: normal;
}
h4{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	color: #333;
	font-weight: normal;
}
h5{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}

.chevron{}
a:link{
	text-decoration: underline;
	color: #006699;
}
a:visited{
	text-decoration: underline;
	color: #000000;
}

#portfolio-box {
	float: left;
	width: 860px;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
}
#emptybox {
	float: left;
	width: 840px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
	padding: 10px;
}
img.pt{padding-left:10px;padding-bottom:10px;}
#menutable{
	text-align:centre;
}
#menutable a{
	display:block;
	height:31px;
	text-align:centre;
	font-size: 0.9em;
}
#menutable td{text-align:centre;}
#menutable a:hover{
	color: #000000;
	background-image: url(img/mnu-hl.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.quotation{
	font-style: italic;
	color: #5E6F75;
	font-weight: bold;
	font-size: 0.9em;
	margin-left: 5px;
	margin-right: 20px;
	background-image:none;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left: 50px;
	padding-top: 30px;
}

/* side bar mini slider */

#sidebarwrapper
{
	width: 320px;
	height: 238px;
    text-align: left;
}

.contentSectionTitleBlack
{
   height: 10px; 
   padding-top:2px;
   padding-bottom:4px;
   padding-left: 5px; 
   font: 10px Verdana; 
   font-weight:bold;
   background-color:#000; 
   color:#FFF;
   text-align: left;
   border-left: 0px solid #eee;
   border-top: 1px solid #ddd;
   border-right: 0px solid #eee;
   border-bottom: 1px solid #ddd;
   text-transform: uppercase; 
}  

#sidebarMiniSliderContainer
{
	/* 4:3 format*/
    width:318px;  /* -2px for border */
	height:238px;
	border:0px solid #ccc;
	background-color: #000;
	margin-bottom: 40px;
	/*position: absolute;*/
	position: absolute;
	border: 0px solid #ddd;
	overflow:hidden;
	float:left;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	/*left: 1336px;
	top: 1287px;*/
}

#sidebarMiniSliderContainer .slide
{
	width:320px;
	height:240px;
	position: absolute;
	left: 629px;
	top: -1px;
	display: block;
	background-color: #000;
	background-image: url('../img/common/ajax/loading6.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#sidebarMiniSliderContainer .btnContainer
{
    height: 20px;
    width: 160px;
    position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 10;
}

#sidebarMiniSliderContainer .btn
{
    width:18px;
    height:18px;
    border:0px solid #222;
    background-color: #222;
    color: #ccc;
    font: 10px/18px sans-serif;
    float:left;
    text-align: center;
    cursor: pointer;
    margin-right: 2px;
}

#sidebarMiniSliderContainer .desc
{
    width: 310px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 7px;
    background-color: #000;
    opacity: 0.90;
    filter:alpha(opacity=90); /* IE */  
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    color: #eee;
    font: 10px/12px Verdana;
    display: block;
	   text-align: left;
}

.floatLeft { float: left; }
.floatRight { float: right; } 

.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

.asyncImgLoad { clear: none; } 

#servicesSmallInfo
{
    width: 880px;
    min-height: 300px;
    /*background-color: #fff;*/
    margin-bottom: 20px;
    margin-top: 40px;
}

#servicesSmallInfo .column
{
    width: 440px;
    background-color:transparent;
}

#servicesSmallInfo .item
{
    width: 460px;
    height: 140px;
    /*background-color: #FFF;*/
    margin-bottom: 10px;
}

#servicesSmallInfo .desc
{
    width: 330px;
    height: 100px;
    float: left;
}

#servicesSmallInfo .text
{
    font:11px;
    color:#000;
    margin-top: 5px;
}

#servicesSmallInfo .title
{
    font: 20px;
    color: #FF6600;
} 

#servicesSmallInfo .image
{
    width: 100px;
    height: 100px;
    padding: 3px;
    border:0px solid #eee;
    float:left;
    margin-right: 10px;
    
    background-image: url('../img/common/ajax/loading1.gif');
    background-repeat:no-repeat;
    background-position: 50% 50%;
}

.rightalign {
   width:560px;
   float:right;
}

.leftalign {
   width:560px;
   float:left;
}


/* GALLERY PAGES */

#galleryContainer
{
    width: 880px;
    height: 620px;
    margin-bottom : 0px;
    margin-left: 40px;
    margin-top: 10px;
    border: 0px solid #ddd;
    overflow: hidden;
    position: relative;     
}

.galleryPage
{
    width: 880px;
    border: 0px solid red;
    position: absolute;
    background-color: #FFF;
    border-bottom: 0px solid #777;
    left: 0px;
    top: 0px;
    height:620px;
    overflow: hidden;
}

.galleryRow
{
    height: 214px;
    background-color:transparent;
    margin-bottom: 15px;
    width: 880px;
} 

.galleryThumbWrapper
{
    background-color: transparent;
    float: left;
    height: 270px;
    padding-top: 15px;
    padding-left:20px;
    padding-right:20px;
    width:252px;
    background-repeat: no-repeat;
    background-position: 50% 0%;      
}

.galleryThumbTitle
{

   /*font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; */
   color: #3399CC;
   padding-left: 0px;
   padding-top: 0px;
   margin-top: 0px;
}

.galleryThumbDesc
{
    color: #666;
    font: 10px Verdana;
    padding-left: 0px;
    margin-top: 0px;
    padding-right: 0px;    
}

.galleryThumb
{
	width: 244px;
	height: 140px;
	padding: 3px;
	margin: 0px;
	cursor: pointer;
	border: 1px solid #ddd;
	background-color: #FFF;
	background-image: url(img/gallery/loading1.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
	display: block;
        
}

.galleryThumb .link
{
   position: absolute;
   display: block;
   width:244px;
   height:140px;
   background-color:transparent; 
   left: 3px;
   top: 3px;
   z-index: 2;
}

.galleryThumbShadow
{
    padding: 0px;
    margin: 0px;
    width: 252px;
    height: 12px;
    background-image: url('img/gallery/pictureShadow.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0%;
}

#galleryPrevPagePanelBtn
{
    width: 30px;
    height: 640px;
    position: absolute;
    background-color:transparent;
    left: 0px;
    top:0px;
    cursor:pointer;
}



#galleryNextPagePanelBtn
{
    width: 30px;
    height: 640px;
    position: absolute;
    background-color:transparent;
    left: 930px;
    top:0px;
    cursor:pointer;
}



#galleryControlPanel
{
    width: 960px;
    margin-left: 40px;
    height: 37px;
    border: 0px solid red;
    margin-top: 10px;
    text-align: center;
    position: relative;
}


#galleryPrevPageBtn
{
    width: 144px;
    height: 37px;
    
    cursor: pointer;
    position: absolute;
    left:0px;
    top:0px;
    
    width: 144px;
    height: 29px;
    background-color: #FFF;
    border: 1px solid #ddd;
    color: #000;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    padding-top: 8px;
    text-decoration: none;    
}
  
#galleryPrevPageBtn:hover
{
    background-color: #000;
    border: 1px solid #000; 
    color: #FFF;
}

#galleryNextPageBtn
{
    width: 144px;
    height: 37px;
    
    cursor: pointer;
    position: absolute;
    right:0px;
    top:0px;    

    
    width: 144px;
    height: 29px;
    background-color: #FFF;
    border: 1px solid #ddd;
    color: #000;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    padding-top: 8px;
    text-decoration: none;    
}

#galleryNextPageBtn:hover
{
    background-color: #000;
    border: 1px solid #000; 
    color: #FFF;
}


/* OTHER GALLERY LIST */

#galleryContentContainer
{
  width: 960px;
  margin-left: 40px;
  margin-top: 30px;
  padding-bottom: 40px;
}

.galleryOtherHeader
{
    font: normal 42px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #3399CC;
    margin-left: 0px;
    margin-bottom: 20px;
}

.galleryListContainer
{
    margin-top:0px;
    width: 600px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-bottom:40px;
    border: 0px solid #aaa;
    float:left;
}
    

.galleryListItemContainer
{
    width: 600px;
    margin-bottom: 50px;
}
    
p.galleryListItemDesc
{   
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 10px;
    font: 12px Verdana;
    line-height: 150%;
    color: #000;
}
        
.galleryListItemImage
{
    height: 120px;
    border: 0px solid #aaa;
    background-color: #FFF;
        
    background-image: url('../img/common/ajax/loading3.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* END Gallery Items */


/* New Layout CSS */

.fullwidth
{
	width: 960px;
	text-align: left;
}

.fullwidthcontent
{
	width: 920px;
	padding-left: 20px;
	padding-right: 20px;
	text-align:left;
	
}


/* From the Blog and others */
.columnLatestNews
{
    display:block;
    float:left;
    width:320px;
    padding-left:20px;
    padding-right:20px;
    margin-top: 10px;
    font: 12px Verdana;
    line-height: 150%;
    background-color: transparent;
}


.lastNews
{
    height: 60px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 10px;
    padding-top: 5px;
    cursor: pointer;
    background-color: transparent;
    border-bottom: 1px solid #ECECEC;
	text-align: left;
}

.lastNews:hover
{
    background-color: #e8e8e8;
}

.lastNewsDate
{
    color: #FF6600;
    font: 9px Verdana;
    line-height: 10px;
}  

.lastNewsTitle
{
    color: #333;
    font: 12px Verdana;
    margin-top: 2px;
    display: block;
}

.lastNewsText
{
    color: #999;
    font: 9px Verdana;
    margin-top: 2px;
    display: block;
}   

.columnText
{
    padding-top: 15px;
    padding-left: 10px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    font: 12px Verdana;
    line-height: 140%;
}

.columnTextLastNews
{
    padding-top: 10px;
    padding-left: 0px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    font: 12px Verdana;
    line-height: 145%;
}

/*   QUOTATION   */

.quoteBlockFullWidth
{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 5px;
    margin-top: 10px;
    margin-right: 0px;
    background-color: #FFF;
    display: block;
    
    background-image: url('img/common/img/quoteBlue.jpg');
    background-position: 0% 0%;
    background-repeat: no-repeat;  
}


.quoteText
{
    color:#000;
    font: bold 12px/14px Verdana;
    line-height: 140%;
    font-style: italic;
}

.quoteAuthorRight
{
    color:#FF6600;
    font: normal 11px/12px Verdana;
    text-align: right;
    font-style: italic;
    margin-top: 10px;
}

.quoteAuthorLeft
{
    color:#FF6600;
    font: normal 11px/12px Verdana;
    text-align: left;
    font-style: italic;
    margin-top: 10px;
}