/* CSS Document */

body {
font-size:12px;
font-family:Tahoma, Helvetica,Verdana,Arial,Helvetica,sans-serif;
color:#666666;
background-image:url(images/bg3.jpg);
background-position:center;
background-repeat:repeat-y;
margin:auto;

}

#main {
width:798px;
border-left:1px #7C7C7C solid;
border-right:1px #7C7C7C solid;
margin:auto;
overflow:auto;
background-color:#FFFFFF;
}

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

#logo {
width:798px;
height:50px;
border:none;
background-image:url(images/logo.gif);
background-position:left;
background-repeat:no-repeat;
}

#logo-text {
font-size:90%;
width:400px;
height:40px;
float:right;
padding-right:10px;
padding-top:10px;
text-align:right;
font-weight:bold;
}

#logo-text h1 {
font-size:90%;
color:#045799;
margin:0px;
padding:0px;
display:inline;
}

#logo-text h2 {
font-size:90%;
color:#F78709;
margin:0px;
padding:0px;
display:inline;
}

/* -----------------------------------------------------------------*/

/*FLASH AREA ---------------------------------------------------------*/

#submenu-hosting {
float:left;
/*background-color:#3162A4;*/
background-color:#000000;
height:215px;
width:211px;
border-bottom:#CCCCCC 1px solid;
}

#submenu-printing {
float:left;
background-color:#CF4F80;
height:215px;
width:211px;
}

#submenu-home {
float:left;
background-color:#3162A4;
height:215px;
width:211px;
}

#submenu-domain {
float:left;
background-color:#B34244;
height:215px;
width:211px;
}

#submenu-online {
float:left;
background-color:#8F40D7;
height:215px;
width:211px;
}

#submenu-database {
float:left;
background-color:#8D8D8D;
height:215px;
width:211px;
}

#submenu-web {
float:left;
background-color:#42A6D7;
height:215px;
width:211px;
}

#submenu-cms {
float:left;
background-color:#51A337;
height:215px;
width:211px;
}




#menu-flash {

}

#middle-flash-menu {
float:left;
}

#flash {
background-image:url(images/header-home-noscript.jpg);
float:left;
width:445px;
height:214px;
color:#FFFFFF;
font-size:120%;
}

#clock-area {
width:139px;
float:left;
text-align:center;
margin-top:10px;
}

#flash-clock {
margin-top:15px;

}

#submenulist {
margin-top:15px;
margin-left:15px;
}


#submenulist ul {
list-style-type:none;
}

#submenulist li a   {
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
font-size:110%;
margin-left:-40px;
display:block;
background-image:url(images/white-dot.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
text-decoration:none;
color:#FFFFFF;
}

#submenulist li a:hover {
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
font-size:110%;
margin-left:-40px;
display:block;

padding-left:20px;
text-decoration:none;

}

#li1 a:hover {
background-image:url(images/blue-dot.png);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
}

#li2 a:hover {
background-image:url(images/gre-dot.png);
background-position:left;
background-repeat:no-repeat;
}

#li3 a:hover {
background-image:url(images/red-dot.png);
background-position:left;
background-repeat:no-repeat;
}
#li4 a:hover {
background-image:url(images/black-dot.png);
background-position:left;
background-repeat:no-repeat;
}
#li5 a:hover {
background-image:url(images/purple-dot.png);
background-position:left;
background-repeat:no-repeat;
}
#li6 a:hover {
background-image:url(images/green-dot.png);
background-position:left;
background-repeat:no-repeat;
}
#li7 a:hover {
background-image:url(images/pink-dot.png);
background-position:left;
background-repeat:no-repeat;
}



/* ----------------------------------------------------------------------------*/

/* SUB MENU AREA --------------------------------------------------------------*/

#menu {
border-top: 1px solid #06306C;
border-bottom: 1px solid #06306C;
clear:both;
width:798px;
height:25px;
background-color:#F0F0F0;
}

#menu-left {
width:195px;
float:left;
padding-top:4px;
padding-bottom:3px;
color:#FF9900;
height:13px;
}

