body{width: 100%;color: #514f4f;background: #323232 url(../images/bg.png) repeat-x;font-family: arial, verdana;font-size: 62.5%;margin: 0 auto 0 auto;}
html{min-height: 100%;margin-bottom: 1px;}

/***************************************************************************************
-- RESET -- 
****************************************************************************************/
img, object, embed{border: 0px none;display: block;margin: 0;padding: 0;}
a:visited, a:link{outline: none;color: #B9000D;text-decoration: none;}
a:hover, a:active, a.active:visited, a.active:link{outline: none;color: #e60b0e;text-decoration: underline;}
h2, h3, h4{padding: 0;margin: 0 0 .8em 0;display: block;font-size: 1.4em;line-height: 1.4em;color: #413f3f;}
h3{font-size: 1.4em;}
p{padding: 0;margin: 0 0 .7em 0;font-size: 1.2em;line-height: 1.3em;}
ul, ol{margin: 0 0 0 0;padding: 0 0 0 20px;}
ul li, ol li{font-size: 1.2em;line-height: 1.4em;}
h3 {font-size:1.2em}

/* IR elements */
p.logo, h1.logo, div.panelinner p.arrow, ul.topnav li, div.content p.submit{margin: 0;padding: 0;float: left;display: block;text-indent: -8000px;font-size: .05em;line-height: .05em;}
p.logo a, h1.logo a, div.panel h2 a, div.content p.submit a{float: left;display: block;text-decoration: none;}
p.logo, h1.logo{margin: 45px 0 35px 0;}
p.logo, p.logo a, h1.logo, h1.logo a{background: url(../images/logo_web.gif) no-repeat;width: 213px;height: 33px;}
p.logo img, h1.logo img{display: none;}
p.logo a:hover, h1.logo a:hover{text-decoration: none;}

/***************************************************************************************
-- HEADER -- 
****************************************************************************************/
p.strapline{float: right;width: 700px;font-size: 2em;font-weight: bold;text-align: right;line-height: 1.2em;color: #fff;margin: 28px 25px 0 0;height: 38px;}
p.strapline span{color: #000;}
ul.topnav{list-style-type: none;padding: 0;margin: 0;float: right;width: 192px;height: 32px;}
ul.topnav li, ul.topnav li a{float: left;height: 32px;}
ul.topnav li.login, ul.topnav li.login a{width: 107px;background: url(../images/login.png) no-repeat;}
ul.topnav li.signup{margin: 0 0 0 -44px;}
ul.topnav li.signup, ul.topnav li.signup a{width: 129px;background: url(../images/signup.png) no-repeat;}
ul.topnav li a:hover, ul.topnav li a:active{background-position: bottom left;}

/***************************************************************************************
--MAIN NAVIGATION  --
****************************************************************************************/
ul.nav{float: left;width: 925px;height: 20px;list-style-type: none;padding: 0;margin: 12px 0;}
ul.nav li{float: left;margin: 0 0 0 0;padding: 0;font-size: 1.3em;line-height: 1.3em;}
ul.nav li span{margin-right:20px;}
ul.nav li.navRight{float:right;margin-left:20px;}

ul.nav li a{color:#FFF;font-size:1.1em;text-decoration:none; padding:3px 0 3px 5px}
ul.nav li a:hover, ul.nav li a#current{color:#DF0006;text-decoration:none;}


/* Layout */
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -0px;}
div.dremus{width: 950px;margin: auto;text-align: left;}
div.header{width: 950px;float: left;height: 152px;}

/* Content Stuff */
div.homecontent, div.subcontent{width: 100%;float: left;padding: 28px 0 45px 0;min-height: 450px;height: auto; background: #e3e3e3 url(../images/contentpanel.png) repeat-x center top;}
div.content{float: left;width: 950px;}
div.content h2{color: #333333;font-size: 1.6em;font-weight: normal;float: left;width: 100%;margin: .8em 0 .6em 0;}

/***************************************************************************************
-- FOOTER -- 
****************************************************************************************/

.footer, .push {height: 0px;float: left;width:100%;padding: 20px 0 0 0;background: #323232;}
div.footer ul.links{float: left;width: 123px;padding: 0 10px 0 0;margin: 0;list-style-type: none;}
div.footer ul.links span{font-weight:bold; color:#e3e3e3;}
div.footer ul#linkslast{padding-right: 0;}
div.footer ul.links li{float: left;width: 130px;line-height: 1.1em;font-size: 1.1em;margin: 0 0 1px 0;}
div.footer ul.links li a{float: left;width: 122px;padding: 2px 4px;}
div.footer ul.links li a:link, div.footer ul.links li a:visited{color: #999999;text-decoration: none;}
div.footer ul.links li a:hover, div.footer ul.links li a:active{color: #000;background: #cdcbcb;text-decoration: none;}
div.footer ul.footer{float: left;width: 925px;padding: 20px 0 20px 0;margin: 0;list-style-type: none;}
div.footer ul.footer li{float: right;padding: 0 15px 15px 0;line-height: 1.1em;font-size: 1.1em;float: right;color: #5c5c5c;padding: 0 8px 0 8px;border-left: 1px solid #5c5c5c;}
div.footer ul.footer li.tandcs{padding-right: 0; color:#e3e3e3; text-decoration:none}
div.footer ul.footer li.copy{border-left: 0 none; color:#e3e3e3; text-decoration:none}
div.footer ul.footer li a:link, div.footer ul.footer li a:visited{color: #e3e3e3;text-decoration: none;}
div.footer ul.footer li a:hover, div.footer ul.footer li a:active{color: #e60b0e;text-decoration: none;}

/***************************************************************************************
-- INTERIOR PAGES -- 
****************************************************************************************/
#interior_container{width:950px;margin:0 auto; position: relative;}
#interior_end_container_subnav{width:100%;float:left;background:url(../images/end_container_subnav_bg.png) no-repeat bottom left;padding-bottom:70px;margin-bottom:7px;}
#interior_end_container{width:100%;float:left;background:url(../images/end_container_bg.png) no-repeat bottom left;padding-bottom:70px;margin-bottom:7px;}
#interior_white_bg{width:100%;float:left;;padding-top:15px;}
#interior_white_bg .container{background:url(../images/subcontent_bg.png) repeat-y;float:left;position:relative;}
#interior_white_bg .subnav{background:url(../images/subcontent_subnav_bg.png) repeat-y;}
#interior_white_bg .subnav-container{width:230px;float:left;}
#interior_white_bg .content .sub-heading{background:url(../images/sub-content-top2.png) no-repeat center bottom; border-top:1px solid #D6D1CA; height:60px; margin-left:2px; padding:10px 0 0 20px; width:904px;}
#interior_white_bg .content .sub-heading h2{font-size:24px;margin:10px 0 0 0;line-height:1em;text-shadow:0 1px 0 #fff;}
#interior_white_bg .content .sub-content{float:left;width:865px;margin-top:0px;padding:15px 30px;}
#interior_white_bg .subnav .sub-content{float:left;width:660px;margin-top:17px;padding:0;margin-left:225px;min-height:300px;}
#interior_white_bg .subnav .sub-content-nonav{float:left;width:860px;margin-top:17px;padding:0;margin-left:25px;}
ul#subnav{width:202px;float:left;list-style:none;margin-left:1px;margin-top:0px;padding-left:20px;position:absolute;top:100px;left:-20px;}
ul#subnav li{list-style:none;margin:0;padding:0;float:left;}
ul#subnav li a{width:167px;float:left;border-bottom:1px solid #dcddde;border-top:1px solid #fff;text-decoration:none;font-size:11px;font-weight:bold;color:#817b7b;display:block;padding:8px 0;line-height:1.7em;margin-left:1px;font-family:"Lucida Grande",Lucida,Arial,sans-serif;font-size:13px;padding-left:25px;position:relative;text-shadow :0px 1px 0px #fff;}
ul#subnav li a:hover{color:#a90010;}
ul#subnav li a.active,ul#subnav li a.active:hover{color:#fff;text-shadow :0px 1px 0px #666; background:url('../images/subnav-status.png') 0px 0 no-repeat;width:205px;border:0;position:relative;top:0px;left:-15px;border:0 !important;text-indent:16px;padding-bottom:11px;}
ul#subnav li a.active span{position:absolute;width:15px;height:10px;background:url('../images/subnav-status.png') bottom left no-repeat;top:39px;left:0;}

#interior_container .standalone{text-align:center}

/*Firefox 2 fix*/
ul#subnav li{}

/***************************************************************************************
--FEATURES--
****************************************************************************************/
.features_overview{float:left;width:100%;padding-bottom:30px;border-bottom:1px dotted #e3e3e3;font-size: 1.2em;margin-bottom:30px;}
.features_overview_noborder{float:left;width:100%;padding-bottom:0px;font-size: 1.2em;margin-bottom:0px;}

.features_overview_left{float:left;width:310px;}
.features_overview_right{float:left;width:350px;}
.features_overview_left img.main_screenshot{border:4px solid #e3e3e3;}



/***************************************************************************************
--LAYOUTS--
****************************************************************************************/
.UnConstrainWidth {}
.ConstrainWidth {/* controls the width of vertical chunks */
 max-width: 99em;_width: 99em;margin: 0 auto;}
.ColumnWrapper:after {/* clears the floated columns */
 content: ".";display: block;height: 0px;line-height: 0px;clear: both;visibility: hidden;}
.ColumnWrapper {*display: inline-block;overflow: hidden;height: 100%;}

 /* Columns */
 /* Even */
 .ColumnOneQuarter {float: left;width: 25%;*width: 24.8%;}
 .ColumnOneHalf {float: left;width: 50%;*width: 49.8%;}
 .ColumnThreeQuarters {float: left;width: 75%;*width: 74.8%;}
 /* Odd */
 .ColumnOneThird {float: left;width: 33.33%;*width: 33.2%;}
 .ColumnTwoThirds {float: left;width: 66.66%;*width: 66.5%;}
 /* Irrational */
 .ColumnGoldenLarge {float: left;width: 61.8%;*width: 61.7%;}
 .ColumnGoldenSmall {float: left;width: 38.2%;*width: 38.1%;}
 /* Fixed Outer Columns Fluid inner! */
 .ColumnA {float: left;width: 250px;}
 .ColumnB {float: right;width: 125px;}
 .ColumnC {/* Main content */
 margin: 0 125px 0 250px;}
 
 /*Utilities*/
.Margin{margin: 10.0px}
.MarginTop{margin-top: 10.0px}
.MarginRight{margin-right: 20.0px}
.MarginBottom{margin-bottom: 10.0px}
.MarginLeft{margin-left: 10.0px}
.Padding{padding: 10.0px}
.PaddingLeft{padding-left: 5.0px}
.TextRight{text-align:right}
.TextLeft{text-align:left}


/***************************************************************************************
--FORMS--
****************************************************************************************/
#signup-form .FormText{
margin:0px 0 15px 0;
}

#signup-form .FormText
label {
display:block;
font-weight:bold;
padding:0 0 5px 0;
font-size:1.2em;
}

#signup-form .FormText
input {
width:350px;
padding:5px;
border:1px solid #999;
font-size:1.2em;
}

#signup-form .FormText
select {
width:350px;
padding:5px;
border:1px solid #999;
font-size:1.2em;
}

#signup-form .FormText
textarea {
width:350px;
height:200px;
padding:5px;
border:1px solid #999;
font-size:1.2em;
font-family: arial, verdana;
}

#signup-form .NoteText{
font-size:1em;
padding:5px 0 0 0;
width:350px;
}

#signup-form  hr{
border:none;
padding:10px 0 10px 0;
}

.webDremus{
padding:0 0 0 10px;
font-size:1.3em;
font-weight:bold;
}

#domain-response{
float:right;
padding:0 40px 0 0;
}

#terms-conditions{
padding:10px 0 0 0;
}

#form-errors{
border:1px solid #A10011;
padding:10px 10px 10px 20px;
margin:0 0 10px 0;
line-height:1.5em;
font-size:1.1em;
background:#FFDFE0;
color:#000;
}

.error-message{
padding:5px 0 0 0;
color:#A10011;
font-weight:bold;
}

#signup-button {
    float:right;
    margin:20px 10px 10px 10px;
}

#req-field{
	padding:0 0  0 5px;
	color:#A10011;
	font-size:1.1em;
}

#signup-button a {
    background:#A10011;
    padding:5px 10px;
    font-size:1.2em;
    color:#eee;
    text-decoration:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
 
#signup-button a:hover {
    background:#FA0001;
    padding:5px 10px;
    font-size:1.2em;
    color:#FFF;
    text-decoration:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#showData{
	font-size:1.1em;
}

.address{
	font-size:1.4em;

}

/***************************************************************************************
-- HEADINGS --
****************************************************************************************/

span.sifr
{
width: 100%;
margin: 0;
padding: 0;
color: #de0006;
font-size: 3.6em;
height: 50px;
font-weight: bold;
letter-spacing: -2px;
line-height: 1.1em;
display:block;
}

span.sub-sifr
{
color: #000;
font-size:2.1em;
}

/* Global Page Styles */

.breadcrumbs {
float:left;
width:923px;
margin-left:2px;
}

ul#breadcrumbs {
  	background: transparent url(../images/crumbs_bg.gif) repeat-x scroll left bottom;
	overflow: hidden;
	font-size: 11px;
	border-bottom: solid 1px #D7D1C9;
	padding-left: 10px;
}
#breadcrumbs li {
	float: left;
	list-style:none;
	padding: 3px 20px 3px 10px;
	background: transparent url(../images/crumbs.gif) no-repeat scroll right center;
}
#breadcrumbs .selected {
	font-weight: bold;
	background: none;
}
#page {
	width: 958px;
	margin: 0 auto;
        clear: both;
	font-size: 16px;
	line-height: 24px;
}

.homepage {
    margin-top:-20px;
}

#hp_block{
    width:100%;
    float:left;
    margin-bottom:20px;
    font-size:1.2em;
}

.try-dremus{
    position:absolute;
    width:950px;
    text-align:right;
    z-index:3000;
    text-indent:-3000px;
}

.try-dremus #try, .try-dremus #more-info {
    width:100%;
    height:49px;
    float:right;
    text-indent:-3000px; 
}

.try-dremus #try a{
    background: url(../images/try_dremus_up.png) no-repeat;
    width:169px;
    height:49px;
    float:right;
}

.try-dremus #try a:active, .try-dremus #try a:hover {
    background: url(../images/try_dremus_down.png) no-repeat;
}

.try-dremus #more-info{
    padding-right:33px;
    font-size:1.1em;
    font-weight:bold;
    margin-top:-3px;
    font-family: helvetica;
}

.try-dremus #more-info i{
    font-weight: 100;
}

