/*  -------------------------------------------------------  */
/*  ------------------------------------------------- RESET  */
/*  -------------------------------------------------------  */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, 
canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, 
fieldset, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, hr, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, 
q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, 
table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {line-height: 1;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}


/*  -------------------------------------------------------  */
/*  ------------------------------------------------ GLOBAL  */
/*  -------------------------------------------------------  */

html {

margin-left: -1px;
overflow-Y: scroll;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body *{ margin-left: -1px;}
}
	
html, body {height: 100%;}

body{
	background-color: #362e21;
	font: normal 9pt Tahoma, Arial, sans-serif;
	color: #b0a594;
}

a{color: #ffec95; text-decoration: none;}
a:hover{color: #ffba00;}
a img {border: none;}
a:active{outline:none;}

.white{color: #fff;}
.orange{color: #ffba00;}
.clear {clear: both;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h1{
	padding: 0 20px 0 0;
	font: normal 10pt/40px Tahoma, Arial, sans-serif;
	text-align: right;
	color: #797062;
}

h2{
	padding: 0 0 20px;
	font: normal 27pt Tahoma, Arial, sans-serif;
	text-align: left;
}

h2 span.small{
	letter-spacing: 5px;
	text-transform: uppercase;
	font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

h3{
	padding: 30px 0 5px;
	font: normal 18pt Tahoma, Arial, sans-serif;
	text-align: left;
}

h4{
	padding: 10px 0 0;
	font: normal 12pt Tahoma, Arial, sans-serif;
	text-align: left;
}

.mainright h4{
	margin: 40px 0 10px;
	padding: 0 0 5px;
	text-align: right;
	border-bottom: 1px dotted #b0a594;
}

.mainright h4.big{
	margin: 0 0 10px;
	color: #ffba00;
	font-size: 12pt;
	letter-spacing: 2px;
}

h5{
	margin: 40px 0 10px;
	letter-spacing: 5px;
	text-transform: uppercase;
	font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

p{
	margin: 7px 0;
	line-height: 18px;
	text-align: justify;
}

ol{margin: 0 0 0 18px;}

ul li, ol li{
	margin: 7px 0;
	line-height: 18px;
	text-align: left;
}

.mainleft ul li{
	padding: 0 0 0 18px;
	background: url('../images/bullet.gif') no-repeat top left;
}

hr{
	margin: 7px 0;
	border: none;
	border-bottom: 1px solid #3f3628;
}

code{
	display: block;
	margin: 10px 0;
	padding: 10px;
	background: #544b3d;
	font: normal 9pt 'Courier New', Arial, Helvetica, sans-serif;
}



/*  -------------------------------------------------------  */
/*  --------------------------------------------- STRUCTURE  */
/*  -------------------------------------------------------  */

#container-all{
	position: relative;
	margin: auto;
	width: 991px;
	min-height: 100%;
}

a.quotetag{
	display: block;
	position: absolute;
	top: 350px;
	right: 0;
	margin-right: -42px;
	width: 46px;
	height: 260px;
	background: url('../images/bg-quotetag.jpg') no-repeat top left;
}
a.quotetag:hover{
	background-position: top right;
}

/*  ---------------------------------------------------- TOP */

#container-top{
	width: 991px;
	height: 297px; 
	background: url('../images/bg-container-top.jpg') no-repeat top center;
}

#topbar{
	height: 45px;
	text-shadow: #000000 0 1px 1px;
}

#breadcrumbs{
	float: left; display: inline;
	padding: 0 0 0 20px;
	text-transform: uppercase;
	font: normal 8pt/44px Arial, sans-serif;
}

#topnav{
	float: left; display: inline;
	padding: 60px 5px 0;
	width: 253px;
	text-align: center;
}

a.navtop1,
a.navtop2,
a.navtop3{
	display: block;
	width: 253px;
	height: 37px;
	font: normal 10pt/37px  Tahoma, Arial, sans-serif;
	color: #585b4e;
}

a.navtop1{background: url('../images/bg-navtop1.jpg') no-repeat top right;}
a.navtop2{background: url('../images/bg-navtop2.jpg') no-repeat top right;}
a.navtop3{background: url('../images/bg-navtop3.jpg') no-repeat top right;}

a.navtop1:hover,  
a.navtop2:hover, 
a.navtop3:hover {
	text-shadow: #000000 1px 1px 1px;
	background-position: bottom right;
}


#banner{
	float: left;
	width: 728px;
}


/*  ------------------------------------------- MID SECTION  */


#container-mid{
	width: 991px;
	background: url('../images/bg-container-mid.jpg') repeat-y top right;
	overflow: auto;
	padding-bottom: 450px; /* must be same height as the footer */
}

