html
{
overflow-y: scroll;
}

body
{
background-image: url('images/backdrop.png');
background-repeat: repeat;
margin: 0;
padding: 0;
font-family: Helvetica,  arial;
z-index:0;
}

hr
{
margin-left: 5px;
}

a
{
font-size:13px;
}
  
a:link
{
font-size:14px;
color: #5285ce;
}

a:link:hover
{
color: #f39d16;
}

a:visited
{
color: #5285ce;
}

a:visited:hover
{
color: #f39d16;
}

a img
{
border: none;
}

#ops a
{
color: black;
margin-left: 5px;
font-weight: bolder;
font-size:16px;
text-decoration:underline;
}

#ops a:hover
{
color: orange;
}

#b-link a
{
color: #1266f2;
margin-left: 40px;
text-decoration: underline;
font-size:16px;
}

#b-link a:hover
{
text-decoration:underline;
color: orange;
}

#b-link2 a
{
color: #1266f2;
margin-left: 80px;
text-decoration: underline;
font-size:16px;
}

#b-link2 a:hover
{
text-decoration:underline;
color: orange;
}

#ops2 a
{
color: black;
margin-left: 5px;
font-weight: bolder;
text-decoration:underline;
font-size:16px;
}

#ops2 a:hover
{
color: #5285ce;
}
  
p 
{
font-size:13.5px;
line-height: 22px;
margin-left: 10px;
margin-bottom:7px;
}

h1
{
color: black;
font-size: 26px;
z-index:0;
margin-left: 15px;
}

h2
{
text-align: center;
color: black;
font-size:22px;
}

h3
{
color: black;
font-weight: bold;
text-decoration: none;
font-size: large;
margin-left: 5px;
}

h4
{
color: black;
font-weight: bold;
text-decoration: none;
font-size: large;
margin-left: 15px;
}

.top_holder
{
width: 230px;
height: auto;
float: right;
margin-top: 10px;
}

.search_bar
{
width: 260px;
height: 30px;
float: right;
position: relative;
right:20px;
background-image:url("images/search bar-bg.png");
}

.site_map
{
width: 285px;
height: 20px;
float: right;
position: relative;
right:30px;
}

.bottom_text 
{
font-size:12pt; 
color: white;
text-align:center;
margin-right: 25px
}

.site-container
{
margin-left:auto;
margin-right:auto;
width:900px;
height: auto;
box-shadow: 0px 0 15px #696969;
z-index: 8;
background-color: transparent;
}

.head_wrapper
{
margin-left:auto;
margin-right:auto;
width: 900px;
height: 120px;
text-align:center;
background-color: #ffffff;
}

.image-container
{
width:990px;
height: 100px;
position:relative;
bottom: 0px;
left: 15px;
}

.upper-side
{
width: 310px;
height: 60px;
float:left;
text-align: left;
margin-right: 130px;
margin-top: 2px;
}

.upper-side h1
{
position: relative;
bottom: 10px;
margin-top:35px;
color: black;
font-size: 19px;
float: left;
left:40px;
}

.main_wrapper
{
margin-left:auto;
margin-right:auto;
width: 900px;
height: 940px;
text-align:left;
background-color:white;
position: relative;
z-index: 0;
}

.main_wrapper2
{
margin-left:auto;
margin-right:auto;
width: 900px;
height: 690px;
text-align:left;
background-color:white;
position: relative;
z-index: 0;
}

.main_wrapper3
{
margin-left:auto;
margin-right:auto;
width: 900px;
height: 1100px;
text-align:left;
background-color:white;
position: relative;
z-index: 0;
}

.foot_wrapper
{
margin-left:auto;
margin-right:auto;
width: 900px;
height: 130px;
text-align:left;
background-color:#adaeb0;
z-index: 333;
}

.space
{
height: 65px;
width: 250px;
position: relative;
bottom: 15px;
margin-top:10px;
}

.space2
{
height: 20px;
width: 650px;
position: relative;
bottom: 0px;
margin-top:3px;
}

.upperbar
{
height: 30px;
width:900px;
background-image:url('images/navbar.png');
text-align: center;
position: relative;
bottom: 5px;
}

.centre
{
margin-left: 50px;
}

.clear
{
clear: both;
}

.lower_links 
{
float: left;
font-size:12px; 
color: white;
margin-left: 30px;
position: relative;
bottom: 3px;
}

.lower_links2
{
float: right;
font-size:12px; 
color: white;
margin-right: 30px;
position: relative;
top: 90px;
}

.info-container
{
float:right;
width: 870px;
height: 913px;
position: relative;
bottom: 5px;
z-index:0;
text-align:center;
background-color: #ffffff;
}

