/*#################################################################
#####      THIS FILE AND ITS CONTENTS ARE THE PROPERTY OF     #####
#####      OFFSIGHT IT SERVICES LTD.  NO ATTEMPT MUST BE      #####
#####      MADE TO COPY ITS CONTENTS OR USE ELSEWHERE         #####
#####      WITHOUT PERMISSION FROM OFFSIGHT IT SERVICES LTD   #####
#####                                                         #####
###################################################################
#####                                                         #####
#####                  WRITTEN 04/06/2010                     #####
#####                                                         #####
#################################################################*/

/*---START PNG FIX---*/
IMG, DIV { behavior: url(fx-iepngfix.htc); }
/*---END PNG FIX---*/


/*---START MAIN LAYOUT---*/
h1
{
color: #6861b6;
margin: 0px;
font-size: 18pt;
}

.breakLine
{
width: 100%;
height: 2px;
background-color: #6861b6;
overflow: hidden;
float: left;
margin: 10px 0px;
}

body
{
text-align: center;
margin: 0px auto 0px auto;
font-family : arial;
font-size : 1em; 
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-color: #494949;
}

.bgLeft
{
width: 200px;
height: 820px;
left: 0px;
display: inline-block;
background-image: url(images/bg_left.jpg);
background-repeat: no-repeat;
position: absolute;
z-index: 0;
}

.bgRight
{
width: 200px;
height: 820px;
right: 0px;
display: inline-block;
background-image: url(images/bg_right.jpg);
background-repeat: no-repeat;
position: absolute;
z-index: 0;
}

.container
{
width: 1000px;
height: auto;
position: relative;
text-align: left;
margin: 0px auto 0px auto;
display: inline-block;
z-index: 10;
top: 0px;
}

.menu
{
width: 100%;
height: 90px;
float: left;
position: relative;
background-image: url(images/menuBg.png);
font-size: 8pt;
}

.titleTag
{
width: 76%;
height: auto;
position: absolute;
top: 3px;
left: 270px;
font-size: 28pt;
color: #6861b6;
}

.mainTop
{
width: 100%;
height: 13px;
float: left;
position: relative;
background-image: url(images/mainTop.png);
font-size: 8pt;
margin: 10px 0px 0px 0px;
}

.mainMain
{
width: 100%;
height: auto;
float: left;
position: relative;
background-image: url(images/mainBg.png);
text-align: center;
}

.mainInfo
{
width: 98%;
height: auto;
display: inline-block;
text-align: left;
margin: 0px auto 0px auto;
}

.footer
{
width: 100%;
height: 60px;
float: left;
position: relative;
background-image: url(images/footer.png);
font-size: 10pt;
}

.footerComp
{
width: 60%;
height: auto;
display: inline-block;
margin: 5px 0px 0px 10px;
float: left;
}

.footerStamp
{
width: 25%;
height: auto;
display: inline-block;
float: right;
text-align: right;
margin: 25px 10px 0px 0px;
}

.rightColumn
{
float: right;
width: 238px;
}

.rightColumnTop
{
width: 100%;
height: auto;
}
/*---END MAIN LAYOUT---*/


/*---START FLASH TITLE AREA---*/
.flashTitleArea
{
width: 100%;
height: 200px;
float: left;
position: relative;
background-image: url(images/flash.png);
font-size: 8pt;
margin: 10px 0px;
}
/*---END FLASH TITLE AREA---*/


/*---START OPTION BAR---*/
.optionBar
{
padding-top: 10px;
width: 100%;
height: 130px;
display: inline-block;
float: left;
position: relative;
font-family: arial rounded mt bold;
}

.option1
{
width: 246px;
height: 130px;
display: inline-block;
float: left;
background-image: url(images/optionB.png);
margin: 0px 10px 0px 0px;
position: relative;
}

.option2
{
width: 235px;
height: 130px;
display: inline-block;
float: left;
background-image: url(images/optionM.png);
margin: 0px 10px 0px 0px;
position: relative;
}

.option3
{
width: 246px;
height: 130px;
display: inline-block;
float: left;
background-image: url(images/optionY.png);
margin: 0px 5px 0px 0px;
position: relative;
}

.option4
{
width: 244px;
height: 130px;
display: inline-block;
float: right;
background-image: url(images/optionG.png);
margin: 0px 0px 0px 0px;
position: relative;
}

.optionReadMore
{
width: 114px;
height: 29px;
position: absolute;
top: 95px;
left: 120px;
background-image: url(images/button_read_more.png);
}

.optionTitle
{
width: auto;
height: auto;
font-size: 12pt;
position: absolute;
top: 10px;
left: 10px;
}

