@font-face {
 font-family: 'ChunkFiveRegular';
 src: url('http://www.garlandsoftworx.com/css/fonts/Chunkfive.eot');
 src: local('ChunkFive'), local('ChunkFive'), url('http://www.garlandsoftworx.com/css/fonts/Chunkfive.woff') format('woff'), url('http://www.garlandsoftworx.com/css/fonts/Chunkfive.ttf') format('truetype'), url('http://www.garlandsoftworx.com/css/fonts/Chunkfive.svg#ChunkFive') format('svg');
}
 @font-face {
 font-family: 'SansationRegular';
 src: url('http://www.garlandsoftworx.com/css/fonts/Sansation_Regular.eot');
 src: local('Sansation'), local('Sansation'), url('http://www.garlandsoftworx.com/css/fonts/Sansation_Regular.woff') format('woff'), url('http://www.garlandsoftworx.com/css/fonts/Sansation_Regular.ttf') format('truetype'), url('http://www.garlandsoftworx.com/css/fonts/Sansation_Regular.svg#Sansation') format('svg');
}
 @font-face {
 font-family: 'SansationLight';
 src: url('http://www.garlandsoftworx.com/css/fonts/Sansation_Light.eot');
 src: local('Sansation'), local('Sansation-Light'), url('http://www.garlandsoftworx.com/css/fonts/Sansation_Light.woff') format('woff'), url('http://www.garlandsoftworx.com/css/fonts/ansation_Light.ttf') format('truetype'), url('http://www.garlandsoftworx.com/css/fonts/Sansation_Light.svg#Sansation-Light') format('svg');
}
 @font-face {
 font-family: 'SansationBold';
 src: url('http://www.garlandsoftworx.com/css/fonts/Sansation_Bold.eot');
 src: local('Sansation'), local('Sansation-Bold'), url('http://www.garlandsoftworx.com/css/fonts/Sansation_Bold.woff') format('woff'), url('http://www.garlandsoftworx.com/css/fonts/Sansation_Bold.ttf') format('truetype'), url('http://www.garlandsoftworx.com/css/fonts/Sansation_Bold.svg#Sansation-Bold') format('svg');
}

/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
    display: block;  
}

body {
 background-color:#EEEEEE margin:0px;
	margin: 0 auto; 
        /* margin-left: 0 auto; */ 
        /* margin-right: 0 auto; */
	border-style: none;
	font-family: SansationRegular;
        /* font: 12px Corbel, Arial, Helvetica, sans-serif; */
	font-size: 13px;
	line-height: 1.2em;
	text-align: left;
	position: relative; /* absolute; */
        width: 900px;
	color: #666666;
}
a:link {
	text-decoration: none;
	color: #485C98;   /* #d3d3d3; */   /* blue; */   /* white; */
}
a:hover {
	text-decoration: underline;
        color: #687FC0;
}
h1 {
	font-size: 1.7em;
	font-family: SansationBold;
	font-weight: bold;
        color:       #5253d2; /* #2d2fa9;*/ /* #4041ba;*/  /* #a6b6c6; */
	text-align: left;
} 
h2 {
	font-size: 1.3em;
	font-family: SansationBold;
	font-weight: bold;
        color:       #7677b8; /* #5253d2;*/   /* #5354ad; */
	text-align: left;
}
h3 {
	font-size: 1.2em;
	font-family: SansationLight;
	font-weight: bold;
        color:       brown; /*#5253d2;*/   /* #5354ad; */
	text-align: left;
}
h4 {
	font-size: 1.1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
}
h5 {
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
}

.topSection {
	border-style: solid;
	border-color: #f1f1fd; /* white; */ /* #333333;*/
	background-color: #f1f1fd; /* #ffffff; #333333;*/  /* #989898;*/
	position: absolute;
	left: 10px;   /* 100px */
	top: 10px;
	width: 900px; 
	height: 120px; /* 80px */
	z-index: 1
}

.leftSection {
	border-style: solid;
	border-color:  #333333;
	background-color: #989898;  /* #333333; */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 150px;  /* 230px; */
	height: 1000px;
	z-index: 1
}

.navigationStyle {
	color:#CCCCCC;
	font-family: ChunkFiveRegular;
	font-size: 16px;
	font-weight: bolder;
	line-height: 35px;
	letter-spacing: normal;
	position: absolute;
	left: 125px;  /* 100px; */ /* -300px; */
	top: 100px;    /* 165px; */
	width: 850px;  /* 450px; */
	height: 80px;
	z-index: 4;
        /**
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);   
        transform: rotate(270deg);
        **/
}
.navigationStyle a {
	color:#CCCCCC;
}
.navigationStyle a.link {
	text-decoration: underline;
}
.HRstyleOld {
	color: #808080;
	border-style: dotted;
	height: 450px;
	width: 1px;
}