.info-container2
{
float:right;
width: 870px;
height: 663px;
position: relative;
bottom: 5px;
z-index:0;
background-color: #ffffff;
}

.info-container3
{
float:right;
width: 870px;
height: 1073px;
position: relative;
bottom: 5px;
z-index:0;
background-color: #ffffff;
}

.left-side
{
width: 240px;
height: auto;
float:left;
margin-top: 25px;
text-align: center;
}

.left-side2
{
width: 355px;
height: auto;
float:left;
margin-top: 7px;
margin-left: 2px;
text-align: left;
margin-bottom:10px;
}

.left-side2-2
{
width: 260px;
height: auto;
float:left;
margin-top: 7px;
margin-left: 2px;
text-align: left;
margin-bottom: -25px;
}

.left-side3
{
width: 270px;
height: auto;
float:left;
text-align: left;
margin-bottom: 30px;
}

.mid-side
{
width: 300px;
height: 250px;
float:left;
margin-left: 30px;
margin-top: 45px;
text-align: center;
border-width: 0px 2px 0px;
border-color: #c6c6c6;
border-style: solid;
}

.right-side
{
width: 250px;
height: auto;
float:left;
margin-top: 45px;
margin-left: 15px;
text-align: center;
}

.right-side2
{
width: 460px;
height:250px;
float:right;
margin-top: 30px;
margin-left: 15px;
text-align: left;
}

.right-side2 img
{
width: 455px;
height:250px;
}

.right-side3
{
width: 360px;
height: 290px;
float:right;
margin-top: 0px;
text-align: left;
}

.right-side4
{
width: 380px;
height: auto;
float:right;
margin-top: 0px;
text-align: left;
}

.right-side5
{
width: 300px;
height: 200px;
float:right;
margin-top: 0px;
text-align: left;
position: relative;
bottom: 55px;
right: 25px;
}


.right-sidep
{
width: 460px;
height:640px;
float:right;
margin-top: 30px;
margin-left: 15px;
text-align: left;
}

.right-sidep img
{
width: 455px;
height:640px;
}

.textbox
{
width: 845px;
height: auto;
position: relative;
top: 5px;
left:2px;
z-index:0;
text-align:left;
float:left;
}

.projbox
{
width: 700px;
height: auto;
position: relative;
top: 40px;
left: 15px;
z-index:0;
}

.prj_holder
{
float:left;
width: 200px;
height: 150px;
text-align:center;
margin-right:20px;
margin-bottom: 40px;
background-color: #5285ce;
border-radius: 10px;
border-width:0px;
border-color:transparent;
border-style: solid;
}

.prj_holder a  
{
text-align:center;
font-size:13px;
color: white;
text-decoration:none;
position: relative;
top: 5px;
font-weight: bold;
}

.news-container
{
float:left;
width: 210px;
height: auto;
position: relative;
top: 25px;
left: 10px;
}

.newsbar
{
width: 211px;
height: 30px;
color: white;
text-align: center;
background-image:url('images/newsbar.png');
border-radius: 5px 5px 0px 0px;
border-width:0px;
border-color:grey;
border-style: solid;
}

.newsbar a
{
position: relative;
top: 5px;
}

.news-info
{
width: 209px;
height: auto;
color: black;
background-color: #ffffff;
border-style: solid;
border-width: 0px 1px 1px;
border-color: gray;
border-radius: 0px 0px 5px 5px;
}

.news-info h3
{
margin-top: 0px;
}

.news-info h3 a
{
color: black;
}

.news-space
{
height: 10px;
width: 200px;
}

.news_holder2
{
width: 835px;
height: 170px;
color: black;
position: relative;
top: 0px;
bottom: 20px;
float: right;
}

.news_title2
{
width: 590px;
height: 35px;
float: right;
position: relative;
left:5px;
bottom: 15px;
}

.news_title2 h3
{
font-weight: bold;
font-size: 20px;
color: black;
text-align: left;
text-decoration: none;
}

.news_date2
{
width: 120px;
height: 35px;
font-size: 14px;
float: right;
text-align: left;
position: relative;
top: 5px;
left:10px;
text-decoration: underline;
font-weight: bold;
}

.news_desc2
{
width: 690px;
height: auto;
color: black;
font-size: 15px;
margin-left: 5px;
margin-right:5px;
position: relative;
top:5px;
line-height: 17px;
float:right;
}

.news_holder3
{
width: 850px;
height: 150px;
color: black;
position: relative;
top: 10px;
}

.news_title3
{
width: 450px;
height: 35px;
float: left;
position: relative;
left:5px;
bottom: 10px;
}

.news_title3 h3
{
font-weight: bold;
font-size: 22px;
color: black;
text-decoration: none;
}

