/* CSS Document */

body {font:12px Arial; margin:0px; cursor:default;}

img {border:0;}

.container {position:absolute; left:50%; margin-left:-500px;}
.header {width:1000px; height:100px; background:#fff; color:#000;}
.header input {font:bold 13px Arial; letter-spacing:0.5px; border:0px}
.header #YourIP_Details {position:absolute; z-index:1px; top:0px; left:770px;}
.header #YourIP_BG {position:absolute; top:0px; right:0px;}

.page {position:absolute; width:810px; left:185px; top:130px; color:#444;}
.page_title {font:bold italic 15px Arial; color:#333;}

/* Background Images */
.background01 {position:absolute; top:130px; left:185px; width:810px; height:220px; background-image:url(images/BG02.jpg)}
.background02 {position:absolute; top:360px; left:185px; width:810px; height:220px; background-image:url(images/BG03.jpg)}
.background04 {position:absolute; top:610px; left:732px; width:263px; height:220px; background-image:url(images/BG05.jpg)}
.background05 {position:absolute; top:610px; left:458px; width:263px; height:220px; background-image:url(images/BG05.jpg)}
.background06 {position:absolute; top:610px; left:184px; width:263px; height:220px; background-image:url(images/BG05.jpg)}

.backgroundWeb {position:absolute; top:130px; left:0px; width:995px; height:567px; background-image:url(images/web-design-background02.jpg)}
.webDesignText {position:absolute; z-index:1; top:40px; left:60px; width:480px; line-height:20px; color:#333; text-align:justify}
.webDesignText span {font:bold 20px Arial Narrow}
.webDesignText a {color:#0066cc}

.background-content-management {position:absolute; top:710px; left:184px; width:810px; height:220px; background-image:url(images/Content-Management-02.jpg)}
.content-management {position:absolute; top:720px; left:220px; color:#333;}
.content-management #title {font:bold 20px Arial Narrow}
.content-management #subtitle {font:bold 16px Arial Narrow; color:red;}
.content-management #tagline01 {position:absolute; left:300px; top:10px; width:300px; font:bold 22px Arial Narrow; color:red; margin-left:30px;}
.content-management #tagline02 {position:absolute; left:330px; top:40px; width:200px; font:bold 18px Arial Narrow; color:#333; margin-left:30px;}
.content-management #tagline03 {position:absolute; left:300px; top:65px; width:200px; font:bold 12px Arial Narrow; color:#333; margin-left:30px;}
.content-management #text {width:300px; font:12px Arial; padding-top:10px; line-height:20px; text-align:justify}

.webDevelopment {position:absolute; left:20px; top:250px; line-height:20px;}
.webDevelopment #title {font:bold 18px Arial Narrow}
.webDevelopment #title a {text-decoration:none; color:#333}
.webDevelopment #title a:hover {text-decoration:underline;}
.webDevelopment span {}
.webDevelopment a {color:#0066cc}

.broadband {position:absolute; top:500px; left:565px;}
.broadband #title {font-weight:bold; padding-left:10px;}
.broadband a {color:#0066cc; text-decoration:underline;}
.broadband a:hover {color:#666; text-decoration:underline}

.ad-aware {position:absolute; top:500px; left:290px; width:220px;}
.ad-aware #title {font-weight:bold; padding-left:10px;}
.ad-aware a {color:#0066cc; text-decoration:underline;}
.ad-aware a:hover {color:#666; text-decoration:underline}

.avast {position:absolute; top:500px; left:15px; width:220px;}
.avast #title {font-weight:bold; padding-left:10px;}
.avast a {color:#0066cc; text-decoration:underline;}
.avast a:hover {color:#666; text-decoration:underline}

.sitemap {position:absolute; top:70px;}
.sitemap div {font:bold 12px Arial; color:#000;}
.sitemap li {padding:2px 0 2px 10px; font:11px Arial; list-style-type:none}
.sitemap li a {color:#555; text-decoration:none;}
.sitemap li a:hover {text-decoration:underline}

.menu {z-index:2; position:absolute; height:361px; width:171px; margin-top:30px; margin-left:5px; background-image:url(images/menu05.jpg);}
.menu a {display:block; width:148px; margin-left:2px; padding:6px 0 6px 15px; text-decoration:none; color:#ccc; font:bold italic 12px Arial; border-bottom:1px solid #333; letter-spacing:1px;}
.menu a img {vertical-align:middle; margin-bottom:2px;}
.menu a:hover {font-weight:bold; color:#0cff00; background:#222}

.right {position:absolute; right:0px; height:361px; width:171px; margin-top:35px; margin-left:5px;}
.right a {display:block; width:148px; margin-left:2px; padding:6px 0 6px 20px; text-decoration:none; color:#333; font-size:12px; font-weight:bold; border-bottom:1px solid #fff; letter-spacing:1px;}
.right a:hover {font-weight:bold; color:#0cff00; background:#222}

.page_text {position:absolute; z-index:1; top:20px; left:20px; width:500px; line-height:20px; color:#555; text-align:justify}
.page_text span {font-weight:bold;}
.page_text a {color:#0066cc}

.footer {position:absolute; text-align:center; width:100%; color:#666; font-size:10px;}

.footer_menu {text-align:right;}
.footer_menu a {font:11px Arial; color:#333; text-decoration:none;}
.footer_menu a:hover {color:#000; text-decoration:underline;}