.optionText
{
width: 180px;
height: auto;
font-size: 9pt;
position: absolute;
top: 40px;
left: 10px;
}
/*---END OPTION BAR---*/


/*---START TESTIMONIAL COLUMN---*/
.testContainer
{
width: 238px;
height: auto;
display: inline-block;
background-image: url(images/testMain.jpg);
float: right;
margin: 5px 0px 5px 0px;
text-align: center;
}

.testTop
{
width: 238px;
height: 59px;
display: inline-block;
background-image: url(images/testTop.jpg);
}

.testTop1
{
width: 238px;
height: 8px;
display: inline-block;
background-image: url(images/testTop1.jpg);
}

.testTitle
{
width: 238px;
height: 63px;
display: inline-block;
background-image: url(images/testTitle.jpg);
position: relative;
}

.testTitleText
{
position: absolute;
top: 10px;
left: 10px;
font-weight: bold;
font-size: 14pt;
text-align: left;
}

.testMain
{
width: 238px;
height: auto;
display: inline-block;
background-image: url(images/testBubble.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-align: center;
}

.testInfo
{
width: 95%;
height: 100%;
display: inline-block;
text-align: left;
}

.testBot
{
width: 238px;
height: 8px;
display: inline-block;
background-image: url(images/testBot.jpg);
}

.testReadMore
{
width: 150px;
height: 29px;
display: inline-block;
float: right;
margin: 0px 10px 0px 0px;
}
/*---END TESTIMONIAL COLUMN---*/


/*---START SERVICES PAGE---*/
.breadcrumbContainer
{
width: 100%;
height: auto;
display: inline-block;
float: left;
position: relative;
margin: 0px;
}

.breadcrumb
{
width: auto;
height: auto;
margin-top: 17px;
float: left;
display: inline-block;
}

.youAreHere
{
width: 40px;
height: 43px;
display: inline-block;
background-image: url(images/youAreHere.png);
float: left;
margin: 5px;
}

.catLinkBg
{
width: 172px;
height: 99px;
display: inline-block;
background-image: url(images/catLinkBg.jpg);
float: left;
margin: 3px;
position: relative;
}

.catLinkTitle
{
width: 95%;
height: auto;
position: absolute;
top: 25px;
left: 5px;
font-family: arial rounded mt bold;
font-size: 10pt;
line-height: 120%;
}

.catText
{
width: 95%;
height: auto;
position: absolute;
top: 5px;
left: 5px;
font-family: arial rounded mt bold;
}

.catReadMore
{
width: 114px;
height: 29px;
position: absolute;
top: 65px;
left: 55px;
background-image: url(images/button_read_more.png);
}
/*---END SERVICES PAGE---*/


/*---START FORM---*/
.formLabel
{
width: 360px;
text-align: right;
position: relative;
display: inline-block;
padding: 10px
}

.formField
{
left: 5px;
text-align: left;
position: relative;
display: inline-block;
padding: 10px
}

.formButton
{
left: 420px;
position: relative;
display: inline-block;
padding: 10px
}

.formInput
{
border: solid 1px #bbbbbb;
background-color: #eeeeff;
font-size: 12pt;
padding: 3px
}

.form
{
width: 850px;
background-color: #ffffff
}
/*---END FORM---*/


.leftAndRightPadding
{
padding-left: 15px;
padding-right: 15px;
padding-top: 5px
}

.pnlLogin
{
width: 450px;
}

.watermark
{
color: Gray;
}

.modalPopup
{
padding: 10px;
border: solid 2px #555555;
background-color : #ffffff
}

.modalBackground
{
background-color: #ffffff;
filter:alpha(opacity=60); /* IE */ opacity: 0.6; /* Safari, Opera */ -moz-opacity:0.60; /* FireFox */
}

.column100
{
float: left;
margin-left: 20px;
width: 100px
}


.redBorder
{
border: solid 2px #ff0000;
}

.breadcrumb
{
font-size: 10pt;
}

.highlight
{
font-weight: bold;
}


.pagecontent
{
float: left;
width: 720px;
margin: 0px 5px 10px 0px;
 line-height: 150%;
 font-size: 1em;
}

.alternate
{
background-color: #cccccc
}

.homepagePanels
{
float: left;
margin-right: 15px;
width: 220px;
}

.menu a
{
padding-right: 10px;
}

.printPortfolioItem
{
float: left;
padding-left: 10px;
text-align: center;
}
.HomePageItem
{
float: left;
padding-left: 20px;
text-align: center;
}
.infoBar 
{
background-image: url(./images/infobar.gif);
height: 20px; width: 1000px;
font-size: 10pt;
margin-top: 3px; margin-bottom:0px;
float: left;
padding-top: 3px;
font-weight: bold;
text-align: center;
}