@charset "utf-8";
/* CSS Document */

/*div {
border: 1px solid green;
}*/
* {
margin: 0;
padding: 0;
}
body {
background-color: #0d0d0d;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3b3939;
text-align: center;
}

table {width: 100%}
a {
text-decoration: none;
}
li {
margin: 10px 0 0 170px;
font-size: 13px;
}
#wrapper {
width: 855px;
height: auto;
margin: 0 auto;
padding: 0;
text-align: left;
}
#wrapper2 {
width: 830px;
height: auto;
margin: 0 auto;
padding: 0;
text-align: left;
}
#main_con {
background-color: white;
width: 830px;
height: auto;
}
#header {
background-color: white;
width: 830px;
height: 307px;
padding-top: 25px;
padding-bottom: 0px;
}

#top_title {
width: 400px;
height: 35px;
position: relative;
z-index: 3;
margin-left:  20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 26px;
color: #1014a7;
}
#top_nav {
background-color: white;
width: 650px;
height: 25px;
position: relative;
z-index: 3;
margin-top: 17px;
margin-left: 20px;
}
a.home {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #9f7904;
float: left;
margin-top: 5px;
}
a.home:hover {
background-color: #f6e9d2;
}
a.navs {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #9f7904;
margin-left: 20px;
float: left;
margin-top: 5px;
}
a.navs:hover {
background-color: #f6e9d2;
}
#top_image1 {
background-image: url(images/top_image1.png);
background-repeat: no-repeat;
width: 830px;
height: 203px;
/*position: relative;
z-index: 3px;*/
margin-top: 27px;
}
#top_image2 {
background-image: url(images/top_image2.png);
background-repeat: no-repeat;
width: 830px;
height: 203px;
/*position: relative;
z-index: 3px;*/
margin-top: 27px;
}
#top_image3 {
background-image: url(images/top_image3.png);
background-repeat: no-repeat;
width: 830px;
height: 203px;
/*position: relative;
z-index: 3px;*/
margin-top: 27px;
}
#top_image4 {
background-image: url(images/banner3.jpg);
background-repeat: no-repeat;
width: 830px;
height: 203px;
/*position: relative;
z-index: 3px;*/
margin-top: 27px;
}
#top_image5 {
background-image: url(images/banner4.jpg);
background-repeat: no-repeat;
width: 830px;
height: 203px;
/*position: relative;
z-index: 3px;*/
margin-top: 27px;
}
#top_image6 {
background-image: url(images/banner5.jpg);
background-repeat: no-repeat;
width: 830px;
height: 203px;
/*position: relative;
z-index: 3px;*/
margin-top: 27px;
}
#main_nav {
background-image: url(images/main_nav.jpg);
background-repeat: no-repeat;
position: relative;
z-index: 10;
width: 171px;
height: 282px;
margin-right: -25px;
_margin-right: -25px;
margin-top: -334px;
float: right;
}
#main_nav_con {
width: 170px;
height: 240px;
margin-top: 10px;
/*border: 1px solid red;*/
z-index: 10;
position: relative;
}
a.logo {
background-image: url(images/logo.png);
background-repeat: no-repeat;
width: 170px;
height: 75px;
position: relative;
float: left;
margin-bottom: 25px;
}
a.logo:hover {
background-image: url(images/logo_hover.png);
background-repeat: no-repeat;
width: 170px;
height: 75px;
position: relative;
float: left;
margin-bottom: 25px;
}
a.about {
background-image: url(images/about.png);
background-repeat: no-repeat;
width: 80px;
height: 17px;
position: relative;
float: left;
margin-left: 30px;
margin-top: 16px;
}
a.about:hover {
background-image: url(images/about_hover.png);
background-repeat: no-repeat;
width: 80px;
height: 17px;
position: relative;
float: left;
margin-left: 30px;
margin-top: 16px;
}
a.website {
background-image: url(images/website.png);
background-repeat: no-repeat;
width: 80px;
height: 17px;
position: relative;
float: left;
margin-left: 30px;
margin-top: 16px;
}
a.website:hover {
background-image: url(images/website_hover.png);
background-repeat: no-repeat;
width: 80px;
height: 17px;
position: relative;
float: left;
margin-left: 30px;
margin-top: 16px;
}
a.tech {
background-image: url(images/tech1.jpg);
background-repeat: no-repeat;
width: 94px;
height: 15px;
position: relative;
float: left;
margin-left: 30px;
margin-top: 16px;
}
a.tech:hover {
background-image: url(images/tech.png);
background-repeat: no-repeat;
width: 94px;
height: 15px;
position: relative;
float: left;
margin-left: 30px;
margin-top: 16px;
}
a.document {
background-image: url(images/document.png);
background-repeat: no-repeat;
width: 80px;
height: 17px;
position: relative;
float: left;
margin-left: 30px;
margin-top: 16px;
}
a.document:hover {
background-image: url(images/document_hover.png);
background-repeat: no-repeat;
width: 80px;
height: 17px;
position: relative;
float: left;
margin-left: 30px;
margin-top: 16px;
}
#content_con {
background-color: yellow;
width: 830px;
height: auto;
display:inline;
float: left;
background-color: white;
position: relative;
z-index: 3;
}
#sub_menu {
clear: both;
width: 580px;
height: auto;
background-color: white;
margin: 20px 0 40px 0;
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
}
a.sub_menu_link {
color: #1014a7;
text-decoration: underline; 
}
#intro {
width: 560px;
height: auto;
margin: 0 0 0 25px;
_margin: 0 0 0 12px;
padding: 20px 30px 70px 0;
_padding: 20px 20px 70px 0;
float: left;
border-right: 1px solid #dbdbda;
}
#intro_title {
color: #ad291c;
font-size: 22px;
}
#paragraph {
width: 550px;
font-size: 12px;
margin-top: 15px;
margin-bottom: 50px;
line-height: 1.5em;
}
#paragraph3{
width: 550px;
font-size: 12px;
margin-top: 15px;
margin-bottom: 50px;
line-height: 1.5em;
}
#short_cut {
width: 180px;
height: auto;
margin-top: 40px;
margin-left: 20px;
float: left;
}
a.short_cut_link {
color: #ac8b25;
font-family: Megano-Regular,Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
#deco_long {
background-image: url(images/deco_long.jpg);
background-repeat:  repeat-y;
width: 83px;
margin: 180px 0 0 747px;
position: relative;
z-index: 10;
/*height:500px;*/
}
#footer {
clear: both;
width: 830px;
height: 110px;
margin: auto;
margin-right: 30px;
}