/*  --------------------------------------------------- SIDE */


#side{
	float: left; display: inline;
	padding: 0 5px;
	width: 253px;
}

.sidenav .accordion, .sidenav .accordion li{
	margin: 0;
	padding: 0;
	border: none;
}

.sidenav .accordion li a{
	display: block;
	padding: 13px 0 0 15px;
	background: url(../images/bg-sidenav.jpg) no-repeat top left;
	height: 78px;
	width: 243px;
	text-shadow: #000000 0 1px 1px;
	color: #b0a594;
	font-size: 15pt;
	cursor: default;
}

.sidenav .accordion li #first{
	background: url(../images/bg-sidenav.first.jpg) no-repeat top left;
	height: 80px;
}
.sidenav .accordion li #first:hover, .sidenav .accordion #first.active{
	background-position: bottom left;
}

.sidenav .accordion li a small{
	display: block;
	margin: 5px 0 0;
	width: 175px;
	text-shadow: #000000 0 0 1px;
	color: #b0a594;
	pointer-events: none;
	font: normal 8pt/14px Tahoma, Arial, sans-serif;
}

.sidenav .accordion li a:hover{
	background-position: bottom left;
	text-shadow: #ffffbe 0 0 5px;
	color: #fff;
}

.sidenav .accordion li ul li a{
	padding: 0 0 0 15px;
	background: #362e21 url(../images/bg-sidenavsub.jpg);
	height: 37px;
	text-shadow: #000000 0 0 0;
	text-transform: uppercase;
	font: normal 8pt/37px  "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	cursor: pointer;
}

.sidenav .accordion li ul li a:hover{
	background-position: bottom left;
}

.sidenav .accordion a.dcjq-parent.active, .sidenav .accordion a.active{
	background-position: bottom left;
	text-shadow: #ffffbe 0 0 5px;
	color: #fff;
}


/*  --------------------------------------------------- MAIN */


#mainboth{
	float: left;
	padding: 50px 60px 30px;
	width: 608px;
	background: url('../images/bg-main.jpg') no-repeat top right;
}

.mainleft{
	float: left; display: inline;
	margin: 0 37px 0 0;
	width: 362px;
}

.mainright{
	float: left;
	width: 209px;
}


/*  --------------------------------------------------- FOOTER */


#footer{
	clear: both;
	position: relative;
	margin-top: -450px; /* negative value of footer height */
	height: 450px;
	background: #0f0c06 url('../images/bg-footer.jpg') repeat-x top center;
}
/*Opera Fix*/
body:before {
	float: left;
	content:"";
	height: 100%;
	width: 0;
	margin-top:-32767px;/
}

#containerfooter{
	margin: auto;
	width: 991px;
}

#footerside{
	float: left; display: inline;
	padding: 0 0 0 15px;
	width: 248px;
}

#footericons{
	margin: 7px 0 62px 0; 
	width: 248px;
}

a.navicon1,
a.navicon2,
a.navicon3,
a.navicon4{
	display: block;
	float: right;  display: inline;
	margin: 0 0 0 3px;
	width: 28px;
	height: 29px;
}

a.navicon1{background: url('../images/bg-navicon1.jpg') no-repeat top left;}
a.navicon2{background: url('../images/bg-navicon2.jpg') no-repeat top left;}
a.navicon3{background: url('../images/bg-navicon3.jpg') no-repeat top left;}
a.navicon4{background: url('../images/bg-navicon4.jpg') no-repeat top left;}

a.navicon1:hover,
a.navicon2:hover,
a.navicon3:hover,
a.navicon4:hover{
	background-position: bottom left;
}

#sitemapside li{margin: 0; padding: 0;background: none;}
#sitemapside li a{
	margin: 0;
	display: block;
	width: 223px;
	height: 35px;
	font: normal 8pt/35px  Tahoma, Arial, sans-serif;
	color: #585b4e;
	background:  url('../images/bg-navsitemapside.gif') no-repeat bottom right;
}
#sitemapside li a:hover{color: #918c83;}

#footermain{
	float: left;
	width: 728px;
}

