/*  ------------------------------------------------ GLOBAL  */

BODY{
background-color: #ffffff;
font-family: Verdana, Arial;
font-size: 8pt;
margin: 0px auto;
text-align: center;
color: #434343;
}

.borderless {border: 0px;}

.clear {clear: both;}

span.gap{font-size: 3pt;}
span.gapLinks{font-size: 7pt;}
span.gray{color: #c0c0c0;}
span.orange{color:#FF9900;}
span.red{color:red;}


a:link {color: #283d76; text-decoration: none;}
a:visited {color: #283d76; text-decoration: none;} 
a:active {color: #283d76; text-decoration: none;}
a:hover {color: #ff9900; text-decoration: none;}

/*  --------------------------------------------------- TOP  */

#bgTop{
background-image: url('../images/top-bg.jpg');
background-position: top center;
background-repeat: no-repeat;
}

.topHeading{
margin: 0px auto;
height: 74px;
width: 860px;
text-align: right;
}

.topHeading h1{
margin: 0px;
padding: 16px 0px 0px 0px;
text-align: right;
font-family: Arial, Verdana; 
color: #283D76;
font-size: 14pt;
}

.topStrip{
margin: 0 auto;
background-image: url('../images/top-strip.jpg');
background-position: top center;
background-repeat: no-repeat;
height: 203px;
text-align: center;
}

#flash{
margin: 0px;
padding: 0px;
height: 200px;
width: 600px;
}

ul{
list-style-type: none;
padding: 0px;
margin: 0px;
margin-left: 30px;
margin-right: 42px;
} 

li{
background-image: url("../images/bullet.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 25px;
font-size: 8pt;
}

/* -------------------------------------------------------- NAV */

#topNav{
margin: 0 auto;
padding-left: 3px;
height: 19px;
text-align: center;
width: 861px;
}

a.nav107:link, a.nav107:visited {
float: left;
display: block;
background: url('../images/button107.jpg') no-repeat;
font-family: arial;
font-size: 6.5pt;
font-weight: normal;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 19px !important;
height: 19px;
width: 107px;
text-decoration: none;
line-height: 19px;
}

a.nav107:hover {
background-position: 0px -19px;
text-decoration: none;
color: #fff;
}

a.nav107#active_menu {
color:#fff;
font-weight: bold;
}

a.nav107#active_menu:hover {
color: #fff;
}

a.nav108:link, a.nav108:visited {
float: left;
display: block;
background: url('../images/button108.jpg') no-repeat;
font-family: arial;
font-size: 6.5pt;
font-weight: normal;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 19px !important;
height: 19px;
width: 108px;
text-decoration: none;
line-height: 19px;
}

a.nav108:hover {
background-position: 0px -19px;
text-decoration: none;
color: #fff;
}

a.nav108#active_menu {
color:#fff;
font-weight: bold;
}

a.nav108active_menu:hover {
color: #fff;
}

/*  -------------------------------------------------- MAIN  */


#page{
margin: 0 auto;
width: 859px;
text-align: left;
}

.pageHome{
background-image: url('../images/bg-us.jpg');
background-position: top center;
background-repeat: no-repeat;
text-align: center;
}

.pageWebdesign{
background-image: url('../images/bg-webdesign.jpg');
background-position: top center;
background-repeat: no-repeat;
text-align: center;
}

.pageMultimedia{
background-image: url('../images/bg-multimedia.jpg');
background-position: top center;
background-repeat: no-repeat;
text-align: center;
}

.pageGraphicdesign{
background-image: url('../images/bg-graphicdesign.jpg');
background-position: top center;
background-repeat: no-repeat;
text-align: center;
}

.pageThemes{
background-image: url('../images/bg-themes.jpg');
background-position: top center;
background-repeat: no-repeat;
text-align: center;
}

.pageWebhosting{
background-image: url('../images/bg-webhosting.jpg');
background-position: top center;
background-repeat: no-repeat;
text-align: center;
}

