/* At-Rules */
@charset "iso-8859-1";

html {height: 100%;   margin-bottom: 1px;}

body {background: center; background-color: #FF8D3D; font-family: Arial, Helvetica, San-serif; text-align: center}

h1 {color: #FF8D3D; font-family: arial; font-size: 14px; font-weight: bold; line-height: 16px; text-align: center; text-decoration: none}

h2 {color: #FF8D3D; font-family: arial; font-size: 11px; font-weight: bold; text-align: left; text-decoration: none; margin-top: 18px;}

h3 {color: #FF8D3D; font-family: arial; font-size: 12px; font-weight: bold; text-align: left; text-decoration: none; margin-top: 6px;}

p {margin-top: 18px;}
.white {color:#ffffff; font-size: 12px; margin: 4px 2px;}
.indent{padding: 0px 0px 0px 14px;}

#wrap {background: url(graphics/bgall.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}
#wraphome {background: url(graphics/bghome.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}
#wrapbuilding {background: url(graphics/bgallbuilding.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}
#wraphomebuilding {background: url(graphics/bghomebuilding.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}
#wraphomefacilities {background: url(graphics/bghomefacilities.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}
#wraphomeservices {background: url(graphics/bghomeservices.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}
#wraphall {background: url(graphics/bgallhall.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}
#wrapminions {background: url(graphics/bgallminions.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}
#wrapportfolio {background: url(graphics/bgallportfolio.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}
#wrapftp {background: url(graphics/bgallftp.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}
#wrapreception {background: url(graphics/bgallreception.jpg) 0px 0px; display: block; margin: 10px auto 10px auto; text-align: left; width: 900px; height: 540px;}

#textwin {border-width: 1px;border-color: #FF8D3D;border-style: solid; float: left; height: 360px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; width: 340px;}
.borderorange{border-width: 1px;border-color: #FF8D3D;border-style: solid;}
.maintext {color: #ffffff; font-family: arial; font-size: 11px; font-weight: bold; line-height: 18px; padding: 20px 20px 4px 20px; text-align: justify;}
.columnbox {float: left; display: block; width: 330px; text-align: left; padding: 0px 0px 20px 0px;}
.textboxleft {float: left; display: block; width: 154px; text-align: left;}
.textboxright {float: right; display: block; width: 176px; text-align: left;}
.clearleft {clear: left;}
.portfoliotext {color: #ffffff; font-family:  arial; font-size: 11px; font-weight: bold; line-height: 18px; padding: 4px 6px 4px 6px; text-align: justify;}
.plate {border: thin ridge #FF8D3D; padding: 2px 4px; text-align: left; margin-top:10px;}

#scrollbar {scrollbar-face-color: #FF8D3D; scrollbar-track-color: #000000;}

.floatbox {
  float: left;
  clear:both;
  width: 340px;
  height: 360px;
  overflow:auto; 
 /* border:1px solid #6FC1EA; */
}

#boxmenu{border-width: 1px;border-color: #FF8D3D;border-style: solid; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 118px; height: 160px; position: relative}
#boxmenusub{border-width: 1px;border-color: #FF8D3D;border-style: solid; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 118px; height: 160px; position: relative}
.menutext {font-family: arial; font-size: 11px; font-weight: bold; line-height: 18px; padding: 10px 10px 0px 10px; text-align: left;}

#boximagemain{height: 200px; width: 230px; float: left; margin: 48px 0px 0px 0px;}
#boximagevideocontrolsmain{height: 216px; width: 230px; float: left; margin: 32px 0px 0px 0px;}
#boximagestudio{height: 262px; width: 402px; float: left; border-color: #66ccff; border-width: opx; margin: 0px 0px 0px 112px;}
.imagepos {text-align: left;}
/*
#boximagesecond{height: 160px; width: 230px; float: right; border-color: #66ccff; border-width: 4px}
.imagesecondpos {text-align: right;}
*/

img {border-width: 1px;border-color: #FF8D3D;border-style: solid;}
embed {border-width: 1px;border-color: #FF8D3D;border-style: solid;}

.boxbordervert{height: 500px; width: 20px; float: left; diplay: block; position: relative}
.boxborderhori{height: 20px; width: 900px; float: left; diplay: block; position: relative}

#boxroot1{height: 500px; width: 346px; float: left;}
#boxroot2{height: 500px; width: 260px; float: left;}
#boxroot3{height: 500px; width: 254px; float: left;}

#boxtop1{height: 140px; width: 346px; float: left;}
#boxtop2{height: 140px; width: 260px; float: left;}
#boxtop3{height: 140px; width: 254px; float: left;}

#boxbottom1{height: 360px; width: 346px; float: left;}
#boxbottom2{height: 360px; width: 260px; float: left;}
#boxbottom3{height: 360px; width: 254px; float: left;}

#boxbottom2top{height: 162px; width: 118px; float: left;}
#boxbottom3top{height: 200px; width: 254px; float: left;}

ul.discinside {list-style-position: inside; list-style-type: disc}
ul.discoutside {list-style-position: outside; list-style-type: disc;}

a:link, a:visited,  a:active {background: url(graphics/MenuArrow.gif) left center; background-repeat: no-repeat; color: #FF8D3D; display: block; text-decoration: none;}

a:hover {background: url(graphics/MenuArrowWhite.gif) left center; background-repeat: no-repeat; background-color: #FF8D3D; color: #ffffff; text-decoration: none;}


a.sub:link, a.sub:visited,  a.sub:active {background: url(graphics/MenuArrowWhite.gif) left center; background-repeat: no-repeat; color: #ffffff; display: block; text-decoration: none;}

a.sub:hover {background: url(graphics/MenuArrowWhite.gif) left center; background-repeat: no-repeat;  color: #ffffff; text-decoration: none;}


a.textwinmail:link, a.textwinmail:visited, a.textwinmail:active {background: url(graphics/MenuArrow.gif) left center; background-repeat: no-repeat; color: #FF8D3D; display: inline; text-decoration: none;}

a.textwinmail:hover {background: url(graphics/MenuArrowWhite.gif) left center; background-repeat: no-repeat; color: #ffffff; text-decoration: none;}


a.textwinvisit:link, a.textwinvisit:visited, a.textwinvisit:active {background: url(graphics/MenuArrow.gif) left center; background-repeat: no-repeat; color: #FF8D3D; display: inline; text-decoration: none;}

a.textwinvisit:hover {background: url(graphics/MenuArrowWhite.gif) left center; background-repeat: no-repeat; background-color: #FF8D3D; color: #ffffff; text-decoration: none;}


a.logo:link, a.logo:visited,  a.logo:active {background: none; color: #FF8D3D; display: block; text-decoration: none;}

a.logo:hover { background: none; color: #ffffff; text-decoration: none;}

/*
.coloura{background-color: #ffffff;}
.colourb{background-color: #FFFF99;}
.colourc{background-color: #FFCCFF;}
.colourd{background-color: #FFCC99;}
.coloure{background-color: #FF99FF;}
.colourf{background-color: #CCFFCC;}
*/