.news_date3
{
width: 200px;
height: 35px;
font-size: 16px;
float: right;
text-align: right;
position: relative;
right: 10px;
text-decoration: underline;
font-weight: bold;
}

.news_desc3
{
width: 800px;
height: auto;
color: black;
font-size: 17px;
margin-left: 5px;
margin-right:30px;
position: relative;
top:10px;
line-height: 20px;
font-weight: lighter;
}

.ddcontainer
{
width: 100px;
height: 25px;
text-align: center;
background-color: #5285ce;
border-radius: 5px;
border-width:0px;
border-color:transparent;
border-style: solid;
position:relative;
bottom:40px;
float:right;
margin-left:auto; 
margin-right:auto;
margin-top: 70px;
right: 300px;
}

.ddcontainer a
{
font-size:12pt; 
color: white;
text-decoration: none;
position: relative;
}

.ddcontainer a link
{
font-size:14pt; 
color: white;
text-decoration: none;
}

.ddcontainer a:hover
{
font-size:12pt; 
color: orange;
text-decoration: none;
}

.product_holder
{
width: 710px;
height: 250px;
position: relative;
top: 20px;
left: 20px;
z-index:0;
text-decoration: none;
}

.prd_img img
{
width:280px;
height: 243px;
position: relative;
top: 3px;
right: 3px;
text-decoration: none;
float:left;
}

.prd_info
{
width:380px;
height: 243px;
position: relative;
bottom: 5px;
right: 30px;
float: right;
}

.prd_header h5
{
width:250px;
height: 30px;
position: relative;
left: 15px;
bottom: 15px;
float: left;
text-align: left;
color: black;
font-size: 17px;
}

.prd_text 
{
width:460px;
height: 210px;
position: relative;
right: 0px;
bottom: 50px;
float: left;
line-height: 15px;
}

.srch_holder
{
width: 850px;
height: 170px;
color: black;
position: relative;
top: 0px;
bottom: 20px;
left:30px;
float: right;
}

.srch_title
{
width: 630px;
height: 35px;
float: right;
position: relative;
left:5px;
bottom: 10px;
}

.srch_title h3
{
font-weight: bold;
font-size: 20px;
color: black;
text-align: left;
text-decoration: none;
}

.srch_date
{
width: 120px;
height: 35px;
font-size: 14px;
float: left;
text-align: right;
position: relative;
right: 10px;
top: 10px;
text-decoration: underline;
font-weight: bold;
}

.srch_desc
{
width: 730px;
height: auto;
color: black;
font-size: 15px;
margin-left: 5px;
margin-right:5px;
position: relative;
line-height: 17px;
top: 10px;
float:left;
}

.srch_read
{
height: 40px;
width: 170px;
float:right;
text-align: right;
margin-right: 20px;
cursor: pointer;
position: relative;
top: 3px;
}

.srch_read a
{
color: #5285ce;
text-decoration: none;
}

.srch_read a:hover
{
text-decoration: underline;
color: #f39d16;
}

#menu
{
padding:0;
margin:0;
z-index: 5;
}

#menu li
{
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
z-index: 5;
}

#menu li a
{
width: 118px;
height: 30px;
position: relative;
display: block;
text-decoration:none;
text-align: center;
line-height: 30px;
color: white;
font-weight: bold;
z-index: 5;
right:30px;
letter-spacing:0.5px;
}

#menu li a.app
{
width: 141.5px;
height: 30px;
position: relative;
display: block;
text-decoration:none;
text-align: center;
line-height: 30px;
color: white;
font-weight: bold;
z-index: 5;
right:30px;
letter-spacing:0.5px;
font
}

#menu li a:hover
{
background-image:url('images/nav-hov.png');
color: black;
z-index: 5;
}

#menu div
{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
width: 148px;
height: 30px;
z-index: 5;
border-width: 0px 1px 1px 0px;
border-color: black;
}

#menu div a
{
display: block;
width: 148px;
height: 30px;
text-align: center;
text-decoration: none;
background-color: #5285CE;
color: white;
z-index: inherit;
}

#menu div a:hover
{
color: black;
cursor: pointer;
background-color: orange;
z-index: inherit;
position: relative;
}

#menu div a:last-child
{
position: relative;
display: block;
text-align: center;
text-decoration: none;
background-color: #5285CE;
border-bottom-left-radius: 10px;
border-bottom-right-radius:10px;
border-width:0px;
border-style: solid;
z-index: inherit;
}

#menu div a:last-child:hover
{
background-color: orange;
color: black;
z-index: inherit;
position: relative;
}

#menu2
{
padding:0;
margin:0;
z-index: 30;
position:relative;
top: 10px;
}

