body {background:#555 url(../images/bg.jpg); 
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; padding: 0; margin: 0;
}
	.right {float: right;}
	.left {float: left;}
	.box {background: #fff url('Styles/images/bg_boxes.png') repeat-x 50% bottom; 
border: 1px solid #c8e9f3; -moz-border-radius: 12px; -webkit-border-radius: 12px;
}
	img {border-style: none;
    border-color: inherit;
    border-width: medium;
    float: right;
    text-align: center;
}
	ul, li {margin: 0; padding: 0; list-style: none;}
	.hl {color: #3FB2D2;}
	.hlalt {color: #013446;}
	ul.btns li {float: left;}
		ul.btns li a {float: left; text-align: center; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; padding: 10px 20px; background: #09c url('Styles/images/bg_btns.png') repeat-x 50% top; 
margin-right: 10px; -moz-border-radius: 20px; -webkit-border-radius: 20px; text-shadow: #005673 1px 1px 1px;
}
			ul.btns li a:hover {background: #5EB4CA url('Styles/images/bg_btns.png') 0 -40px; 
color: #fff;
}
		ul.btns li.alt a {background: #00222e url('Styles/images/bg_btns.png') 0 -80px; 
text-shadow: #001821 1px 1px 1px;
}
			ul.btns li.alt a:hover {background: #02384a url('Styles/images/bg_btns.png') 0 -120px; 
color: #fff;
}
		
	a {color: #3FB2D2;}
		a:hover {color: #013446; }
	p {margin: 0; padding-bottom: 15px;}
	form {margin: 0; padding: 0;}
	h1, h2, h3, h4, h5 {color: #3FB2D2; margin: 0; padding: 0; letter-spacing: -1px; font-size: 35px;}
	h2 {font-size: 30px;}
	h3, h4 {font-size: 25px; color: #013446;}
	
#header {width: 100%; height: 80px; border-bottom: 1px solid #64C1D9; background: #09c url('Styles/images/bg_header.png') repeat-x 50% top;
}
	#innerheader {width: 920px;   top:-100;}
		.logo {float: left; }
		#mainsearch {width: 490px; padding: 7px; float: right; background: #00222E url('Styles/images/bg_main_search.png') repeat-x 50% top; 
margin-top: 40px; padding: 10px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
}
			#mainsearch .searchbox {font-size: 20px; padding: 7px 10px; border: 1px solid #fff; background: #fff url('Styles/images/bg_search.png') repeat-x 50% top; 
width: 405px; color: #bfbfbf; -moz-border-radius: 20px; -webkit-border-radius: 20px; float: left;
}
			.btnsearch {background: #2EABD2 url('Styles/images/btn_bg_mainsearch.png') repeat-x 50% top; 
float: right; -moz-border-radius: 30px; -webkit-border-radius: 30px;
}
				.btnsearch:hover {background: #48B6D5 url('Styles/images/btn_bg_mainsearch.png') 0 -40px;
}
				
	/* Navigation */
	
#nav {width: 100%; background: #02384a url('Styles/images/bg_nav.png') repeat-x 50% top; 
height: 35px; 
}
	ul#navigation {width: 700px; float:right; padding: 0 0 0 20px; color: #fff; font-weight: bold;}
		ul#navigation li {float: right; margin-right: 20px; font-size: 14px; height: 35px; line-height: 2.4em;}
			ul#navigation li a {color: #fff; text-decoration: none; float:right; outline: none;}
				ul#navigation li a:hover {color: #3FB2D2;}			
				#home li.navhome, #hosting li.navhosting, #domains li.navdomains, #about li.navabout, #order li.navorder {background: url('Styles/images/bg_navigation_arrow.png') no-repeat 50% bottom;
}
					#home li.navhome a, #hosting li.navhosting a , #domains li.navdomains a, #about li.navabout a, #order li.navorder a{color: #3FB2D2;}
					
			ul#navigation li.right {float: right; margin: 0; padding-right: 20px;}
				ul#navigation li.right img {float: left; padding: 9px 5px 0 0;}

#container {width: 100%;}
	#content {background: #fff; width: 920px; padding: 20px; margin: 0 auto; overflow: auto;}
	
/* Homepage Styles */

#intro {width: 880px; padding: 20px; margin-bottom: 10px; overflow: auto; border: none;}
	#introleft {width: 450px; float: left;}
		#introleft h1 {font-size: 60px; letter-spacing: -3px; line-height: .8em; text-shadow: #ccc 1px 1px 1px;}
		#introleft p {font-size: ; letter-spacing: -2px; color: a5a5a5; font-size: 32px; font-weight: bold; line-height: .8em;  padding-top: 15px; text-shadow: #ccc 1px 1px 1px;}
		ul#introlist {float: right; width: 380px;}
			ul#introlist li {float: left; width: 175px; margin: 0 14px 5px 0; line-height: 1.6em;}
			ul#introlist li.listheading {float: none; font-size: 17px; font-weight: bold; margin: 0; width: 370px; letter-spacing: -1px; padding-bottom: 10px;}
			ul#introlist img {float: left; padding-right: 4px;}
		
/* Web Builder Pitch */

#wbp {width: 593px; float: left; margin-bottom: 10px; height: 145px; padding-left: 20px;}
	#wbp img {float: left; margin: 20px 15px 0 0;}
	#wbp h3 {padding-top: 15px;}
	ul#wbplist {width: 320px; float: left;}
		ul#wbplist li {width: 142px; background: url('Styles/images/bullet_wb_tick.gif') no-repeat left top; 
padding: 0 0 0 18px; float: left; margin-bottom: 6px;
}
	#wbpright {float: right; width: 145px;}
		#wbpright p {padding: 0;}
			#wbpright p.big {font-size: 38px; letter-spacing: -3px; line-height: .8em;}
		#wbpright .pricebox {padding: 8px 0; width: 135px; background: #013446; text-align: center; color: #fff; font-weight: bold; font-size: 15px; margin: 8px 0; -moz-border-radius: 12px; -webkit-border-radius: 12px;}