#menu-left a img {
border:0;

}

#menu-right {
float:left;
display:inline;
}

#menu-right ul {
margin-top:3px;
list-style-type:none;
}

#menu-right ul li {
	display: inline;	
}

#menu-right li a {
display:inline;
display:block;
background-image:url(images/menu-button.jpg);
background-position:left;
background-repeat:no-repeat;
padding:3px 20px 6px 18px;
list-style-type:none;
float:left;
font-size:86%;
color:#005596;
font-weight:bold;
}

#menu-right li a:hover{
text-decoration:none;
background-image:url(images/menu-button-over.jpg);
background-position:left;
background-repeat:no-repeat;
padding:3px 20px 6px 18px;
display:block;
list-style-type:none;
float:left;
font-size:86%;
color:#005596;
font-weight:bold;
}

/* ----------------------------------------------------------------------------*/

/* CONTENT ----------------------------------------------------------------------*/

#content {
clear:both;
width:798px;
}

#content-left {
float:left;
width:533px;
margin-right:5px;
background-color:#FFFFFF;

margin-bottom:20px
}


#content-left p {
margin-left:25px;
margin-top:0px;
margin-right:5px;
color:#666666;
font-size:90%;
}


#content-left h1 {
color:#045799;
font-size:100%;
margin-left:25px;
margin-top:25px;
margin-bottom:12px;

}

#content-left h3 {
color:#045799;
font-size:100%;
margin-left:-10px;

}



#content-left #whois-form {
color:#045799;
font-size:100%;


}



#domain-image {
margin-right:10px;
margin-left:28px;
margin-bottom:10px;
margin-top:3px;
float:left;
}

#services-list {
float:left;

}


#services-image {
margin-right:23px;
float:right
}




#index-banner {
margin-left:47px;
margin-top:30px;
}

#index-banner a img {
border:0;
}



#whois-form input {
color:#666666;
font-weight:bold;
font-size:95%;

}

#whois-form select {
color:#666666;
font-weight:bold;
font-size:95%;

}

#whois {
color:#666666;
font-size:95%;
margin-top:10px;
padding-right:15px;
}




#content-left-portfolio {
float:left;
width:797px;
background-color:#FFFFFF;

}

#content-right {
background-image:url(images/right-bg.jpg);
background-repeat:no-repeat;
float:right;
width:250px;
overflow:auto;
height:auto;
border-left:1px solid #efefef;

}

#content-left li a {
color:#666666;
text-decoration:none;
}

#content-left li a:hover {
color:#666666;
text-decoration:underline;
}

#ticki {
width:200px;
min-height:60px;
margin:-5px 5px 10px;

}

#tickerAnchor {
font-size:86%;
color:#666666;
font-weight:bold;

}

#more-examples {
width:200px;

margin:auto;
background-image:url(images/more-examples.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;

font-size:85%;
margin-top:10px;

}

#domainchecker {
margin:auto;
width:450px;
margin-top:30px;
margin-bottom:29px;
border:#CCCCCC 1px solid;
padding:3px 0px 22px 14px;


}

#domainchecker h1{
margin-top:15px;
margin-bottom:14px;
margin-left:1px;
color:#045799;
font-size:90%;
font-weight:bold;

}




#right-contact {
width:200px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
color:#045799;
text-align:center;
line-height:21px;
font-size:85%;
border-top: 1px solid #CCCCCC;
padding-top:20px;
float:right;
}





#footer {
clear:both;
width:730px;
border-top: 1px solid #EBEBEB;
color:#045799;
font-size:75%;
text-align:center;
padding-top:10px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}

#footer a {
font-weight:bold;
text-decoration:none;
font-size:100%;
}

#footer a:hover {
text-decoration:underline;
}


/* HOSTING PAGE -------------------------------------------------------------------*/

.hosting-content-left {
margin-left:10px;
margin-right:5px;
width:100px;
float:left;

}

