/*-----------------------------------------------------
 * Filename:    layout.css
 * Description: Document Layout
 * Version:     1.0.0 (March 23, 2009)
 * Author:      Nino Paolo Amarillento
 == STRUCTURE: ========================================
 $__box			Box Definition
 $__box_round	Box Rounded Corner
 $__box_gradient Box Gradient
 $__yellow_nav	Yellow Nav
 $__comment_box	 Comment Box
 -----------------------------------------------------*/
.doc{
	margin:auto;
	width:800px
}

.doc-testimonial {
	margin:auto;
	width:960px;
	*width:965px;
	_width:970px
}

.single .doc{
	margin:auto;
	width:797px /*600px*/
}

.col {
	float:left
}

.clr{
	clear:both
}
.clrl{
	clear:left
}
.clrr{
	clear:right
}

.xx-small {
	width:8px
}

.x-small {
	width:15%
}

.small {
	width:25%
}

.medium{
	width:50%
}

.large {
	width:75%
}

.x-large {
	width:85%
}

.xx-large {
	width:100%
}
.auto{
	width:auto
}


/* __box
 -----------------------------------------------------*/
.bx {
	width:100%
}
.bx-hdr {
	background: url("../images/sprite.gif") no-repeat 0 0;
	padding-left:7px
}
.bx-hdr div{
	background: url("../images/sprite.gif") no-repeat -67px -35px;
	padding:5px 0;
	color:#FFF;
	font-weight:bold
}
.bx-bd {
	background-color:#FFF;
	margin-top:-1px;
	padding:1px;
	width:100%;
	float:left;
	display:block
}
.bx-ftr {
	background: url("../images/sprite.gif") no-repeat 0 -70px;
	padding-left:5px
}
.bx-ftr div{
	background:url("../images/sprite.gif") no-repeat -65px -80px;
	height:5px
}
* html .bx-ftr div{
	width:102%;
	background: url("../images/sprite.gif") no-repeat -63px -80px;
	margin-bottom:-9px;
	margin-top:-1px;
}
* html .bx-hdr div{
	width:102%;
	background: url("../images/sprite.gif") no-repeat -65px -35px;
	margin-bottom:1px
}



.bx-hdr2 {
	background: url("../images/sprite.gif") no-repeat 0 -90px;
	padding-left:4px
}
.bx-hdr2 div{
	background: url("../images/sprite.gif") no-repeat 100% -100px;
	padding:5px 0;
	height:1px
}
.bx-bd2 {
	background-color:#FFF;
	margin-top:-7px;
	_margin-top:-9px;
	padding:1px 0;
	float:left;
	width:100%
}
.bx-ftr2 {
	background: url("../images/sprite.gif") no-repeat 0 -110px;
	padding-left:4px
}
.bx-ftr2 div{
	background:url("../images/sprite.gif") no-repeat -201px -119px;
	height:5px
}

.single .bx-ftr2 div{
	/* background:url("../images/sprite.gif") no-repeat -239px -119px; */
	background:url("../images/sprite.gif") no-repeat -42px -119px
	
}

* html .bx-ftr2 div{
	margin-bottom:-13px
}
* html .bx-hdr2 div{
	margin-bottom:-15px
}


/* __box_round
 -----------------------------------------------------*/
.box-round {
	background: url("../images/round.gif") no-repeat bottom left;
	padding-bottom:5px;
	width:496px
}
.box-round .inner {
	background: url("../images/round.gif") no-repeat top left;
	padding-top:5px
}
.box-round .content {
	background-color:#FFFFFF;
	border:solid #BABABA;
	border-width:0 1px;
	padding:0 5px
}


/* __box_gradient
 -----------------------------------------------------*/
.box-grad1 {
	background:url("../images/bb.gif") no-repeat left bottom;
	width:234px;
	padding-bottom:5px
}

.box-grad1 .min-height {
	float:left;
	height:370px;
	border:1px solid;
	width:0px;
	visibility:hidden
}

.box-grad1 .inner {
	background:url("../images/bt.gif") no-repeat top left;
	padding-top:5px
}

.box-grad1 .content {
	border:solid #BABABA;
	border-width:0 1px;
	padding:0 5px
}
/* __yellow_nav
 -----------------------------------------------------*/
.yellow-nav {
	background:url("../images/sprite.gif") no-repeat 0 -130px;
	padding-left:5px
}
.yellow-nav div {
	background:url("../images/sprite.gif") no-repeat right -130px;
	text-align:right;
	font-size:11px;
	padding:5px 10px 8px 0;
}

/* __comment_box
 -----------------------------------------------------*/
.comment-box {
	background:#FFF url("../images/comment-box.gif") no-repeat bottom left;
	padding-bottom:20px;
	margin:10px 0
}
.comment-box .inner {
	background:#FFF url("../images/comment-box.gif") no-repeat top left;
	padding:30px 60px 20px 40px;
	color:#555;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	font-size:11px;
	line-height:21px;
	font-style:italic;
	text-align:justify
}

.comment-box2 {
	background:#FFF url("../images/comment-box2.gif") no-repeat bottom left;
	padding-bottom:20px;
	margin:10px 0;
}
.comment-box2 .inner {
	background:#FFF url("../images/comment-box2.gif") no-repeat top left;
	padding:30px 60px 20px 40px;
	color:#555;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	font-size:11px;
	line-height:21px;
	font-style:italic;
	text-align:justify
}

.comment-box3 {
	background:#FFF url("../images/comment-box3.gif") no-repeat bottom left;
	padding-bottom:40px;
	margin:10px 0;
}
.comment-box3 .inner {
	background:#FFF url("../images/comment-box3.gif") no-repeat top left;
	padding:20px 20px 20px 20px;
	color:#555;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	font-size:11px;
	line-height:21px;
	font-style:italic;
	text-align:justify
}

 #backgroundPopup{
            display:none;
            position:fixed;
            _position:absolute; /* hack for internet explorer 6*/
            height:100%;
            width:100%;
            top:0;
            left:0;
            background:#000000;
            border:1px solid #cecece;
            z-index:1;
        }
        #popupContact{
            display:none;
            position:fixed;
            _position:absolute; /* hack for internet explorer 6*/
            height:384px;
            width:408px;
            background:#FFFFFF;
            border:2px solid #cecece;
            z-index:2;
            padding:12px;
            font-size:13px;
        }
        #popupContact h1{
            text-align:left;
            color:#6FA5FD;
            font-size:22px;
            font-weight:700;
            border-bottom:1px dotted #D3D3D3;
            padding-bottom:2px;
            margin-bottom:20px;
        }
        #popupContactClose{
            font-size:14px;
            line-height:14px;
            right:6px;
            top:4px;
            position:absolute;
            color:#6fa5fd;
            font-weight:700;
            display:block;
        }
        #button{
            text-align:center;
            margin:100px;
        }