#wwh {width: 593px; float: left; margin-bottom: 10px; height: 125px; background: url('Styles/images/bg_fp_windows.jpg') no-repeat right -15px; 
padding: 20px 0 0 20px;
}

/* Homepage Domain Box inc. Prices */

#fpdomains {width: 293px; float: right; padding:}
	#fpdomains h3 {font-size: 30px; padding: 15px 0 0 15px; line-height: 1em;}
	#fpdomains p {padding: 0 0 0 15px;}
		#fpdomains p.desc {background: #013446; color: #fff; padding: 3px 15px; clear: both;}
	#fpdomains ul {width: 293px;}
		#fpdomains li {background: url('Styles/images/bg_liprices.png') repeat-x 50% bottom; 
padding: 4px 20px 5px 0; font-size: 40px; font-weight: bold; letter-spacing: -3px; color: #3FB2D2; width: 273px; float: left;
}
	#fpsearch {width: 273px; background: #09c url('Styles/images/bg_fpsearch.png') repeat-x 50% top; 
overflow: auto; padding: 10px; -moz-border-radius-bottomleft: 11px; -moz-border-radius-bottomright: 11px; -webkit-border-bottom-left-radius: 11px; -webkit-border-bottom-right-radius: 11px;
}
		#fpdomains .fpsearchbox {float: left; padding: 9px 10px 8px 10px; border: 1px solid #fff; background: #fff url('Styles/images/bg_search.png') repeat-x 50% top; 
width: 206px; color: #666; font-size: 12px;
}
		.fpbtnsearch {background: #012937 url('Styles/images/btn_bg_fpsearch.png') repeat-x 50% top; 
-moz-border-radius: 8px; -webkit-border-radius: 8px; float: right;
}
			.fpbtnsearch:hover {background: #012937 url('Styles/images/btn_bg_fpsearch.png') 0 -35px;
}