.hosting-content-container{
margin-left:22px;
margin-right:5px;

width:450px;
float:left;
font-size:90%;
margin-top:5px;
border:#CCCCCC solid 1px;
padding-top:3px;
padding-bottom:3px;
}

#printing-content{
margin-top:50px;
}



#printing-content-container1{
margin:auto;
width:450px;
font-size:90%;
padding-top:3px;
padding-bottom:3px;
text-align:center;
}

#printing-content-container2{
margin:auto;
width:450px;
font-size:90%;
padding-top:3px;
padding-bottom:3px;
text-align:center;
}
#printing-content-container3{
margin:auto;
width:450px;
font-size:90%;
padding-top:3px;
padding-bottom:3px;
text-align:center;
}

#testimonials-container {
margin:auto;
width:200px;
}

.hosting-content-right {
margin-left:10px;
margin-right:5px;
margin-top:2px;
width:280px;
float:left;
font-size:90%;


}

.hosting-content-right-h1 {
color:#003399;
margin-bottom:10px;
margin-top:0px;
margin-left:25px;
font-weight:bold;
}

.hosting-content-right p {
margin-bottom:0px;
margin-top:4px;
margin-left:5px;
padding-bottom:0px;
}

.hosting-content-right ul {
margin-top:5px;
color:#666666;
font-weight:bold;
margin-bottom:0px;
padding-bottom:0px;


}

.hosting-content-right image {
float:left;
background-image:url(images/bronze.jpg);

}

#main-hosting-container {
background-image:url(images/hosting-bg.jpg);
background-position:bottom;
background-position:right;
background-repeat:no-repeat;
width:500px;
}

/* -----------------------------------------------------------------------------------*/




/* -----------------------------------------------------------------------------------*/

/* IMAGES ----------------------------------------------------------------------------*/

#image-center {
background-position:center;
height:268px;
width:328px;
margin:auto;
margin-top:30px;
}

#right-header1 {
margin-top:13px;

}

#site1 {
margin-top:5px;
width:190px;
margin:auto;
}

#site1 a img {
border:0
}

#site2 {
margin-top:5px;
width:190px;
margin:auto;
}

#site2 a img {
border:0
}

#site3 {
margin-top:5px;
width:190px;
margin:auto;
}

#site3 a img {
border:0
}

#site4 {
margin-top:5px;
width:190px;
margin:auto;
}

#site4 a img {
border:0
}

#site5 {
margin-top:5px;
width:190px;
margin:auto;
}

#site5 a img {
border:0
}

#site6 {
margin-top:5px;
width:190px;
margin:auto;
}

#site6 a img {
border:0
}

#site1 a:hover{
text-decoration:underline;
font-weight:bold;
color:#000000;

}

#site2 a:hover{
text-decoration:underline;
font-weight:bold;
color:#000000;
}

#site3 a:hover{
text-decoration:underline;
font-weight:bold;
color:#000000;
}

#site4 a:hover{
text-decoration:underline;
font-weight:bold;
color:#000000;
}

#site5 a:hover{
text-decoration:underline;
font-weight:bold;
color:#000000;
}

#site6 a:hover{
text-decoration:underline;
font-weight:bold;
color:#000000;
}

#site1 h1 {
margin-top:7px;
margin-left:7px;
color:#999999;
font-size:90%;
margin-bottom:3px;
}

#site2 h1 {
margin-bottom:3px;
margin-top:7px;
margin-left:7px;
color:#999999;
font-size:90%;
}

#site3 h1 {
margin-top:7px;
margin-left:7px;
color:#999999;
font-size:90%;
margin-bottom:3px;
}

#site4 h1 {
margin-bottom:3px;
margin-top:7px;
margin-left:7px;
color:#999999;
font-size:90%;
}

#site5 h1 {
margin-top:7px;
margin-left:7px;
color:#999999;
font-size:90%;
margin-bottom:3px;
}

#site6 h1 {
margin-bottom:3px;
margin-top:7px;
margin-left:7px;
color:#999999;
font-size:90%;
}


