/* Start of CMSMS style sheet 'Default' */
* {
    margin:0px;
    padding:0px;
}

body {
   text-align: left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;

}
 

.btn {
     border: none;
    background: url(images/nav_bkgd.jpg) repeat-x center left; 
    color:#fff;
    padding: 3px 8px;

}
.btn:hover {
     border: none;
    background: url(images/nav_bkgd.jpg) repeat-x bottom left; 
    color:#fff;
    padding: 3px 8px;
    margin-left: 1px;

}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}


a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #385C72;
}


/*****************
basic layout 
*****************/
body {
   background-image: url(images/emb_body.png);
   background-repeat: repeat-x; 
   background-color: #FCDDBE;
   color: #333;

}



div#content_wrapper {
    background: url(images/emb_contentw.png) repeat-y;
     width:956px;
     padding: 0;
     margin: 0px auto; 
}

div#header{
    height:300px;
     padding: 0;
     margin: 0; 
}


div#header h1{
	font-size: 14px;
	line-height: 24px;
	color: #222;
	padding-bottom: 1px;
	font-weight: bold;
}

div#header h2 {
	font-size: 14px;
	line-height: 24px;
	color: #222;
	padding-bottom: 1px;
	font-weight: bold;
}

#header.fp{ background: url(images/emb_fp.png) no-repeat;}
#header.mk{ background: url(images/emb_mk.png) no-repeat;}
#header.hosting{ background: url(images/emb_hosting.png) no-repeat;}
#header.design{ background: url(images/emb_design2.png) no-repeat;}
#header.support{ background: url(images/emb_support.png) no-repeat;}

.title{
clear:left;
padding:10px 0 0 27px;
}

 div#content {
padding-left:30px;   
padding-right:15px;   
min-height:500px;       
            

}



div#main {
   margin-right: 30%; 

}

div#main_wide {


}

div#sidebar {
   float: right;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 28%;     /* sidebar width, if you change this please also change #main margins */
   display: block;  /* FIX IE double margin bug */
   margin-left: 0;
   padding-bottom: 30px;
   height: 100%
}


div#menu_title{

        background: url(images/nav_bkgd.jpg) repeat-x bottom left; 
	display: block;
	padding: 0.8em 0.5em 0.8em .8em;  /* some air for it */
  	color: #FFF; 
        font-weight: bold;	                                /* this will be link color for all levels */
	font-size: 1.1em;                           /* instead of the normal font size for <h3> */
	margin: 0; 

}


div#other {
     width: 823px;   /* IE wont understand these, so we will use javascript magick */
	  padding-left:30px;
      padding-right:30px;
            
}


div#footerwrapper {
     width:100%;
     padding: 0;
     margin:0 0 80px 1px;

}


div#footer {
     width:940px;
     height: 250px;
     background: #808080 url(images/footer_bkgd.png) repeat-x; 
     padding: 0;
     margin: 0px auto; 
}

div#footer_copy {
     width:940px;
          padding: 10px;
     margin: 0px auto; 
 background-color: #FCDDBE;
}


.footercol {
     padding: 12px 0px 22px 22px ;
width:310px;
}

.footercolright {
     padding: 12px 0px 22px 22px ;
width:250px;
}
.footerbrands {
     padding: 0x 0px 12px 22px ;
color: #FFF;
width:930px;
}

.footerbrands h3 {
   color: #FFF;
   font-size: .9em;
  padding-bottom:2px;
}

.footercol h3 {
   color: #FFF;
   font-size: .9em;
   line-height: .9em;
  padding-bottom:5px;
}
.footercol h3 a{
   color: #FFF;
}
/********************
CONTENT STYLING
*********************/

/* HEADINGS */
div#content h1 {
   font-size: 20px;
   line-height: 1em;
   color: #222; 
   margin: 0;
   font-weight: bold;
   overflow: visible;
   letter-spacing: -0.4px;
}
div#content h2 {
	font-size: 16px;
	line-height: 24px;
	color: #222;
	padding-bottom: 1px;
	font-weight: bold;
}
div#content h3 {
   color: #C13F00;
   font-size: 1.1em;
   line-height: 1.2em;
}
div#content h3 a{
   color: #C13F00;
}

div#content h3 a:hover{
   text-decoration: underline;
}


div#content h4 {
   color: #01708B; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #01708B; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #01708B; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

div#footercontent h3 {
   color: #FFF;
   font-size: .9em;
   line-height: .9em;
  padding-bottom:5px;
}
div#footercontent h3 a{
   color: #FFF;
}

/* END HEADINGS */

/* TEXT */

#breadcrumbs {
   font-size: .9em;
   padding: 0 0 .7em 27px;
color: #666;
}

div#breadcrumbs a, a:link, a:visited {
 text-decoration: none;
 color: #666;
}

div#breadcrumbs a:hover {
 text-decoration: underline;
background-color: transparent;
 color: #666;

}




div#slink a, a:link, a:visited {
 text-decoration: none;
 color: #000;
}

div#slink a:hover {
 text-decoration: underline;
background-color: transparent;
 color: #000;

}


