body

{

background:#fff url(../images/body-bg.png) repeat-x;

font-size: 62.5%; /* Resets 1em to 10px */

font-family:"Lucida Sans Unicode",'Lucida Grande', Verdana, Arial, Sans-Serif;

height:100%;

margin:0;

padding:0;

}

html {

height:100%; /* fix height to 100% for IE */

max-height:100%; /* fix height for other browsers */

padding:0; /*remove padding */

margin:0; /* remove margins */

border:0; /* remove borders */

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td

{

margin:0;

padding:0;

}

form

{

margin:0;

padding:0;

}

hr

{

background:#f1f1f1;

color:#f1f1f1;

width:97%;

height:1px;

border:0;

text-align:left;

padding:0;

margin:5px 0 5px 0;

}



a

{

font-size: 12px;

font-family:"Lucida Sans Unicode",'Lucida Grande', Verdana, Arial, Sans-Serif;

color:#75741b;

text-decoration:none;

}

a:hover

{

background:#C0C0C0;

color:#fff;

}

img

{

border:0;

margin:0;

padding:0;

}

h1

{

margin:0;

font-size: 1.8em;

font-weight: normal;

font-family:"Lucida Sans Unicode",'Lucida Grande', Verdana, Arial, Sans-Serif;

color:#c3553c;

padding:0;

}

h2

{

padding:0;

margin:0;

font:bold 1.6em "trebuchet MS";

}

h3

{

padding:0;

margin:0;

}

p

{

font-size: 1.2em;

font-family:"Lucida Sans Unicode",'Lucida Grande', Verdana, Arial, Sans-Serif;


color:#4d4d4b;

padding:0 5px 0 5px;

margin:4px 0 4px 0;

}

/* Styles */

#wrap

{

width:100%;

height:100%;

}

#container

{

width:820px;

height:auto;

position:relative;

margin-left:auto;

margin-right:auto;

}

.clearall

{

clear:both;

}

#header

{

width:100%;

}

h2.logo

{

float:left;

background:#fff url(../images/nlogo.gif) no-repeat;

height:87px;

width:358px;

position:relative;

padding:0;

margin:20px 0 0 0;

}

h2.logo a

{

display:block;

height:87px;

width:358px;

}

h2.logo a span, h2.calltoll span{display:none;}

h2.logo a:hover

{

background:transparent;

}

#header .right

{

float:right;

position:relative;

top:50px;

}

h2.calltoll

{

background:#fff url(../images/call2.gif) no-repeat;

width:264px;

height:13px;

}

ul#topmenu

{

padding:10px 0 0 0;

margin:0 0px 0 0;

position:absolute;

float:right;

width:260px;

}

ul#topmenu li

{

float:right;

margin:0;

list-style:none;

}

ul#topmenu li a

{

font-size: 1.2em;

font-family:"Lucida Sans Unicode",'Lucida Grande', Verdana, Arial, Sans-Serif;


color:#8a8282;

text-decoration:none;

padding:0 5px  0 10px;

}

ul#topmenu li a:hover

{

background:#C0C0C0;

color:#fff;

}



/* Navigation */

#nav a.home

{

float:left;

display:block;

background:transparent url(../images/home.png) no-repeat;

width:27px;

height:27px;

position:relative;

top:3px;

margin:0 20px 0 0

}

#nav

{

position:relative;

height:31px;

}

#nav ul

{

padding:0;

margin:0;

}

#nav ul li

{

float:left;

margin:0;

padding:0 2px 0 0;

list-style:none;

background:url(../images/menu-sep.png) right no-repeat;

}

#nav ul li a

{

float:left;

text-decoration:none;

font-size: 1.2em;

font-family:"Lucida Sans Unicode",'Lucida Grande', Verdana, Arial, Sans-Serif;

height:31px;

display:block;

line-height:31px;

color:#fff;

background:transparent;

padding:0 15px 0 15px;

}

/*#nav ul li a:first-letter { text-decoration: underline;}*/

#nav ul li a:hover, #nav ul li a.active

{

background:url(../images/a-hover.png) repeat-x;

height:31px;

}

#head, #head-blog, #head-hosting, #head-clients, #head-reseller, #head-gplus, #head-promotion, #head-support, #head-why, #head-order, #head-legal, #head-contactus, #head-sitemap

{

background:#fff url(../images/xhead.jpg) top left no-repeat;

width:820px;

height:256px;

position:relative;

top:11px;

padding:5px 0 0 0;

}

#head-clients

{

background:#fff url(../images/clients.gif) bottom left no-repeat;

top:15px;

height:133px;

}

#head-hosting

{

background:#fff url(../images/shared.jpg) bottom left no-repeat;

top:15px;

height:314px;

}

#head-reseller

{

background:#fff url(../images/reseller.jpg) bottom left no-repeat;

top:15px;

height:314px;

}

#head-gplus

{

background:#fff url(../images/resellerplus.jpg) bottom left no-repeat;

top:15px;

height:314px;

}

#head-promotion

{

background:#fff url(http://www.xfluro.com/promotions/images/10promo.gif) bottom left no-repeat;

top:15px;

height:133px;

}

#head-support

{

background:#fff url(../images/support.jpg) bottom left no-repeat;

top:15px;

height:133px;

}

#head-why

{

background:#fff url(../images/why.jpg) bottom left no-repeat;

top:15px;

height:133px;

}

#head-order

{

background:#fff url(../images/order.jpg) bottom left no-repeat;

top:15px;

height:133px;

}

#head-contactus

{

background:#fff url(../images/contactus.jpg) bottom left no-repeat;

top:15px;

height:133px;

}

#head-sitemap

{

background:#fff url(../images/sitemap.jpg) bottom left no-repeat;

top:15px;

height:133px;

}

#head-legal

{

background:#fff url(../images/legal.jpg) bottom left no-repeat;

top:15px;

height:133px;

}

#head-blog

{

background:#fff url(http://xfluro.com/images/blog.jpg) bottom left no-repeat;

top:20px;

height:314px;

}

h1.head-text, h1.head-text1,h1.head-text2,h1.head-text3

{

margin:0;

padding:10px 0 0 120px;

font-size: 1.7em;

font-family:"Lucida Sans Unicode",'Lucida Grande', Verdana, Arial, Sans-Serif;

color:#5ed0e9;

}

h1.head-text1, h1.head-text2, h1.head-text3 { color:#db6c45; padding:5px 0 0 140px; position:relative; font-size:1.9em;}



#mainbody

{

width:100%;

padding:5px;

position:relative;

margin-top:10px;

}

#breadcrumbs

{

padding:5px;

}

#mainbody .left

{

width:24%;

padding:5px;

position:relative;

float:left;

margin-top:5px;

}

#mainbody .right

{

width:72%;

padding:5px;

position:relative;

margin-top:10px;

float:left;

border-left:1px #fafae8 solid;

}

ul.sidemenu

{

padding:10px 5px 5px 5px;

list-style:none;

height:auto;

}

ul.sidemenu li

{

padding:2px;

}

ul.sidemenu li a

{

display:block;

width:90%;

text-decoration:none;

height:20px;

padding:5px 0 0 10px;

border-bottom:1px #dfde93 dotted;

}

ul.sidemenu li a:hover

{

border-left:5px #f21f22 solid;

background:#eeeed0;

color:#75741b;

}

.highlight

{

padding:5px;

}

.highlight p

{

background:#f2f1c0;

padding:0;

margin:0;

}

.highlight2

{

padding:5px;

}

.highlight2 p

{

background:#eeeed0;

padding:0;

margin:0;

}

.highlight3

{

padding:5px;

}

.highlight3 p

{

background:#e6f0fa;

padding:0;

margin:0;

}

.highlight4

{

padding:5px;

}

.highlight4 p

{

background:#f7d1c1;

padding:0;

margin:0;

}

#mainbody .threecolumn

{

padding:10px 0 10px 10px;

position:relative;

border-bottom:0px #f1f1f1 solid;

}

.threecolumn .column, .threecolumn .column3

{

width:30%;

float:left;

margin:0 10px 0 0;

border-right:1px #f1f1f1 solid;

padding:0 10px 0 0;

position:relative;

}

.threecolumn .column3

{

border:0;

position:relative;

}

.threecolumn .column .bg, .threecolumn .column3 .bg

{

background:url(../images/detail-bg.png) top repeat-x;

height:auto;

margin:0px 0 0 0;

}

.threecolumn .column h2.title, .threecolumn .column3 h2.title, .threecolumn .column h2.title-reseller,.threecolumn .column3 h2.title-dedicated

{

background:#363b3a url(../images/shared-h2.png) no-repeat;

background-position:0px;



border-left:0px #a8d7ec solid;

font-size: 1.8em;

font-family:"Lucida Sans Unicode",'Lucida Grande', Verdana, Arial, Sans-Serif;

font-weight: normal;

color:#fff;

height:30px;

line-height:30px;

padding:0 0 0px 70px;

text-decoration:none;

}

.threecolumn .column h2.title-reseller

{

background:#363b3a url(../images/reseller-h2.png) no-repeat;

}

.threecolumn .column3 h2.title-dedicated

{

background:#363b3a url(../images/dedicated-h2.png) no-repeat;

}

.threecolumn .column .title-bg, .threecolumn .column3 .title-bg

{

/*background:#363b3a url(../images/h2-bg.png) repeat-x;*/

background:#e5f3f9;

height:30px;

}

ul.details

{

float:left;

padding:15px 0 15px 5px;

margin:0px 0 0 0;

}

ul.details li

{

list-style:none;

padding:0;

margin:0;

font:bold 1.2em "trebuchet MS";

letter-spacing:1px;

line-height:1.2;

color:#3f3939;

background:url(../images/bullet.gif) left no-repeat;

padding:0 0 0 15px;

}

h2.price

{

font-family:Georgia, "Times New Roman", Times, serif;

font-size:1.4em;

float:right;

color:#bc6337;

}





h2.price span

{

font:bold 1.8em Georgia, "Times New Roman", Times, serif;

color:#bc6337;

}

a.more, a.compare

{

position:relative;

float:left;

font-size: 1.2em;

font-family:"Lucida Sans Unicode",'Lucida Grande', Verdana, Arial, Sans-Serif;


color:#bebc23;

}

a.compare

{

float:right;

}

a.more:hover, a.compare:hover

{

background:#808080;

color:#fff;

}



#mainbody h1

{

padding:2px 0 4px 0;

}

#mainbody p

{

padding:0 5px 0 5px;

}

#mainbody hr

{



}

h2.bottomh2

{

font:bold 1.6em "trebuchet MS";

text-decoration:underline;

color:#444444;

padding:0 0 10px 0;

text-align:center;

}

ul.bottomul

{

padding:5px 0 5px 40px;

margin:0;

}



ul.bottomul li

{

list-style:none;

background:url(../images/tick.gif) left no-repeat;

padding:0 0 0 25px;

font:bold 1.3em "trebuchet MS";

text-transform:lowercase;

}



#bottomimage

{

width:97%;

position:relative;

border-top:0px #f6f5da solid;

text-align:center;

padding:5px 0 5px 0;

}

#footer

{

width:97%;

position:relative;

}

#footer ul.bottom-menu

{

padding:1px 0 5px 0;

margin:0;

float:right;

}

#footer ul.bottom-menu li

{

float:left;

list-style:none;

}

#footer ul.bottom-menu li a

{

font-size: 1.2em;

font-family:"Lucida Sans Unicode",'Lucida Grande', Verdana, Arial, Sans-Serif;

color:#75741b;

text-decoration:none;

padding:0 10px 0 10px;

}

#footer ul.bottom-menu li a:hover

{

/*background:#bebc23;

color:#fff;*/

text-decoration:underline;

background:transparent;

}



hr.footer

{

width:100%;

height:2px;

border-bottom:1px #808080 solid;

margin:0px 0 0 0;

padding:0;

}

p.footer

{

float:left;

padding:5px 0 0 0;

margin:0;

}

.line

{

width:100%;

height:auto;

padding:0px;

margin:0;

position:relative;

border-top:1px #808080 solid;

}