#signature{
	text-align: center;
	height: 50px;
	font: normal 7pt/45px  Arial, Tahoma, sans-serif;
	background:  url('../images/bg-signature.jpg') no-repeat top center;
}

#sitemap-main{
	text-align: left;
	padding: 95px 0 0 16px;
	background:  url('../images/bg-sitemap-main.jpg') no-repeat top center;
}

.sitemapcol{
	float: left; display: inline;
	margin: 0 12px;
	width: 150px;
}
.sitemapcol a{
	display: block;
	width: 150px;
	height: 25px;
	font: normal 8pt/25px  Tahoma, Arial, sans-serif;	
	color: #585b4e;
	background:  url('../images/bg-navsitemapmain.gif') no-repeat bottom right;
}
.sitemapcol a:hover{color: #918c83;}



/*  -------------------------------------------------------  */
/*  ----------------------------------------------- CONTENT  */
/*  -------------------------------------------------------  */

/*  -------------------------------------- LINKS & TOOLTIPS  */

a.related{
	display: block; 
	padding: 7px;
	border-bottom: 1px solid #3f3628;
}
a.related:hover{background-color: #3f3628;}

a.related span{
	color: #b0a594;
	font-size: 8pt;
}

a.readmore{
	display: block; 
	margin: 5px 0 0;
	padding: 5px 0 0;
	height: 20px;
	z-index: 24;
	border-top: 1px dotted #4c4a3d;
	border-bottom: 0;
	text-align: right;
	font-size: 7pt;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.glossary a{
	display: block; 
	padding: 5px 0 0;
	height: 20px;
	z-index: 24;
	border-bottom: 1px dotted #4c4a3d;
}

.tip_trigger{
	z-index: 24;
}

.tip{
	position: absolute;
    z-index:1000;
	top: 35px; left: 50px;
	border: 1px solid #3f3628;
	background: #322a1e;
	color: #b0a594;
	font-size: 8pt;
	text-align: left;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.tip-glossary{
	padding: 20px;
	background: #322a1e url('../images/bg-tooltip.jpg') no-repeat top center;
	width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.tip-wallpaper-eg{
	position: absolute;
    z-index:1000;
	padding: 3px 3px 0;
	top: 35px; left: 50px;
	border: 1px solid #3f3628;
	background: #322a1e;
	text-align: left;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.tip_trigger .tip { display:none; }



/*  ---------------------------------------- DOMAIN CHECKER  */

.domainname{
	margin: 0 3px 0 0;
	width: 180px;
	font: normal 9pt Tahoma, Arial, sans-serif;
}

.domainext{
	margin: 0 3px 0 0;

	font: normal 9pt Tahoma, Arial, sans-serif;
	background: #d8cebe;
	border: 1px solid #d8cebe;
}

.domainbutton{
	margin: 0;
	padding: 3px 7px;
	background: #231c12;
	color: #b0a594;
	border: 0;
	cursor: pointer;
	font: normal 9pt Tahoma, Arial, sans-serif;
	text-transform: uppercase;
}
.domainbutton:hover{
	background: #000;
}


#domainresults{
	margin: 10px 0 0;
	padding: 10px;
	background-color: #4a4338;
}

span.domainname{color: #ffba00; text-transform: uppercase; letter-spacing: 1px;}
span.domainresult{color: #fff;}
span.domaincredit{color: #676055; font-size: 7pt; font-style: italic;}
span.domaincredit a{color: #676055;}
span.domaincredit a:hover{color: #908a7f;}

/*  -------------------------------------- HOSTING PACKAGES  */

#hosting-package{
	padding: 20px 0;
	width: 362px;
	border-bottom: 1px solid #3f3628;
	background: url('../images/bg-hosting-package01.jpg') no-repeat top left;
}       

.hosting-price{
	float: left; display: inline;
	margin: 160px 0 0;
	width: 150px;
	font: bold 12pt Tahoma, Arial, sans-serif;
	color: #ffba00;
}
.hosting-price span {
  display: block;
  font: normal 7pt Tahoma, Arial, sans-serif;
  letter-spacing: 1px;
}

.hosting-explanation{
	float: left;
	width: 212px;
}

.hosting-explanation h4{color: #ffba00;}

.hosting-descrip{
	font-size: 8pt;
	letter-spacing: 1px;
}

#host-specs{
  width: 100%;
  font-size: 8pt;
}

#host-specs th, #host-specs td{
  padding: 6px 3px;
  border: 1px solid #3f3628;
  border-right: 0;
  text-align: center;
}

#host-specs th{ font-weight: bold; color: #ffba00; }

#host-specs th:first-child, #host-specs td:first-child{
  border-left: 0;
  text-align: left;
  color: #ffba00;
}


/*  ------------------------------------------------- FORMS  */

fieldset{
	margin: auto;
	margin-bottom: 10px;
	padding: 10px 15px 15px;
	border: 1px dotted #b0a594;
}

fieldset legend{
  padding: 6px 8px;
  background: #362e21;
}

.fieldset1 label, .fieldset3 label{
	float: left; display: block;
	margin: 6px 0;
	width: 100px;
	height: 20px;
	border-bottom: 1px dotted #4c4a3d;
}
.fieldset3 label {
	width: 270px;
	text-align: right;
}

fieldset .textfield, fieldset .textarea, fieldset .spamfield{
	margin: 0 0 0 5px;
	padding: 3px 4px;
	font: normal 9pt Tahoma, Arial, sans-serif;
	background: #d8cebe;
	border: 1px solid #d8cebe;
}

fieldset .textfield, fieldset .spamfield{height: 15px;}

fieldset .textfield{width: 214px;}

fieldset .textarea{
	margin: 0 0 5px 0;
	width: 319px;
}

fieldset input.spamfield{width: 42px;}

input.button{
	float: right;
	margin: 0;
	padding: 6px 10px;
	background: #231c12;
	color: #b0a594;
	border: 0;
	cursor: pointer;
	font: normal 8pt Tahoma, Arial, sans-serif;
	text-transform: uppercase;
}
input.button:hover{
	background: #000;
}

.assurances{
	float: left;
	display: block;
	margin: 0 0 5px;
	width: 240px;
}

.char{
	display: block;
	text-align: right;
	font-size: 8pt;
}



/*  ----------------------------------------------- CONTACT  */

.contacts{
	float: right;
	display: block;
	margin: 0 0 5px;
	width: 120px;
}

.orange{color: #ffba00;}


/*  ----------------------------------------------- LINKS  */

.linkdetail{
	float: right;
	display: block;
	margin: 0 0 5px;
	width: 240px;
}


/*  -------------------------------------------- TESTIMONIALS  */

.testify{
	font: italic 10pt Rockwell, Georgia, 'Times New Roman';
}

.speechOpen{
	float: left;
	margin: -18px 10px -90px 0;
	font: bold 100pt 'Lucida Bright', 'Browalia New', Arial;
}

.speechClose{
	font: normal 25pt Rockwell, 'Lucida Bright', 'Browalia New', Arial;
	vertical-align: bottom;
	line-height: 1px;
}

.client{
	display: block;
	margin: 10px 0 30px;
	padding: 5px 0 0;
	border-top: 1px solid #4c4a3d;
	text-align: right;
	font: normal 12pt Rockwell, Georgia, 'Times New Roman';
}


/*  -------------------------------------------- WALLPAPERS  */

.wallpaper-eg{
	margin: 10px 0 0;
	padding: 9px; 
	background-color: #3f3628;
}
.wallpaper-eg img{
	padding: 1px;
	background-color: #847e74;
	border: 1px solid #211c15;
}

.wallpaper-dl{
	padding: 0 10px 10px; 
	width: 189px;
	background-color: #3f3628;
	font-size: 7pt;
}
.wallpaper-dl-left{
	margin: 0 9px 0 0;
	float: left;
	width: 90px;
}
.wallpaper-dl-right{
	float: left;
	width: 90px;
}
.wallpaper-dl a{
	display: block; 
	padding: 4px 0 0;
	height: 16px;
	z-index: 24;
	border-bottom: 1px dotted #4c4a3d;
}


/*  -------------------------------------- WORK  */

.slidersolo{
	padding: 3px;
	width:356px;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.slidersolo288{
	height: 288px;
	background-image: url('../images/bg-slidersolo288.jpg');
}

.slidersolo314{

	height: 314px;
	background-image: url('../images/bg-slidersolo314.jpg');
}

/*  -------------------------------------- ARTICLES  */

.credit{
	display: block;
	margin: 20px 0 0;
	padding: 10px 0 0;
	font-size: 7pt;
	border-top: 1px dotted #4c4a3d;
}