.pageWebhosting{

background-position: top center;
background-repeat: no-repeat;
text-align: center;
}

#page h2{
margin: 0px 30px 0px 0px;
text-align: right;
font-family: Arial, Verdana; 
font-size: 12pt;
color: #000000;
}

#page h3{
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Verdana;
font-size: 10pt; 
color: #000000;
}

.h3SubHeader{
text-align: right;
margin-right: 30px;
margin-bottom: 30px;
}

p.contacts{
text-align: right;
margin: 0px;
padding: 20px 30px 30px 0px;
line-height: 16pt;
}

p.pageInfo{
text-align: right;
margin: 0px;
padding: 20px 30px 30px 0px;
line-height: 16pt;
}

.homeText{
margin: 0px; 
padding: 0px 0px 0px 30px; 
font-size: 8pt;
float: left;
width: 350px;
text-align: justify;
}

.h5contentHeader{
margin: 0px;
text-align: left;
}

.homeForm{
background-image: url('../images/bg-form.jpg');
background-position: top center;
background-repeat: no-repeat;
margin: 0px 20px 0px 0px;
display: inline;
font-size: 8pt;
float: right;
width: 427px;
text-align: left;
}

.hostingForm{
background-image: url('../images/bg-hosting-form.jpg');
background-position: top center;
background-repeat: no-repeat;
margin: 0px 0px 0px 5px;
display: inline;
font-size: 8pt;
float: left;
width: 265px;
height: 275px;
text-align: left;
}

.hostingForm h6{
text-align: left;
margin: 52px 0px 0px 15px;
font-size: 7.5pt;
}

.hostingForm ul{
list-style-type: none;
padding: 0px;
margin: 25px 0px 0px 15px;
} 