#bottom {
width: 830px;
height: 50px;
/*position: relative;
z-index: 3px;*/
}
#decoration {
width: 223px;
height: 251px;
position: relative;
z-index: 10;
float: right;
margin-top: -251px;
}
p.copyright {
width: 830px;
height: auto;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 30px;
margin-left: 30px;
}
/*-----------------------------------------------------------------------about_hosting page ---------------------------------*/
#hosting_title {
width: 300px;
height: auto;
text-indent: 0;
background-color:white;
color: #9f7904;
font-size: 16px;
font-weight: 400;
}
#hosting_text {
width: 500px;
height: auto;
text-indent: 0;
margin: 20px 0 0 20px;
background-color:white;
}
#hosting_cost {
width: 100px;
height: auto;
text-indent: 0;
margin: 20px 0 0 430px;
background-color: white;
color: #9f7904;
font-size: 14px;
font-weight: 300;
}
#back_button_container {
clear: both;
width: 70px;
height: auto;
margin: 0 0 50px 520px;
}
a.back_button {
color: #0f0bbf;
font-size: 14px;
text-decoration: underline; 
}

p#download_button {
background-image: url(images/button.jpg);
background-repeat: no-repeat;
width: 82px;
height: 23px;
font-size: 12px;
margin: 10px 0 30px 400px;
padding: 2px 0 0 12px;
color: #fff;
}
/*---------------------------------------------------Website Development page-------------------------------------------------*/
p#development_progress {
width: 500px;
height: auto;
margin: 30px 0 0 0;
}
p#development_title {
width: 300px;
height: 26px;
font-weight: 400;
font-size: 15px;
margin: 10px 0 0 0;
padding: 3px 0 0 10px;
color: #9f7904;
}
p#development_detail {
width: 510px;
height: auto;
margin: 10px 0 0 20px;
}

/*-------------------------------------------------subnav_container----------------------------*/
#subnav_container {
width: 530px;
height: auto;
background-color: #cae5f1;
margin: 15px 0 20px 0;
float: left;
padding: 5px 0 5px 0;
}
#subnavs {
float: left;
margin-left: 10px;
font-weight: 400;
}
a.subnav_link {
color: #8B0000;
font-family: Megano-Regular,Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
a.subnav_link:hover {
background-color: white;
}


/*---------------------------------------------------------------------- client page-------------------------------*/

#login_content {
background-color: white;
width: 830px;
height: 400px;
margin: 0 auto;
}
#login_logo {
width: 125px;
height: 70px;
padding: 40px 0 0 50px;
position: relative;
float: left;

}
table#login_table {
width: 300px;
height: auto;
margin: 50px 0 0 280px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #181ca0;
line-height: 2em;
}
img#login_button {
width: 46px;
height: 21px;
margin: 0 0 0 97px;
}
table#login_table2 {
width: 380px;
height: auto;
margin: 180px 0 0 60px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #181ca0;
line-height: 2.5em;
position: relative;
float: left;
}

#hosting_content {
background-color: white;
width: 830px;
height: auto;
margin: 0 auto;
}
table#hosting_table {
width: 700px;
height: auto;
clear: both;
margin: 10px 0 0 60px;
padding-bottom: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a.admin {
text-decoration: underline;
}