/* -----------------------------------------------------------------------------------*/

/* TEXT ----------------------------------------------------------------------------*/

h1 {
margin-left:25px;
margin-top:15px;
color:#045799;
font-size:90%;
font-weight:bold;
}

p {
margin-left:25px;
margin-top:0px;
margin-right:25px;
color:#666666;
font-size:90%;
}

a {
color:#666666;
text-decoration:none;
font-weight:bold;
font-size:90%;
}
a:hover {
color:#045799;
text-decoration:underline;
font-weight:bold;
}

/*----------------------------------------------------------------------------------------*/

/* CONTACT -----------------------------------------------------------------------------*/

#contact-details-container {
background-color:#EFEFEF;
height:242px;
margin-left:7px;
padding-bottom:12px;
width:520px;
border:1px #CCCCCC solid;
}

#contact1 {
width:224px;
float:left;
font-size:85%;
padding-top:5px;
margin-left:20px;
}

#contact1 h1 {
padding-top:3px;
color:#045799;
margin-left:0px;
margin-bottom:3px;
margin-top:13px;
}

#contact2 {
width:252px;
float:right;
font-size:85%;
padding-top:6px;
padding-right:17px;
}

#contact2 h1 {
color:#045799;
margin-left:0px;
margin-bottom:3px;
margin-top:13px;
}

#enquiry {
font-size:80%;
width:508px;
padding-left:15px;
}

#enquiry h1 {
color:#045799;
margin-left:0px;
}

#enquiry-form {
float:left;
font-size:80%;
width:240px;
margin-left:10px;
}

#map {
border:1px solid #204D7D;
height:302px;
margin-top:2px;
width:234px;
margin-left:9px;
float:left;
}


/*------------------------------------------------------------------------------------------*/


/*contact-form ----------------------------------------------------------------------------------*/

#contact-form label {
float:left;
font-weight:bold;
padding-right:8px;
position:relative;
text-align:right;
top:6px;
width:10.5em;
}

#contact-form input  {
margin-bottom:3px;
margin-top:4px;
width:10em;
}

.latest-news {
margin:9px 0pt 12px 3em;
font-size:112%;
width:180px;
}

#contact-form .latest-news label{
    float:none;
    top:0;
    padding:0;
    vertical-align:middle;
	margin-left:29px;
}

#contact-form .latest-news input{
    width:auto;
    vertical-align:middle;
    margin-right:20px;
    float:none;
}

#contact-form input.submit{
    width:7em;
    vertical-align:middle;
    margin-right:20px;
    float:none;
	margin-left:106px;
}

#contact-form .latest-news input.tick{
    width:auto;
    margin-right:20px;
    float:none;
}

#contact-form .latest-news select{
    width:auto;
    vertical-align:middle;
    margin-right:20px;
    float:none;
}

#contact-form textarea{
    margin-bottom:3px;
margin-top:4px;
width:10em;
}

/*------------------------------------------------------------------------------------------*/


/*Quote ------------------------------------------------------------------------------------*/

#quote{
	width:550px;
	font-size:80%;
	margin-top:50px;
	float:none;
}

.error {
color:#FF0000;

}

#quote-form label {
	float:left;
	font-weight:bold;
	padding-right:3px;
	position:relative;
	text-align:right;
	top:5px;
	width:10em;
}

#quote-form input {
	margin-top:3px;
	margin-bottom:0px;
	width:10em;
}

#quote-form input.submit {
margin-bottom:0px;
margin-left:115px;
margin-top:24px;
width:6em;
}

#quote-form input.tick {
margin-bottom:1px;
margin-left:118px;
margin-top:1px;
width:1em;
}

#quote-form label.require{
width:12em;
margin-left:15px;
}




#quote-form textarea{
  margin:7px 0pt 4px 0px;
width:15em;
}

#quote-form submit {
margin-left:5em;

}

/*------------------------------------------------------------------------------------------*/


/*Portfolio ----------------------------------------------------------------------------------*/