.hostingForm li{
background-image: url("../images/bullet.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 25px;
font-size: 8pt;
}

p.formDetails{
text-align: left;
margin-left: 50px;
margin-top: 43px;
margin-bottom: 0px;
}

p.formSubmit{
text-align: right;
margin-right: 50px;
margin-top: 0px;
margin-bottom: 0px;
}

.headingBar{
margin: 0px auto;
width: 803px;
height: 35px;
background-image: url('../images/bg-headingBar.jpg');
background-position: top center;
background-repeat: no-repeat;
text-align: center;
margin-bottom: 5px;
}

.h5headinghBar{
text-align: center;
margin: 0px;
line-height: 35px;
}

.headingBar p{
font-size: 9pt;
margin: 0px;
line-height: 35px;
}

.dotCell{
margin: 0px auto;
height: 129px;
width: 839px;
background-image: url('../images/bg-dotCell.jpg');
background-position: top center;
background-repeat: no-repeat;
text-align: left;
}

.dotCellSubHeading{
margin: 0px;
padding: 12px 30px 8px 30px;
}

.dotCellText{
text-align: justify;
margin: 0px;
padding: 0px 30px 0px 30px;
}

.dotCellMore{
text-align: right;
margin: 0px;
padding: 8px 30px 10px 30px;
}

p.article{
margin: 30px;
font-size: 9pt;
text-align: justify;
}

p.articleIndex{
margin: 16px 0px 0px 39px;
line-height: 16pt;
}

.serif{
font-size: 10pt;
color:#000000;
font-family: Times New Roman;
}

.sansSerif{
font-size: 10pt;
color:#000000;
font-family: Arial;
}

.previewContainer{
clear: both;
margin: 0px auto;
padding: 10px 0px 0px 0px;
height: 136px;
width: 839px;
}

/*  -------------------------------------------------- LEFT PREVIEW  */

.previewLeft{
float: left;
display: inline;
margin: 0px;
padding: 0px;
background-image: url('../images/bg_example-left.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 280px;
height: 136px;
}

.previewHeaderLeft{
margin: 0px;
padding-left: 25px;
width: 238px;
height: 21px;
line-height: 21px;
}

.previewThumbLeft{
clear: both;
float: left;
margin: 0px;
padding: 6px 0px 0px 25px;
width: 103px;
height: 76px;
}

.previewThumbLeft img{
border: none;
}

.previewDescriptionLeft{
float: left;
margin: 0px;
padding: 6px 0px 0px 6px;
width: 146px;
height: 76px;
font-size: 7pt;
}

.previewDescriptionLeft h6{
font-size: 8pt;
margin: 0px 0px 3px 0px;
}

.previewFooterLeft{
clear: both;
margin: 0px;
padding-left: 25px;
width: 238px;
height: 21px;
line-height: 21px;
font-size: 7.5pt;
}


/*  -------------------------------------------------- CENTER PREVIEW  */

.previewCenter{
float: left;
margin: 0px;
padding: 0px;
background-image: url('../images/bg_example-center.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 279px;
height: 136px;
}

.previewHeaderCenter{
margin: 0px;
padding-left: 15px;
width: 238px;
height: 21px;
line-height: 21px;
}

.previewThumbCenter{
clear: both;
float: left;
margin: 0px;
padding: 6px 0px 0px 15px;
width: 103px;
height: 76px;
}

.previewThumbCenter img{
border: none;
}

.previewDescriptionCenter{
float: left;
margin: 0px;
padding: 6px 0px 0px 6px;
width: 146px;
height: 76px;
font-size: 7pt;
}

.previewDescriptionCenter h6{
font-size: 8pt;
margin: 0px 0px 3px 0px;
}

.previewFooterCenter{
clear: both;
margin: 0px;
padding-left: 15px;
width: 238px;
height: 21px;
line-height: 21px;
font-size: 7.5pt;
}


/*  -------------------------------------------------- RIGHT PREVIEW  */

.previewRight{
float: right;
margin: 0px;
padding: 0px;
background-image: url('../images/bg_example-right.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 280px;
height: 136px;
}

.previewHeaderRight{
margin: 0px;
padding-left: 6px;
width: 238px;
height: 21px;
line-height: 21px;
}

.previewThumbRight{
clear: both;
float: left;
margin: 0px;
padding: 6px 0px 0px 6px;
width: 103px;
height: 76px;
}

.previewThumbRight img{
border: none;
}

.previewDescriptionRight{
float: left;
margin: 0px;
padding: 6px 0px 0px 6px;
width: 146px;
height: 76px;
font-size: 7pt;
}

.previewDescriptionRight h6{
font-size: 8pt;
margin: 0px 0px 3px 0px;
}

.previewFooterRight{
clear: both;
margin: 0px;
padding-left: 6px;
width: 238px;
height: 21px;
line-height: 21px;
font-size: 7.5pt;
}

/*  -------------------------------------------------- OLD PREVIEW  */

.exampleCell{
clear: both;
margin: 0px auto;
height: 119px;
width: 839px;
background-image: url('../images/bg-exampleCell.jpg');
background-position: top center;
background-repeat: no-repeat;
text-align: left;
}

.exampleCellHeading{
float: left;
margin: 0px;
height: 23px;
}

.exampleCellHeading p{
margin: 5px 0px 0px 23px;
}

.exampleCellLink{
float: right;
margin: 0px;
height: 23px;
}

.exampleCellLink p{
margin: 5px 23px 0px 0px;
font-size: 7.5pt;
}

.exampleCellThumb{
float: left;
margin: 0px;
width: 130px;
}

.exampleCellThumb img{
border: none;
}

.exampleCellThumb p{
margin: 7px 0px 0px 0px;
text-align: right;
}

.exampleCellDescription{
float: left;
margin: 0px;
width: 680px
}

.exampleCellDescription p{
margin: 13px 0px 0px 13px;
}

.exampleCellJava{
float: right;
margin: 7px 0px 0px 0px;
width: 165px;
height: 70px;
}

.exampleJavaDescription{
float: left;
margin: 0px;
width: 500px
}

.exampleCellJava img{
border: none;
}

.topicDescription{
margin: 0px;
padding: 5px 30px 5px 30px;
text-align: justify;
line-height: 12pt;
}

td{
font-size: 8pt;
font-family: Arial;
border: 1px dashed #cbd0db;
}

.priceTitle{
background-color: #cbd0db;
border: 1px solid #cbd0db;
text-align: center;
}

.priceSubTitle{
background-color: #e7e9ef;
border: 1px solid #cbd0db;
}

.priceFree{
background-color: #eceef4;
border: 1px dashed #cbd0db;
}

#directoryIndex{
float: left;
width: 300px;
margin-left: 30px;
display: inline;
}

#directoryRules{
float: right;
width: 480px;
margin-right: 30px;
display: inline;
color: #cccccc;
text-align: justify;
font-size: 7.5pt;
line-height: 20px;
}

.codeBlock{
font-size: 8pt;
text-align: left;
border: 1px dotted gray; 
margin: 0px; 
padding: 5px; 
background-color: #F8F8F8;
}

#linkCategoryText{
float: left;
width: 600px;
margin-left: 30px;
display: inline;
text-align: justify;
line-height: 14pt;
}

#adsense{
float: right;
width: 180px;
margin-right: 30px;
display: inline;
font-size: 7.5pt;
}