/* Homepage News */

#newsbox {width: 408px; padding: 20px; float: left; margin-right: 10px;}
	#newsbox li {float: left; width: 408px; line-height: 1.5em;}
		#newsbox h3 {line-height: .8em; padding-bottom: 5px;}
		#newsbox h4 {line-height: 1.2em;}
		#newsbox h4 a {color: #3FB2D2; font-size: 22px; text-decoration: none;}
			#newsbox h4 a:hover {color: #013446;}
	#newsbox p.date { float: left; margin: 0 15px 20px 0; width: 50px; height: 65px; background: url('Styles/images/bg_newsdate.png') no-repeat 50% top; 
color: #fff; text-align: center; font-weight: bold;
}
				#newsbox .day {font-size: 32px; line-height: 1.4em; letter-spacing: -1px;}
				#newsbox .month {font-size: 12px; line-height: 1.6em;}

#scripts {width: 223px; float: left; margin-right: 10px; width: 193px; padding: 15px;}

#reviews {width: 193px; padding: 15px; float: left;}
		#reviews h3 {line-height: .9em; padding-bottom: 4px;}
		#reviews li p {line-height: 1.5em; padding: 0;}
		#reviews li {padding: 0 0 15px 0; background: url('Styles/images/bg_review_line.png') repeat-x 50% bottom;
}
		#reviews li.none {background: none; padding-top: 13px;}
		
/* Hosting Page */
	
	ul#promobox {width: 920px; position: relative; float: left; margin-bottom: 15px;}
		ul#promobox p {margin: 0; padding: 0;}
		ul#promobox li {width: 265px; padding: 20px 10px 20px 20px; float: left; background: #013446; margin: 15px 15px 0 0; -moz-border-radius: 10px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
			ul#promobox ul {margin: 0 0 10px 0;}
			ul#promobox li ul li {margin: 5px 0 0 0; background: url('Styles/images/bullet.png') no-repeat left center; 
padding: 0 0 0 10px; width: 250px;
}
			ul#promobox li h3 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 25px; float: left; margin: 0; padding: 0 0 3px 0;}
			ul#promobox li .pricebox {line-height: 1; float: right; text-align: center; padding-right: 10px;}
			ul#promobox li .pricebox .lrg {line-height: 1; letter-spacing: -1px; font-size: 35px; font-weight: bold; margin: 0; padding: 0;}
			
			ul#promobox a {background: #00222E; color: #fff; float: left; margin: 15px 10px 0 0; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px; font-weight: normal;}
			ul#promobox a:hover {background: #002837;}
			
		ul#promobox li.two{background: #3499B4;}
		ul#promobox li.three {margin-right: 0; background: #3FB2D2;}
		
        .search-text-box{
            border-top:thin solid  #e5e5e5;
            border-right:thin solid #e5e5e5;
            border-bottom:0;
            border-left:thin solid  #e5e5e5;
            box-shadow: 1px 1px 5px #CCC;
            float:left;
            height:20px;
            margin:.4em 0 0 .0em; 
            outline:0;
            line-height: 20px;

            border-radius: 3px;
            border: 1px solid #aaa;
        }


        .search-button{
            background-color:#f1f1f1;
            border-top:thin solid #e5e5e5;
            box-shadow: 1px 1px 5px #CCC;
            cursor:pointer;
            float:left;
            height:21px;
            margin:5px 0 0 0;
            text-align:center;
            width:25px;
            border-radius: 3px;
            border: 1px solid #aaa;

        }
         
        .nav-button{
            background-color:#f1f1f1;
            border-top:thin solid #e5e5e5;
            box-shadow: 1px 1px 5px #CCC;
            cursor:pointer;
            float:left;
            height:16px;
            margin:0px 0 0 0;
            text-align:center;
            width:60px;
            border-radius: 3px;
            border: 1px solid #aaa;

        } 

		