div#maincontent {

   font-size: 1em;
   line-height: 1.6em;
   color: #333;

}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}



/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 1.5em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */

.pagetitle { 
margin-bottom: 20px;
}

cp p{
padding-bottom: 15px;
}

.btm25{

padding-bottom: 25px;

}


.btm20{

padding-bottom: 20px;

}

.btm15{

padding-bottom: 15px;

}



.btm10{

padding-bottom: 10px;

}

.top10{

padding-top: 10px;

}


.pad5{

padding: 5px;

}

.pad10{

padding: 10px;

}

.dashlink  a.dashlink, .dashlink:link, .dashlink:visited  {
  	border-bottom: dashed 1px #333;
	color: #003399;
	text-decoration: none;
}
.dashlink:hover{
   text-decoration: none;
   border-bottom: dashed 1px #000;
}


.redlink  a.redlink, .redlink:link, .redlink:visited {
   color: #FF5900;
}
.redlink:hover{
   text-decoration: underline;
}

.bluelink  a.bluelink, .bluelink:link, .bluelink:visited {
   color: #003399;
}
.bluelink:hover{
   text-decoration: underline;
}



.contentul{
	list-style: none;
	list-style-image: url(/images/contentul.jpg);
	margin-top: 0px;
	margin-bottom: 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
.contentul li{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.slabel {
  display:block;
  float:left;
  width:160px;
}

.slabel-right {
  width:160px;
}


fieldset
{
     border: 1px solid #FFF;
padding-left: 6px;
}

div#pbtm15 p{

padding-bottom: 15px;

}

.hth{
padding:8px;
border-bottom-width: 1px;
border-bottom-style: solid;	
border-bottom-color: #E8E8E8;
font-size: 110%
}

.htt1{
border-bottom-width: 1px;
border-bottom-style: solid;	
border-bottom-color: #E8E8E8;
}

.htt2{
border-bottom-width: 1px;
border-bottom-style: solid;	
border-bottom-color: #E8E8E8;
border-left-width: 1px;
border-left-style: solid;	
border-left-color: #E8E8E8;
font-size:90%
}

.httb{
background:#FEF7F3;
padding:20px; 
border-bottom-width: 1px;
border-bottom-style: solid;	
border-bottom-color: #E8E8E8;
font-size:90%
}


.swDomain{
	width: 140px;
	text-align: right;
}

.cart {
	border-bottom-style: none;
	list-style-image:url(/images/cart.jpg);
	padding-bottom: 2px;
        padding-left: 2px;
        font-size:90%;
        margin-left: 34px;
	margin-bottom: 1px;
}

/* iu */
.thumbnail{
position: relative;
z-index: 0;
padding-top:10px
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
cursor: pointer;
cursor: hand;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 8px;
left: -1000px;
border: 3px solid #DEDEDE;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 25px;
left: 80px; /*position where enlarged image should offset horizontally */

}
div#posttitle h2 {
	font-size: 11px;
        font-weight:normal;
        color:#FFF;
	padding: 0;
	margin: 0;
}


div#posttitle h2 a{
	font-size: 11px;
        font-weight:normal;
        color:#FFF;
	padding: 0;
	margin: 0;
}


div#posttitle {

	padding-bottom: 4px;

}

.blogtitle{
   font-size: 1em;
   line-height: 1.1em;
}

.postmeta
{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 11px;
}
.excerpt{
font-size: 95%;
width:550px;
}

.nav{
width: 900px;
height: 30px;
padding:0 0 0 10px;
}
.nav ul{
	margin: 0 ; 
       padding:6px 0 0 32px;
	font: 96% Arial, Helvetica, sans-serif;
	float: left;}

.nav ul li{
	display: inline;
       }

.nav ul li a{
	float: left; text-decoration: none;
	color: #FFF;
        height: 30px;
        padding-top: 6px;
	padding-right: 35px;
        background:  url(images/nav_line.png) no-repeat top right; 
}

.nav ul li a:visited{
	color: #FFF;}

.nav ul li a:hover, .nav ul li .current{
	color: #CCC;
	}

.nav2{
width: 900px;
height: 38px;
padding:12px 0 0 0;
}
.nav2 ul{
	margin: 0 ; 
       padding:2px 0 0 26px;
	font: 1.1em Arial, Helvetica, sans-serif;
        font-weight:bold;
         letter-spacing:0px;
	float: left;}

.nav2 ul li{
	display: inline;
        text-align: center;
        
       }

.nav2 ul li a{
	float: left; text-decoration: none;
	color: #FFF;

height: 38px;
        background:  url(images/nav2_line.png) no-repeat top right; 
        padding-top: 10px;
	padding-right: 35px;

}

.nav2 ul li a.nav_last{
	float: left; text-decoration: none;
	color: #FFF;

height: 38px;
        background: none; 
        padding-top:10px;
	padding-right: 35px;

}

.nav2 ul li a:visited{
	color: #FFF;}

.nav2 ul li a:hover, .nav ul li .current{
	color: #333;
	}


/* End of 'Default' */