/*  ukis template style  *//* COLOUR SCHEME */
/* orange: #df814c - blue: #00a8de - grey: #626061  */ /* BODY & WRAPPER start */
body 
{ 
text-align:center; min-width:760px;
background: #d9d9d9 none no-repeat fixed center top;
color: #000;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}#wrapper { width: 100%; margin: 0 auto; text-align:left; }#wrapperHome 
{ 
width: 100%; margin: 0 auto; text-align:left; position:relative;
background: white url(../images/UKIS-BG-3D-logo.gif) no-repeat center top;
}#wrapperTemplate 
{ 
width: 100%; margin: 0 auto; text-align:left; position:relative;
background-color: white;
background-image: none;
}
/* BODY & WRAPPER end *//* BRANDING ROW start */
#branding { width: 100%; height: 125px;background: transparent url(../images/UKIS-BG.gif) repeat-x center top;}
#brandingWidth { width: 900px; background-color: transparent; margin-right: auto; margin-left: auto; height: 125px; }#brandingleft { width: 420px; float: left; }
.img1 { margin-left: 0px;margin-top: 50px; }
#brandingright { width: 480px; float: right; background-color: transparent; }
.rightstuff { float: right; position: relative;  padding-top: 3px; color: yellow; }
.Tright { padding-left: 200px; font: .8em Verdana; color: white; padding-top: 5px;}
.Tright a:link { color: white;}
.Tright a:visited { color: white;}
.Tright a:hover { color: white;}
.Tright a:active { color: white;}
.Tright img { padding-left: 5px; padding-right: 3px; }/* TOP TAB NAVIGATION start */
#navtabs { position: relative; top: 55px; float: right; }
#navtabs ul { margin: 0; padding: 0; list-style: none; }
#home #navtabs .home, #companyinfo #navtabs .companyinfo, #ourwebsites #navtabs .ourwebsites, #contactus #navtabs .contactus 
{ float: left; font: 1.1em Verdana; margin-left: 2px; background-image: none; }
#navtabs ul li 
{ float: left; margin-left: 2px; background-image: none; text-transform: uppercase; border-left: 1px solid black; font: 1.1em Verdana; }
#navtabs ul li:hover { background-image: none; }
#home #navtabs .home a, #companyinfo #navtabs .companyinfo a, #ourwebsites #navtabs .ourwebsites a, #contactus #navtabs .contactus a
{ display: block; padding: 0 7px; text-decoration: none; color: #00bff3; float: left; background-image: none; }
#navtabs li a { display: block; padding: 0 7px; text-decoration: none; color: #636363; float: left;}
#navtabs li a:hover { background-image: none; text-decoration: underline; }
#navtabs ul a:hover { color: #000; }
/* BRANDING ROW end *//* HOME PAGE content row START */.strapline 
{ visibility: visible; color: black; position: relative; top: 0px; padding-top: 0px; margin-left: 20px; font: 1.2em Verdana; width: 350px; }#contentWidth { width: 900px; margin-right: auto; margin-left: auto; margin-top: 240px; }/* TEMPLATE PAGE content row START */#line-bot { width: 100%; border-bottom: 1px solid #bdbdbd; }.line-bot { border-bottom: 1px solid #bdbdbd;margin-bottom: 5px; }#homeContentWidth 
{ 
width: 900px; margin-right: auto; margin-left: auto; margin-top: 0px;
background: url(../images/ukis-tab.gif) no-repeat left bottom;
border-bottom: 1px solid white;
}#templateContentWidth 
{ 
width: 900px; margin-right: auto; margin-left: auto; margin-top: 0px;
border-bottom: 1px solid white;
background-color: white;
background-image: none;
}/* TEMPLATE PAGE LEFT COLUMN start */
.siteinfo p { clear: both; color: gray; }/* PARAGRAPH start */
.captionimg  { padding-right: 2px; padding-left: 2px;  width: 210px; }
.captionimage img { border: 1px solid black; margin: 0em .5em .5em 0em; float: left; margin-bottom: 0em; }
.captionimg p { font-size: 10px; text-align: left; margin-bottom: 0; }
.captionimg h5 { font-size: 10px; color: #00a8de; clear: both; margin-bottom: 5px;
}
/* PARAGRAPH end */.visitWebsite { margin-left: 20px; margin-bottom: 20px; margin-top: 10px; }
/* CONTENT COLUMN start */#templateLeftCol { width: 670px; float: left; padding-top: 0px; padding-bottom: 5px; background-color: white; padding-left: 0px; }
#templateRightCol { width: 210px; float:right; padding-top: 0px; padding-bottom: 5px; padding-left: 0px; }
#templateRightCol img {padding-right: 2px;padding-bottom: 2px;background-color: #e8e3e3;}
#templateRightCol2 img { padding-right: 2px;padding-bottom: 2px;background-color: white; }
.templateRightCol { margin-top: 0px; }.templateContentWidth li 
{ 
padding-left: 0px; margin-top: 0px;
list-style-image: url(../images/bullet.gif);
list-style-position: outside;
font-size: 14px;
color: grey;
margin-bottom: 0px;
line-height: 22px;
}.templateContentWidthLink li 
{ 
padding-left: 0px; margin-top: 0px;
list-style-image: url(../images/bullet-red.gif);
list-style-position: outside;
font-size: 14px;
color: grey;
margin-bottom: 0px;
line-height: 22px;
}/* CONTENT COLUMN end */#screenshotPanel { padding-top: 10px; padding-bottom: 10px; background: #f8f7f6; border-top: 1px solid white; }
#screenshotPanelWidth  { width: 840px; margin-right: auto; margin-left: auto; height: 220px; }.curveTRight { background: url(../images/panel-TR.gif) no-repeat right top; }
.curveBRight { background: url(../images/panel-BR.gif) no-repeat right bottom; }
.titleBoxL { background: url(../images/title-box-L.gif) no-repeat left top; }
.titleBoxR { background: url(../images/title-box-R.gif) no-repeat right top; padding-right: 10px; }
.titleBoxR h2 { padding-top: 5px; }
.boxTop { margin-top: 5px; margin-bottom: 5px; }
.curvePanMid { border-left: 5px solid #d9d9d9;border-right: 5px solid #d9d9d9;padding-left: 10px;padding-right: 10px; }
.tableWhiteBrd { border: 1px solid white;padding-left: 20px;padding-right: 20px;}.screenshots 
{
background: transparent url(../images/screenshot-housing-BG.gif) no-repeat center top; width: 270px;
display: inline-block;
height: 190px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
}
.screenshots img { width: 260px; margin-top: 5px; margin-bottom: 5px; }/* FOOTER ROW start */#footerBar { height: 40px; background-color: #7f7f7f; }.footerBar { color: #d9d9d9; text-align: center; font: 14px/35px Verdana, Arial, sans-serif; }
.footerBar a:link { color: #d9d9d9; }
.footerBar a:visited { color: #d9d9d9; }
.footerBar a:hover { text-decoration : none; color: white; }
.footerBar a:active { color: #d9d9d9; }
#footer { clear:both; background: transparent url(../images/grey-grad-BG.gif) repeat-x center 0; height: 100px; }#footerWidth { width: 900px; margin-right: auto; margin-left: auto; }
#footer h3 { text-align: center; font-size: 12px; color: #626061; padding-top: 20px; }.footersmtxt a:link { color: #626061; }
.footersmtxt a:visited { color: #626061; }
.footersmtxt a:hover { color: #626061; }
.footersmtxt a:active { color: #626061; }#footer p { text-align: center; font-size: 11px; color: #626061; padding-top: 10px; }/* FOOTER ROW end *//* GENERAL STYLES start */.BG-rightT { background: url(../images/holder/site-TR.gif) no-repeat right top; }
.BG-rightB { background: url(../images/holder/site-BR.gif) no-repeat right bottom;}
.image-holder {padding-right: 10px;padding-left: 10px; background-color: #d9d9d9;}
.txt-holder {padding-left: 10px;font-size: 14px;}/* FONT STYLES start */
/*  links  */ 	
a:link, a:visited, a:active { text-decoration : none;color: #5d63c5; }
a:hover { text-decoration : underline;color: #5d63c5; }.WHITE_11 { color: white; font: bold 11px Arial, sans-serif; }
.WHITE_11 a:link { color: white; text-decoration: none;font: bold 11px Arial, sans-serif; text-decoration: underline;}
.WHITE_11 a:visited { font-family: Arial, sans-serif; color: white; font-size: 11px; text-decoration: underline; }
.WHITE_11 a:hover { font-family: Arial, sans-serif; color: white; font-size: 11px; text-decoration: none; }
.WHITE_11 a:active { font-family: Arial, sans-serif; color: white; font-size: 11px; text-decoration: underline; }/*  header fonts  */ 
h1, h2, h3, h4, h5, h6	{ font-family: Arial, Verdana, sans-serif;padding-bottom: 5px; }h1	{font-size: 24px;color: grey;margin: 0;}
h2	{font-size: 18px;color: grey;margin: 0;}
h3	{font-size: 16px;color: gray;margin: 0;}
h4	{font-size: 14px;color: #00a8de;margin: 0;}
h5	{font-size: 13px;margin: 0;}
h6	{font-size: 10px;color: #00a8de;}
h7	{font-size: 18px;margin: 0;}p { margin-top: 0; margin-bottom: 15px; font-size: 12px; line-height: 1.7em; text-align: justify; color: gray; }
p.intro { margin-top: 0; margin-bottom: 15px; font-size: 14px; line-height: 1.7em; text-align: justify; color: gray; width: 600px; }
p.introlast { margin-top: 0; margin-bottom: 45px; font-size: 14px; line-height: 1.7em; text-align: justify; color: gray; width: 600px; }
.red { color: red; }
p.caption { margin-top: 5px; margin-bottom: 5px; font-size: 11px; text-align: left; color: gray; }
p.captioncolor { margin-top: 1px; margin-bottom: 1px; font-size: 11px; text-align: left; color: #00a8de; }hr { border: none; background-color: silver; color: silver; height: 1px; margin-top: 5px; margin-bottom: 5px; }/* FONT STYLES end */
/* IMAGES start */
/* default */
img { border: 0; }
IMG.readmore { margin-left: 20px; }
/* IMAGES end */