#menu2 li
{
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
}

#menu2 li a
{
width: 65px;
height: 15px;
position: relative;
display: block;
text-decoration:none;
text-align: center;
line-height: 15px;
font-size:12px;
color: white;
top: 10px;
left: 330px;
font-weight:bold;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #cecece;
}

#menu2 li a.last4
{
width: 65px;
height: 15px;
position: relative;
display: block;
text-decoration:none;
text-align: center;
line-height: 15px;
font-size:12px;
color: white;
top: 7px;
font-weight:bold;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #cecece;
}

#menu2 li a.app
{
width: 100px;
height: 15px;
position: relative;
display: block;
text-decoration:none;
text-align: center;
line-height: 15px;
font-size:12px;
color: white;
top: 7px;
font-weight:bold;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #cecece;
}

#menu2 li a:hover
{
color: #f39d16;
}

#menu2 li a.first-child
{
border-left-width: 0px !important;
position: relative;
top: 7px;
}

#menu3
{
padding:0;
margin:0;
z-index: 30;
}

#menu3 li
{
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
}

#menu3 li a
{
width: 75px;
height: 15px;
position: relative;
display: block;
text-decoration:none;
text-align: center;
line-height: 15px;
font-size:12px;
color: black;
font-weight:bold;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #cecece;
}

#menu3 li a:hover
{
color: #f39d16;
}

#menu3 li a.first-child
{
border-left-width: 0px !important;
}


#menu3 div
{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
width: 140px;
height: 30px;
}

#menu3 div a
{
position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
text-align: left;
text-decoration: none;
background-color: #5285CE;
color: white;
border-left-style: solid;
border-left-width: 1px;
border-left-color: black
}

#menu3 div a:hover
{
background-image:url('images/navbar-hov.png');
}

#image
{
position:relative;
left: 10px;
bottom: 10px;
float: left;
top: 22px;
}

#image2
{
position:relative;
bottom: 0px;
float: left;
top: 22px;
left: 20px;
}

#image3
{
position:relative;
float: right;
top: 4px;
right:4px;
}

#image5
{
position:relative;
float: right;
top: 4px;
right:4px;
left: 155px;
}

#image4
{
border-radius: 5px;
border-width:0px;
border-color:transparent;
border-style: solid;
margin-left: 30px;
width: 520px;
}

#image6
{
position:relative;
top: 25px;
right: 40px;
}

#image7
{
position:relative;
top: 25px;
right: 40px;
left: 0px;
}

#image8
{
position:relative;
left: 40px;
}

#image9
{
position:relative;
left: 60px;
border-radius: 10px;
border-width:0px;
border-color:transparent;
border-style: solid;
}

#image11
{
position:relative;
right: 40px;
top:15px;
border-radius: 5px;
border-width:0px;
border-color:transparent;
border-style: solid;
width:450px;
height:320px;
float:right;
}

#image10
{
position:relative;
bottom: 25px;
right: 90px;
left: 0px;
}

#image12
{
border-radius: 5px;
border-width:0px;
border-color:transparent;
border-style: solid;
width:140px;
height:110px;
float:right;
margin-top:8px;
}

#dd
{
position: relative;
top: 40px;
}

#dd2
{
position: relative;
bottom: 70px;
}

form input
{
height: 20px;
width: 209px;
line-height: 10px;
border: 1px;
margin-top:4px;
float: right;
margin-right: 9px;
border-color: white;
border-style: solid;
border-width: 0px;
background-color: transparent;
}

form input.email
{
height: 20px;
width: 220px;
line-height:19px;
border: 1px;
margin-top:4px;
margin-left: 9px;
background-image:none;
border-color: grey;
border-style: solid;
border-width: 1px;
background-color: #eaeaea;
float: none;
}

form input.srch
{
height: 20px;
width: 209px;
line-height: 10px;
margin-top:4px;
float: right;
margin-right: 9px;
border-radius: 7px;
border-width:0px;
border-color: black;
border-style: solid;
background-image:none;
background-color: #E0E0E0 ;
}

form textarea
{
height: 100px;
width: 300px;
line-height: 10px;
border: 1px;
margin-top:4px;
margin-left: 9px;
background-image:none;
border-color: grey;
border-style: solid;
border-width: 1px;
background-color: #eaeaea;
float: none;
}

form label
{
font-weight:bold;
text-align:right;
width:163px;
float:left;
font-size:15px;
color: #417fd9;
margin-top: 3px;
margin-right:5px;
line-height: 30px;
margin-left:2px;
}

.button
{
height: 18px;
width: 18px;
background-image: none;
}

form button
{
height: 25px; 
margin-top: -5px;
margin-left: 200px;
margin-right: 5px;
}