.try-dremus #more-info a{
    color:#303030;
}

.try-dremus #more-info a:active, .try-dremus #more-info a:hover {
    color:#F00003;
    text-decoration:none;
}


#hp_block h2{
    font-size:1.5em;
}

/* Indicators */
ul#feature_indicators {
    width: auto;
    margin: 10px 0 0 0;
    float: right;
    display: block;
    z-index: 90;
}

ul#feature_indicators li {
    display: block;
    width: 9px;
    height: 9px;
    float: left;
    margin: 0 5px 0 0;
}
		
ul#feature_indicators li a {
    display: block;
    width: 9px;
    height: 9px;
    background: #666;
    opacity: 0.4;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}	
		
ul#feature_indicators li.active a { opacity: 1.0; }
ul#feature_indicators li a:hover { opacity: 0.6; }
ul#feature_indicators li.active a:hover { opacity: 1.0; }


ul#feature_fader {
    width: 950px;
    height: 426px;
    display: block;
    float: left;
    position: relative;
    border-bottom:1px solid #CCC;
}
	
ul#feature_fader li {
    width: 950px;
    height: 426px;
    float: left;
    display: block;
}
	
	

#case-people ul{list-style:none;}
#case-people ul li{float:left;margin-right:10px;}
#case-people ul li img{width:130px;height:130px;border: 3px solid #FFF}
#case-partner h2{text-align:right;}
#case-partner ul{list-style:none;}
#case-partner ul li{float:right;margin-right:5px;width:85px;text-align:right}
#case-partner ul li img{width:85px;}

