* 						{ margin:0; padding:0; position: relative;  }
a img 					{ border: none; }
a						{ text-decoration: none; color: #fff; }
a:hover					{ text-decoration: underline; }

body 					{ background:#132e5e url(../images/body-background.gif) repeat-x; font-family: 'Trebuchet MS',arial,helvetica,sans-serif; color: #1e2225; font-size: small; }

/*-------Col-------*/
.col90					{ width: 90px; }
.col156					{ width: 136px; }
.col146					{ width: 146px; }
.col156					{ width: 156px; }
.col156					{ width: 186px; }
.col200					{ width: 180px; height: 180px; background: url(../images/col200-background.gif) no-repeat; padding: 10px; }
.col225					{ width: 215px; }
.col252					{ width: 252px; }
.col273					{ width: 253px; height: 380px; background: url(../images/col273-background.gif) no-repeat; padding: 10px; }
.col588					{ width: 588px; }


/*------Wrapper------*/
#wrapper_container		{ width: 960px; margin: 0 auto; }
#wrapper				{ }



/*------Header------*/
#header_container		{  height: 75px; background: url(../images/header-background.gif) no-repeat bottom left; padding: 25px 25px 0; overflow:visible; }
#header					{ overflow: visible; }


/*------Nav------*/
#top-nav				{ color: #fff; position: absolute; top: 60px; right: 25px; font-weight: bold; }
#top-nav ul				{ list-style: none; }
#top-nav ul li			{ float: left; padding: 0 0 0 1em;}
#top-nav ul li ul li	{ float: none; }
#top-nav ul li img		{ margin-top: -45px; padding: 0 0 0 1em; }

#top-nav ul  ul 		{ background: #2150a4; opacity:0.9; }

/*
font: 1.22em/25px 'Trebuchet MS',arial,helvetica,sans-serif; background: #2150a4; 
*/

/* Navigation */
.nav, .nav ul 			{ list-style: none; overflow: visible; }
.nav 					{ z-index: 100; }
.nav li 				{ float: left;  }
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited
						{ display: block; padding: 0 9px; }
.nav ul 				{ background: #2150a4; opacity:0.9; list-style: none; position: absolute; top: -999em; left: -1px; }
.nav ul li 				{ float: none; }
.nav li:hover ul 		{ top: 25px; }
.nav li.sfHover ul 		{ top: 25px; }
.nav ul a:hover 		{ background: #2150a4; opacity:0.8; }


/*------Banner------*/
#banner					{ padding: 30px 0; }


/*------Content------*/
#content_container 		{ background: #fff; color: #132e5e; clear: both; }
#content_container 	a	{ color: #132e5e;  }
#content  				{  background: #fff; padding: 0 50px 7px 50px;  clear: both;}
#content p { line-height: 1.5em; margin: 0 0 1em; }
#content ul { padding: 0 0 0 1em; }
.col200 h3				{ padding: 0 0 5px 0; }
.more					{ position: absolute; bottom: 5px; right: 10px; }
.price					{ font-size: 24px; }
.monthly				{ font-size: 12px; }
.col273 span			{ position: absolute; bottom: 30px; right: 10px; text-align: right; }

a.button  { display:inline-block; position:relative; height:23px; padding:3px 17px 0; margin-right:4px; background:url(../images/ui-smallbutton-right.png) top right no-repeat; color:#fff; white-space:nowrap; }
a.button span { display:block; width:12px; height:26px; position:absolute; top:0; left:0; background:url(../images/ui-smallbutton-left.png) top left no-repeat transparent; color:#fff; }
a.button:hover { background-position:bottom right; color:#fff; }
a.button:hover span { background-position:bottom left; }

a.phone  { display: inline-block; position: relative; height:32px; padding: 6px 0 0 48px; background: url(../images/ui-phone.gif) 0 -7px no-repeat; }

/*----------jcarousel-----------*/
/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-list li,
.jcarousel-item { float: left; list-style: none; width: 150px; height: 150px; }

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next,
.jcarousel-prev { z-index: 3; display: none; }


/*----------bikini-selector-----------*/
#bikini-selector { width: 810px; height: 430px; text-align:center; overflow:hidden; position: relative; top:15px; left:16px; }
#bikini-selector #bikini-selector  .jcarousel-container { position: absolute; top:324px; }
#bikini-selector ul li img 							{ width:150px; height:150px; border: transparent 2px solid;}
#bikini-selector ul li img:hover 					{ border: #ff0 2px solid; cursor: pointer; }
#bikini-selector  .jcarousel-container-horizontal 	{ width: 506px; padding: 20px 40px; }
#bikini-selector  .jcarousel-clip-horizontal 		{ width: 720px; height: 150px; }
#bikini-selector  .jcarousel-item 					{ width: 150px; height: 150px; }
#bikini-selector  .jcarousel-item-horizontal 		{ margin-right: 10px; }
#bikini-selector  .jcarousel-item-placeholder 		{ background: #fff; color: #000; }

/* Horizontal Buttons */
#bikini-selector  .jcarousel-next-horizontal { position: absolute; top: 78px; left: 775px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/bikini-selector/next-horizontal.png) no-repeat 0 0; }
#bikini-selector  .jcarousel-next-horizontal:hover { background-position: -32px 0; }
#bikini-selector  .jcarousel-next-horizontal:active { background-position: -64px 0; }
#bikini-selector  .jcarousel-next-disabled-horizontal,
#bikini-selector  .jcarousel-next-disabled-horizontal:hover,
#bikini-selector  .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
#bikini-selector  .jcarousel-prev-horizontal { position: absolute; top: 78px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/bikini-selector/prev-horizontal.png) no-repeat 0 0; }
#bikini-selector  .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
#bikini-selector  .jcarousel-prev-horizontal:active { background-position: -64px 0; }
#bikini-selector  .jcarousel-prev-disabled-horizontal,
#bikini-selector  .jcarousel-prev-disabled-horizontal:hover,
#bikini-selector  .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } 


/*-----Home Page-----*/
#latest-rankings		{ list-style-type: none; }


/*------FAQ------*/
#faq h1					{ padding-bottom: 10px; }


/*------Contact------*/
#contactform h1			{ padding-bottom: 10px; }



/*------Footer------*/
#footer_container	{ background: url(../images/footer-background.gif) no-repeat top left; padding: 20px 0 15px 0; color: #fff; font-family: Verdana,sans-serif; font-size:10px; }
#footer					{ padding: 0 20px; }
#footer h2					{ font-size:12px; }
#footer li.topborder	{ padding: 1px 0 7px 0; }

.breadbox ul li  	{ list-style-type: none; }
.breadbox .alpha	{ padding: 5px 0 0 0; }

#legal				{ margin-top: 20px; }
#legal a			{ }
#legal p			{ margin-right: 30px; float: left; }
#legal ul			{ float: left; }
#legal ul li		{ display: inline; padding: 0 6px 0 6px; }
#legal ul li.border { border-right: 1px solid #fff; padding-right: 9px; }
#legal ul li a		{ }
#legal p.sitecredit	{ float: right; }



/*--Special Classes--*/
.colmarg				{ margin: 0 20px 0 0; float: left; }
.clear					{ clear: both; }
.lfloat					{ float: left; }
.rfloat					{ float: right; }
.center					{ text-align: center; }
.topborder			{ border-top: thin #fff solid; }
.padtop					{ padding-top: 20px; }

#webdesign-carousel	ul { padding: 10px 0 0; height:150px; overflow:hidden; }
#webdesign-carousel	ul li { padding: 0 1em 0 0; }

/*----Breadcrumb----*/
.breadcrumb		{ height: 28px; margin-bottom: 20px; }
.breadcrumb ol li { height: 28px; background: url(../images/breadcrumb_arrow-background.png) top right no-repeat; display: block; float: left; list-style-type: none; }
.breadcrumb ol li.omega { background-image:none; margin-top:5px; }
.breadcrumb ol li a { color: #666; margin: 5px 22px 0px 4px; display: block; } 

ul.plus li { list-style-type: none; background:url(../images/li-background.gif) no-repeat 0 5px; padding-left:1.25em; }


/*#marketingpage #features { clear:both; margin:2em 0 0;}
#marketingpage h2 { clear:left; margin:2em 0 0;}
#marketingpage ul.plus {padding:0 1em 2em; display:block; clear:both;}*/
#marketingpage ul.plus li { width:45%; display:block; float:left; font-size:.9em; line-height:2em; padding:0 0 0 2em; }
/*#marketingpage ul.plus li.omega { clear:right; }*/

#marketingpage #banner { margin: 0 auto 1em; padding-top: 200px; border: 1px solid #666; width: 860px;  height:0;
background:#999; 
background-repeat:no-repeat;
overflow:hidden; 
-moz-border-radius-topleft: 36px; -webkit-border-top-left-radius: 36px; -moz-border-radius-bottomright: 36px; -webkit-border-bottom-right-radius: 36px;
-webkit-box-shadow: #aaa 3px 3px 7px;	
-moz-box-shadow: #aaa 3px 3px 7px; 
filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=4);
/* margin:0 0 0 -50px;*/
}

.col860 {
background:#fff url(../images/col-background.gif) repeat-x;
padding:20px;
border: 1px solid #666; 
width: 820px;
-moz-border-radius: 18px; 
-webkit-border-radius: 18px;
margin:0 0 1em;
}

.col430 {
background:#fff url(../images/col-background.gif) repeat-x;
padding:20px;
border: 1px solid #666; 
width: 380px;
-moz-border-radius: 18px; 
-webkit-border-radius: 18px; 
margin:0 0 1em;
}

.col286 {
background:#fff url(../images/col-background.gif) repeat-x;
padding:20px;
border: 1px solid #666; 
width: 236px;
-moz-border-radius: 18px; 
-webkit-border-radius: 18px; 
margin:0 0 1em;
}

.col573 {
background:#fff url(../images/col-background.gif) repeat-x;
padding:20px;
border: 1px solid #666; 
width: 523px;
-moz-border-radius: 18px; 
-webkit-border-radius: 18px; 
margin:0 0 1em;
}

#marketingpage .carousel {background:#fff url(../images/col-background.gif) repeat-x;
padding:20px;
border: 1px solid #666; 
width: 820px;
-moz-border-radius: 18px; 
-webkit-border-radius: 18px;
margin:0 0 1em; }