/* Footer */

        line-height:17px;
    }
     
    .tdCenterStyle
    {
        font-size:10pt;
        color:Black;
        vertical-align: middle; height: 17px; text-align: center;
    }

    #footer a {color: #fff;}
	#footer ul {width: 635px; margin: 0 auto;}
	#footer ul li {text-align: center; float: left; margin-right: 15px;}

    .tdLeftStyle
    {
        font-size:10pt;
        color:Black;
        vertical-align: middle; text-align: left;
        }
     
    .tdCenterStyle
    {
        font-size:10pt;
        color:Black;
        vertical-align: middle; height: 17px; text-align: center;
    }

    .tdRightStyle
    {
        font-size:10pt;
        color:Black;
        vertical-align: middle; height: 17px; text-align: right;
}

    .txtlstyle
    {
        font-size:10pt;
        color:Black;
        vertical-align: middle; height: 17px; text-align: left;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        border: 1px solid #000066;
        box-shadow: 0 0 10px #000066;
     }
     
         .DivStyleFormat
    {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        border: 1px solid #000066;
        box-shadow: 0 0 10px #000066;

        margin:0px auto; top: 0; left: 0; bottom: 0; right: 0;
        position: absolute; margin: auto; overflow: auto;
        text-align:center; vertical-align:middle;     
        }

    .DivStyleFormat1
    {
        background-position: 0% 0%;
    border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        border: 1px solid #000066;
    -moz-box-shadow: 0px 0px 20px #000000;
    -webkit-box-shadow: 0px 0px 20px #000000;
    box-shadow: 0px 0px 20px #000000;font-family: Arial;
    font-size: 15px;
    margin: 0px auto;
    text-align: center;
    vertical-align:bottom;
    position: relative;
    background-image: linear-gradient(to bottom, #5a34d9, #2980b9);
    background-color: #5a34d9;
    background-repeat: repeat;
    background-attachment: scroll;
}
        
    .DivStyleFormat2
    {
        margin: 0px auto;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        border: 1px solid white;
-moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;background: white;
        background-color: white;  
        }
                        
.TextBoxStyle        
        {

    height: 20px;
    border-radius: 3px;
    border: 1px solid #aaa;
    vertical-align:text-top;

    box-shadow: 1px 1px 5px #CCC;
}

.ddlStyle        
        {

    height: 24px;
    border-radius: 3px;
    border: 1px solid #aaa;
    vertical-align:text-top;

    box-shadow: 1px 1px 5px #CCC;
}



.TextBoxRightStyle        
        {

    height: 20px;
    border-radius: 3px;
    border: 1px solid #aaa;
    vertical-align:text-top;
    text-align:right;

    box-shadow: 1px 1px 5px #CCC;
}

.TextEmbosedStyle        
        {text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #CCCCCC;
	opacity: 0.3;
	font-size:xx-large;
}



.Grid {background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; font-family:Calibri; color: #474747;}
.Grid td {
      padding: 2px; 
      border: solid 1px #c1c1c1; }
.Grid th  {
      padding : 4px 2px; 
      color: #fff; 
      background: #363670 url(../Images/grid-header.png) repeat-x top; 
      border-left: solid 1px #525252; 
      font-size: 1em; }
.Grid .alt {
      background: #fcfcfc url(../Images/grid-alt.png) repeat-x top; height: 25px; white-space:nowrap;overflow:hidden; }
.Grid .alt1 {
      height: 25px; white-space:nowrap;overflow:hidden; }
.Grid .pgr {background: #363670 url(../Images/grid-pgr.png) repeat-x top; }
.Grid .pgr table { margin: 3px 0; }
.Grid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight:normal; color: #fff; line-height: 12px; }   
.Grid .pgr a { color: Gray; text-decoration: none; }
.Grid .pgr a:hover { color: #000; text-decoration: none; }
    
.HeaderFreez  
{  
position:absolute ;   
font-weight: bold;  
}