#portfolio-scroll-container {
margin:auto;
width:630px;


}

#portfolio-list {
margin:0px;
padding:0px;
text-align:center;
width:4250px;
}
#portfolio-list li {
border-right:1px solid #EFEFEF;
clear:none;
float:left;
height:100%;
list-style-image:none;
list-style-type:none;
margin-right:7px;
padding-left:17px;
padding-right:17px;
}

#portfolio-list a {
font-size:85%;
color:#999999;
text-align:center;
text-decoration:none;

}

#portfolio-list a:hover {
color:#0066CC;
text-align:center;
text-decoration:underline;

}

#main-portfolio-container {
width:680px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;

}

#main-portfolio-container-left {
width:196px;
float:left;
border-right:#cccccc 1px solid;
padding-left:3px;
margin-bottom:10px;

}

#main-portfolio-container-left ul {
margin-left:0px;
text-indent:0px;
list-style-position:outside;
padding-left:0px;

}

#main-portfolio-container-left li {
list-style:none;
padding-top:5px;
padding-bottom:5px;
display:block;
margin-top:1px;
margin-bottom:1px;
margin-left:0px;
padding-left:3px;



}

#main-portfolio-container-left li a {
padding-top:5px;
padding-bottom:5px;

text-decoration:none;
width:100px;

padding-left:0px;


}

#main-portfolio-container-left li a:hover {
background-color:#ffffff;

}

#main-portfolio-container-right {
float:left;
width:465px;
padding-left:5px;
margin-bottom:10px;
}

#main-portfolio-container-right h2 {
padding-left:0px;
margin-left:15px;
color:#003399;
font-size:95%;
}

#portfolio-image-text-container {
margin-bottom:10px;

}

#portfolio-header h2 {
width:678px;
margin-left:auto;
margin-right:auto;
color:#0066CC;
font-size:90%;
font-weight:normal;
margin-bottom:5px;
margin-top:10px;
font-weight:bold;



}

#portfolio-right-image {
float:left;
margin:auto;
padding-left:20px;
padding-right:5px;
width:180px;
}

#portfolio-right-text {
float:left;
width:250px;
}

#portfolio-right-text h1{
padding-left:0px;
margin-left:0px;
color:#0066CC;
font-size:90%;
}
#portfolio-right-text p{
padding-left:0px;
margin-left:0px;
width:250px;
}

#portfolio-seperator {
clear:both;
width:450px;
border-bottom:#CCCCCC 1px solid;
margin-left:20px;
padding-top:10px;
}



/*------------------------------------------------------------------------------------------*/

/*Image Galley Hover------------------------------------------------------------------------------------------*/



#preview_div {
font-size:90%;
color:#FFFFFF;
background-color:#000;
height:429px;
width:425px;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
border:1px #666666 solid;
padding-left:10px;
padding-top:0px;
padding-right:10px;

}




.title_h2 {
font-size:80%;
color:#FFFFFF;
text-align:center;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:6px;
margin-bottom:6px
}

#trans-text {
font-size:300%;
text-align:center;

font-weight:bold;
color:#CCCCCC;
padding-top:5px;
padding-bottom:5px;
}

/*------------------------------------------------------------------------------------------*/


#marqueecontainer
{
position: relative;
width: 238px; /*marquee width */
height: 317px; /*marquee height */

overflow: hidden;
padding: 2px;
padding-left: 4px;

}

#business-link-logo {
float:right;
width:135px;
height:126px;
margin-top:20px;
margin-right:25px;
}

#business-link-logo a img {
border:0;
}

#image-wrap-left {
float:left;
margin-right:10px;
margin-left:25px;
margin-top:3px;
height:500px;
}

#image-wrap-left h6 {
padding-left:20px;
font-size:110%;
padding-bottom:0px;
}

#services {
margin-left:20px;
margin-top:-15px;
padding:0;

}

#services li {
margin-bottom:5px;
list-style:inside;
}

#w3c a img {
float:left;
border:0;
}




#card-flash {
	height: 600px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}