.HRstyle {
	color:  #808080;
	border-style: solid;  /* dotted; */
	height:1px;   /* 450px; */
	width: 750px;  /* 1px;*/
}
.companyNameStyle {
	color:  #112083;  /* #4445b0; #b6b6b6; */  /* #FFFFFF; */
	font-family: SansationBold, Arial San-serif;  /* ChunkFiveRegular; */
	font-size: 45px;
	font-weight: bolder;
	line-height: 35px;
	letter-spacing: normal;
	position: absolute;
	left: 160px;  /* 130px;  -50px; */
	top:  38px; /* -20px; */   /* 150px; */
	width: 600px;   /* 450px; */
	height: 40px;   /* 80px; */
	z-index: 4;
        /**
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
        -o-transform: rotate(270deg); 
        -ms-transform: rotate(270deg);   
        transform: rotate(270deg);
        **/
}

.companyNameSubtextStyle {
	color: brown; /* white;*/ /* gray; */   /* #FFFFFF; */
	font-family: SansationBold; /* ChunkFiveRegular; */
	font-size: 18px;
	font-weight: bolder;
	line-height: 20px;
	letter-spacing: normal;
	position: absolute;
	left: 165px; 
	top:  100px;   
	width: 600px;  
	height: 20px;  
	z-index: 4;
        /**
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
        -o-transform: rotate(270deg); 
        -ms-transform: rotate(270deg);   
        transform: rotate(270deg);
        **/
}


.companyLogoStyle {
	color: #112083;  /* #4445b0; #b6b6b6; */    /* #FFFFFF; */
	font-family: ChunkFiveRegular;
	font-size: 25px;
	font-weight: bolder;
	line-height: 35px;
	letter-spacing: normal;
	position: absolute;
	left: 60px;  /* -50px; */
	top: -5px;    /* 150px; */
	width: 100px;   /* 450px; */
	height: 40px;   /* 80px; */
	z-index: 4;
        /**
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
        -o-transform: rotate(270deg); 
        -ms-transform: rotate(270deg);   
        transform: rotate(270deg);
        **/
}

.companyLogoSubtextStyle {
	color: grey;  /* orange;*/    /* #FFFFFF; */
	font-family: ChunkFiveRegular;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: normal;
	position: absolute;
	left: 60px; 
	top:  35px;   
	width: 200px;  
	height: 20px;  
	z-index: 4;
        /**
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
        -o-transform: rotate(270deg); 
        -ms-transform: rotate(270deg);   
        transform: rotate(270deg);
        **/
}

.simpleTab { 
       font-family: Arial, Helivetica, sans-serif;
       font-size: 14px;
       background-color: #fdecdb; /* #e6eaf4;*/ /* #d7deed;*/ /* #ffff00; */
       display:block;
       width: 165px;
       margin-left:1px;
       padding-left:10px;
       border: 2px solid #9aaedc; /* #ff0000; */
       text-decoration: none;
       font-weight: bold; 

       /* add shadow
       -moz-box-shadow: 10px 10px 20px #000; 
       -webkit-box-shadow: 10px 10px 20px #000; 
       tab-shadow: 10px 10px 20px #000; 
       */
       // behavior: url(http://www.garlandsoftworx.com/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'simpleTab' class */
       
      -o-top-border-right-radius: 10px;
      -o-bottom-border-right-radius: 10px;
      -moz-top-border-radius: 10px;       /* for Mozilla/Firefox */
      -moz-bottom-border-radius: 10px;
      -ms-top-border-radius: 10px;        /* for Opera, IE,..*/
      -ms-bottom-border-radius: 10px;
      -webkit-top-border-radius: 10px;    /* for Safari and Chrome */
      -webkit-bottom-border-radius: 10px;
       border-top-right-radius: 10px;     /* for Opera, IE,..*/
       border-bottom-right-radius: 10px;
      
 }

.simpleTab:hover { 
       background-color: #365294; /* #135365; */ /* #ff0000; */
       border: 2px solid #9aaedc; /* #ffff00; */
       color: #ffff00;
 }

.newsAside {
	position: absolute;
	left: 740px;
	top: 200px;
	width: 150px;
	height: 190px;
	z-index: 6;
	background-color: #808080;
	color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
        border-radius: 10px;
	padding: 5px;
	font-family:SansationLight;
}
.headerStyle {
	text-align: right;
	position: absolute; /* relative; */
	left: 700px;  /* 690 */ /* 560px; */
	top: 50px;  /* 150px */
	width: 255px; /* 255px; */
	height: 25px;
	z-index: 4
}
INPUT {
	font-family:arial;
	font-family:SansationLight;
	font-size:9pt;
	font-weight:bold;
	background-color:336699;
	border-color:336699;
	border-style:solid;
	border-width:2px;
	color:gray;
        height:20px ;
        -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
        border-radius: 10px;
}
.Copyright {
	text-align: center;  /* right; */
}
.footerStyle {
	font-family: Tahoma, Geneva, Verdana, ariel, SansationLight;
        background-color: #bcbdea;
        color: #brown; 
	position: relative; /* absolute; */
	left: 10px;  /* 50px; */ /* 415px; */
	top: 920px;
	width: 900px;
	height: 40px;
	z-index: 5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
        border-radius: 10px;
	padding: 5px;
}
.sectionOne {
	position: absolute;
	left: 355px;
	top: 105px;
	width: 1px;
	height: 60px;
	z-index: 3;
}
/**
.sectionTop {
	position: absolute;
	left: 80px;
	top: 1px;
	width: 620px;
	height: 60px;
	z-index: 3;
}
**/