.linkText{
margin: 0px 30px 0px 30px;
text-align: center;
}

/*  -------------------------------------------- HYPERLINKS  */

a.footerNav:link {font-family: Arial, Verdana; font-size: 9.5px; color: #000000;}
a.footerNav:visited {font-family: Arial, Verdana; font-size: 9.5px; color: #000000;}
a.footerNav:visited {font-family: Arial, Verdana; font-size: 9.5px; color: #000000;}
a.footerNav:hover {font-family: Arial, Verdana; font-size: 9.5px; color: #000000;}


/*  ------------------------------------------------ FORMS  */

.button
{ background-color: #ffffff; color: #000000; font-family: Arial; font-size: 7.5pt; border-width: 2px; border-style: groove; cursor:pointer;}
.textfield
{ background-color: #ffffff; color: #5c534a; font-family: verdana; font-size: 7pt; border-width: 1px; border-style: groove;}

.button-google 
{ background-color: #c0c0c0; color: #000000; font-family: Arial; font-size: 7.5pt; border-width: 1px; border-style: groove; cursor:pointer;}
.textfield-google 
{ background-color: #ffffff; color: #5c534a; font-family: verdana; font-size: 7pt; border-width: 1px; border-style: groove;}

span.caption{font-size: 7pt;}

.caption a:link {color: #434343; text-decoration: none; cursor: text;}
.caption a:visited {color: #434343; text-decoration: none; cursor: text;} 
.caption a:active {color: #434343; text-decoration: none; cursor: text;}
.caption a:hover {color: #434343; text-decoration: none; cursor: text;}

span.label{font-size: 8pt;}

#footer{
border: none;
width: 100%;
height: 250px;
background-image: url('../images/bg-footer.jpg');
background-position: bottom center;
background-repeat: no-repeat;
text-align: center;
}

#search{
width: 766px;
margin: 0px auto;
font-family: Arial;
font-size: 7.5pt;
color: #000000;
text-align: center;
padding: 0px 5px 0px 0px;
height: 30px;
}

.bottomNav{
width: 859px;
margin: 0 auto;
padding-top: 30px;
height: 168px;
font-family: Arial, Verdana;
text-align: center;
}

.bottomNav p{
line-height: 40px;
}

.copyright{
margin: 0px;
font-family: Arial, Verdana;
width: 859px;
font-size: 7.5pt;
text-align: center;
color: #6d6e71;
}