/* Respina Network Site Style Sheet */
/* Designed by Shaahin Mohammadi */ 
/* Latest Update - August 06 2006 */

/* Global
==============================================================================*/

html { 
	min-width: 778px;
 }

body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #ebebeb url("../images/bg_main.gif") top center repeat-x;
	text-align: center;
	font-family: "Century Gothic","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	color: #777777;
	line-height: 1.4;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;
}


/* Heading
==============================================================================*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #333;
	margin: 0;
}




/* Link
==============================================================================*/

a, a:link {
	color: #069;
	text-decoration: none;
}

a:visited {
	color: #999;
}

a:hover, a:active {
	color: #69C;
}

a img { 
	border-style: none;
	border: 0px;
}



/* List
==============================================================================*/

ul, ol {
	margin: 0 0 0 0;
	padding: 0;
}
	

/* Text
==============================================================================*/

pre {
	font: 95% monospace;
	color: #666;
}

p {
	margin: 0;
	line-height: 140%;
	padding-bottom: 1em;
	text-align: left;	
}

strong {
	color: #777;
	font-weight: bold;
}

.TextFa
{
    FONT-SIZE: 11px;
    COLOR: #191919;
    FONT-FAMILY: Tahoma;
    direction:rtl;
}

.TextEn
{
    FONT-SIZE: 11px;
    COLOR: #191919;
    FONT-FAMILY: Tahoma;
    direction:ltr;
	text-align:left;
}

.ButtonFa
{	
	FONT-SIZE: 11px;
	FONT-FAMILY: Tahoma;
	border:solid; 
	border-width:1px;
	border-color:#808080;
}

.InputTextEn
{	
	FONT-SIZE: 11px;
	COLOR: black;
	FONT-FAMILY: Tahoma;
	direction:ltr;
	border:solid; 
	border-width:1px;
	border-color:#808080;
}

.InputTextFa
{	
	FONT-SIZE: 11px;
	COLOR: black;
	FONT-FAMILY: Tahoma;
	border:solid;
	border-width:1;
	border-color:#808080;
	direction:rtl;
	text-align:right;
}

/* Phraze
==============================================================================*/

code {
	font: 11px monospace;
	white-space: normal;
	color: #888;
}

blockquote {
	font: 95% monospace;
	white-space: normal;
	color: #666;
	line-height: 110%;
	padding: 14px 11px;
	background-color: #f1f1f1;
	margin: 14px;
}

blockquote h1 {
	font: 110% monospace;
	font-weight: bold;
	color: #666;
	line-height: 120%;
	padding-bottom: 10px;
}

table.thickstyle {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

table.thickstyle th {
	border-width: 1px;
	padding: 1px;
	border-style: ridge;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

table.thickstyle td {
	border-width: 1px;
	padding: 1px;
	border-style: ridge;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

/* Layout
=============================================================================*/

#zuhause {
	width: 778px;
	margin: 22px auto;
	padding: 0;
	text-align: left;
}

/* Header-Night */
#header {
	width: 778px;
	height: 149px;
	display: block;
	position: relative;
}

#header h1 {
	font-size: 1px;
	text-indent: -5005px;
}

#header p {
	font-size: 1px;
	text-indent: -5005px;
}

.nightheader 
{
	background: transparent url("../images/header_night.gif") no-repeat;
	width: 778px;
	height: 149px;
	display: block;
	position: relative;
}

.nightheader h1 {
	font-size: 1px;
	text-indent: -5005px;
}

.nightheader p {
	font-size: 1px;
	text-indent: -5005px;
}


.dayheader 
{
	background: transparent url("../images/header_day.gif") no-repeat;
	width: 778px;
	height: 149px;
	display: block;
	position: relative;
}

.dayheader h1 {
	font-size: 1px;
	text-indent: -5005px;
}

.dayheader p {
	font-size: 1px;
	text-indent: -5005px;
}

.eveningheader 
{
	background: transparent url("../images/header_evening.gif") no-repeat;
	width: 778px;
	height: 149px;
	display: block;
	position: relative;
}

.eveningheader h1 {
	font-size: 1px;
	text-indent: -5005px;
}

.eveningheader p {
	font-size: 1px;
	text-indent: -5005px;
}


/* Header-Night */
.night {
	background: transparent url("../images/header_night.gif") no-repeat;
}

/* Header-Day */
.day {
	background: transparent url("../images/header_day.gif") no-repeat;
}

/* Header-Services and extra */
.services {
	background: transparent url("../images/header_services.gif") no-repeat;

}

.services-2 {
	background: transparent url("../images/header_services_2.gif") no-repeat;

}

.services-3 {
	background: transparent url("../images/header_services_3.gif") no-repeat;

}


/* Header title reserved for top right corner of each page */
#headertitle {
	width: 100%;
	height: 39px;
	float: left;
	display: block;
}

/* cube bg */
.bg-header-services {
	background: transparent url("../images/header_services_bg.gif") bottom right no-repeat;
}

/* golden text */
#headertitle h4 {
	font-family: "Century Gothic","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	font-size: 144%;
	font-weight: bold;
	color: #b4a35f;
	padding-top: 19px;
	padding-right: 33px;
	float: right;
	letter-spacing: -1px;
}

/* reserved top right title */
#headertitle h6 {
	font-family: "Century Gothic","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	font-size: 110%;
	color: silver;
	display: inline;
	float: right;
	padding-right: 21px;
	padding-top: 10px;
}

/* -=thule=- */
#container {
	width: 778px;
	padding: 0;
	border: 0;
	margin: 0;
	background: white url("../images/bg_page.gif") repeat-y;
	min-height: 550px;
	display: block;
}

#path {
	width: 717px;
	height: 21px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-top: 25px;
	float: left;
	display: block;
}

 #path p {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
 	margin: 0 auto;
  	padding: 0 1px;
	color: #888888;
	font: 95% "Tahoma","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	line-height: 170%;
}

#path p a, #path p a:link, #path p a:visited {
	border: 0;
	color: #6299d5;
	text-decoration: none;
}

#path p a:hover, #path p a:active {
	border: 0;
	text-decoration: underline;
	color: #f7941d;
}

#sidebar1 {
	width: 160px;
	padding: 0;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	min-height: 450px;
	float: left;
	display: block;
}

.sidebar1content {
	width: 154px;
	padding: 3px;
	min-height: 30px;
	background-color: #f0f0f0;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 110%;
	color: #a7a7a7;
	font: 85% Arial, sans-serif;
	display: block;
	float: left;	
}


#sidebar1 .banner {
	margin-top: 2px;
	margin-bottom: 10px;
	text-decoration: none;
	border: 0;
}

#sidebar2 {
	width: 360px;
	padding: 0;
	margin-left: 15px;
	min-height: 450px;
	float: left;
	display: block;
}

#sidebar2 a, #sidebar2 a:link, #sidebar2 a:visited {
	border: 0;
	color: #6299d5;
	text-decoration: underline;

}

#sidebar2 a:hover, #sidebar2 a:active {
	border: 0;
	text-decoration: none;
	color: #f7941d;
}

.sidebar2content {
	width: 348px;
	padding: 0 6px;
	min-height: 170px;
	background: transparent url("../images/bg_content_2.gif") top center no-repeat;
	display: block;
	float: left;
}

.sidebar2content th {
	direction:rtl;
    FONT-SIZE: 10px;
    COLOR: #784718;
    LINE-HEIGHT: 20px;
    FONT-FAMILY: tahoma;
    FONT-WEIGHT: bolder;
	padding: 0;
}

.sidebar2content td {
    FONT-SIZE: 10px;
    COLOR: #6F5A2B;
    LINE-HEIGHT: 20px;
    FONT-FAMILY: tahoma;
	padding: 0;
}

.sidebar2content ul, ol {
	margin: 0 0 0 0;
	padding: 0;
	font: 85% "Tahoma","Century Gothic","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	line-height: 130%;
	color: #a9a9a9;
	text-align:right;
	direction:rtl;
}

.sidebar2content p {
	line-height: 130%;
	color: #a9a9a9;
	font: 85% "Tahoma","Century Gothic","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	text-align:justify;
	direction:rtl;
}

.sidebar2content h4 {
	color: #777777;
	text-align:right;
	direction:rtl;
	font-family: "Tahoma","Century Gothic","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	text-transform: none;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 7px;
	font-size: 85%;
	font-weight: bold;
	border-bottom: 1px solid #eeeeee;
	line-height: 100%;
}

.sidebar2content h5 {
	border-bottom: 1px solid #ccc;
	padding: 12px 0px 3px 0px;
	font-size: 110%;
	line-height: 1.2;
	text-align: left;
	color: #777777;
}

.sidebar2content h6 {
	border-bottom: 1px solid #ccc;
	padding: 12px 0px 3px 0px;
	font-size: 80%;
	line-height: 1.2;
	text-align: left;
	color: #777777;
}

#sidebar3 {
	width: 172px;
	padding: 0;
	margin-left: 10px;
	display: block;
	float: left;
}

#sidebar3 a, #sidebar3 a:link, #sidebar3 a:visited {
	border: 0;
	color: #6299d5;
	text-decoration: underline;
}

#sidebar3 a:hover, #sidebar3 a:active {
	border: 0;
	text-decoration: none;
	color: #f7941d;
}

#sidebar3 .banner {
	margin-top: 2px;
	margin-bottom: 10px;
	text-decoration: none;
}

.sidebar3content {
	width: 160px;
	padding: 0 6px;
	min-height: 110px;
	background: transparent url("../images/bg_content_3.gif") top center no-repeat;
	display: block;
	float: left;
	margin-bottom: 15px;
}

.sidebar3content p {
	line-height: 110%;
	text-align:right;
	direction:rtl;
	font-family: "Tahoma","Century Gothic","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	color: #a7a7a7;
	font-size: 90%;
}

.sidebar3content h4 {
	color: #7c7c7c;
	text-align:right;
	direction:rtl;
	font-family: "Tahoma","Century Gothic","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	text-transform: none;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 7px;
	font-size: 85%;
	font-weight: bold;
	border-bottom: 1px solid #eeeeee;
	line-height: 100%;
}




/* Full Page Content layout */

#sidebarwide {
	width: 542px;
	padding: 0;
	margin-left: 15px;
	display: block;
	float: left;
}

#sidebarwide a, #sidebarwide a:link, #sidebarwide a:visited {
	border: 0;
	color: #6299d5;
	text-decoration: underline;
}

#sidebarwide a:hover, #sidebarwide a:active {
	border: 0;
	text-decoration: none;
	color: #f7941d;
}

.sidebarwidecontent {
	width: 530px;
	padding: 0 6px;
	display: block;
	float: left;
	margin-bottom: 15px;
	background: transparent url("../images/bg_content_wide.gif") top center no-repeat;
}

.sidebarwidecontent p {
	line-height: 130%;
	color: #a9a9a9;
	font: 85% "Tahoma","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	direction:rtl;
	text-align:justify;
}

.sidebarwidecontent h3 {
	color: #7c7c7c;
	font-family: "Tahoma","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	text-transform: none;
	margin-bottom: 7px;
/*	padding: 0px; */
	padding-top: 10px;
	padding-bottom: 0px;
	font-weight: bold;
	line-height: 100%;
	text-align: right;
	direction:rtl;
	font-size: 75%;
}

.sidebarwidecontent h4 {
	color: #7c7c7c;
	font-family: "Tahoma","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	text-transform: none;
	margin-bottom: 7px;
/*	padding: 0px; */
	padding-top: 10px;
	padding-bottom: 0px;
	font-weight: bold;
	line-height: 100%;
	text-align: right;
	direction:rtl;
	font-size: 95%;
}

.sidebarwidecontent h5 {
	color: #7c7c7c;
	font-family: "Tahoma","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	text-transform: none;
	margin-bottom: 7px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-weight: bold;
	line-height: 100%;
	text-align: right;
	direction:rtl;
	font-size: 90%;
}

.desktopthumb {
	width: 117px;
	height: 94px;
	background: #eeeeee url("../images/bg_thumb.gif") top center no-repeat;
	padding: 2px;
	color: #cccccc;
	border: 1px solid #dddddd;
	float: left;
	display: block;
	text-align: center;
    margin: 0 10px 25px 0;
}

.desktopthumb p {
        padding-top: 1px;
        font-size: 80%;
      	text-align: center;
}

.desktopthumb img {
	border: 1px solid #f1f1f1;
	padding: 0px;
}


/* Footer */

#footer {
	background: transparent url("../images/footer_bg.gif") bottom center repeat-x;
	width: 778px;
	height: 100px;
	margin-bottom: 20px;
}

#footerleft {
	float: left;
	width: 26px;
	height: 100px;
	background: transparent url("../images/footer_left.gif") bottom left no-repeat;
}

#footerright {
	float: left;
	width: 29px;
	height: 100px;
	background: transparent url("../images/footer_right.gif") bottom right no-repeat;
}


/* Copyright content */
#footercontent {
	margin-top: 10px;
	float: left;
	background: transparent url("../images/footer_clogo.gif") bottom center no-repeat;
	width: 723px;
	height: 90px;
	display: block;
}

#footercontent p {
	text-align: center;
	font: 85% "Century Gothic","Trebuchet MS","Arial Narrow", Arial, sans-serif;
	line-height: 75%;
	padding: 3px;	
}

#footercontent a, #footercontent a:link, #footercontent a:visited {
	color: #6299d5;
	text-decoration: none;
}

#footercontent a:hover, #footercontent a:active {
	text-decoration: underline;
	color: #fbc461;
}


/* Navigation
=============================================================================*/
#menu {}


#vbar {
	width: 26px;
	float: left;
	display: block;
	line-height: 10px;
}

.vbartop {
	float: left;
	display: block;
	background: white url("../images/vkey_01.gif") top center no-repeat;	width: 26px;
	height: 22px;
}

.vbarbottom {
	float: left;
	display: block;
	background: transparent url("../images/vkey_05.gif") top center no-repeat;
	width: 26px;
	height: 43px;
}

ul#vbar {
	display: block;
	float: left;
	list-style-type: none;
	display: block;
	line-height: 10px;
}

#vbar li {
	display: block;
	line-height: 10px;
	list-style-type: none;
	float: left;
	width: 26px;
	height: 74px;
}

#vbar li a, #vbar li a:link, #vbar li a:visited {
	background: transparent url("../images/nothing.gif") top left no-repeat;
	border: 0;
	line-height: 10px;
	height: 74px;
	float: left;
	width: 26px;
	text-decoration: none;
	display: block;
}

#vbar li a:hover, #vbar li a:active {
	background: transparent url("../images/nothing.gif") top left no-repeat;
	border: 0;
	line-height: 10px;
	float: left;
	width: 26px;
	text-decoration: none;
	display: block;
}


.option1 {
	background: transparent url("../images/vkey_02.gif") top left no-repeat;
}

.option1-over {
	background: transparent url("../images/vkey_02_over.gif") top left no-repeat;
}

.option2 {
	background: transparent url("../images/vkey_03.gif") top left no-repeat;
}


.option2-over {
	background: transparent url("../images/vkey_03_over.gif") top left no-repeat;
}


.option3 {
	background: transparent url("../images/vkey_04.gif") top left no-repeat;
}


.option3-over {
	background: transparent url("../images/vkey_04_over.gif") top left no-repeat;
}



/* toolbar main */
#toolbar {
	text-align: left;
	width: 160px;
	padding: 0;
	display: block;
	margin-bottom: 20px;
}

ul#toolbar {
	float: left;
	width: 160px;
	padding: 0;
	list-style-type: none;
	display: block;
}

#toolbar li  {
	padding: 0;
	margin-bottom: 3px;
	width: 160px;
	text-align: right;
	list-style-type: none;
	background-color: #ebebeb;
	line-height: 160%;
}

#toolbar li a, #toolbar li a:link, #toolbar li a:visited {
	padding-right: 20px;
	color: #858585;
	display: block;
	direction:rtl;
	list-style-type: none;
	font: 85% 'Tahoma','Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
	line-height: 170%;	
	background-color: #ebebeb;
	height: 18px;
}

#toolbar li a:hover, #toolbar li a:active {
	color: white;
	display: block;
	list-style-type: none;
	font: 85% 'Tahoma','Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
	line-height: 170%;	
	background-color: #b7b7b7;
	height: 18px;
}



/* toolbar services */
#toolbar-s {
	text-align: left;
	width: 160px;
	margin: 0;
	display: block;
	margin-bottom: 20px;
}

ul#toolbar-s {
	float: left;
	width: 160px;
	padding: 0;
	list-style-type: none;
	display: block;
}

#toolbar-s li  {
	padding: 0;
	margin-bottom: 3px;
	width: 160px;
	text-align: right;
	list-style-type: none;
	background-color: #f4ebc5;
	line-height: 160%;
}

#toolbar-s li a, #toolbar-s li a:link, #toolbar-s li a:visited {
	padding-right: 10px;
	color: #858585;
	display: block;
	direction:rtl;
	list-style-type: none;
	font: 85% 'Tahoma','Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
	line-height: 170%;	
	background-color: #f4ebc5;
	height: 18px;
}

#toolbar-s li a:hover, #toolbar-s li a:active {
	color: white;
	display: block;
	list-style-type: none;
	font: 85% 'Tahoma','Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
	line-height: 170%;	
	background-color: #e0d4a1;
	height: 18px;
}

/* -------------------------------------------------------------------- */

.overlay1 { 
	width: 400px;   
	height: 270px;   
	background-color: #000000;   
	position: absolute;   
	top: 245px;   
	left: 290px;   
	padding-top: 10px;   
	padding-right: 5px;   
	padding-left: 10px;   
	z-index: 100;   
	color: #ffffff;   
	border:1px solid #dadada;         	
	text-align: center;     
	font-size: 12px;   
	filter:alpha(opacity=60);     
	-moz-opacity: 0.8;     
	opacity: 0.8; 
	direction:rtl;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: tahoma;
	FONT-WEIGHT: bolder;
} 

.overlay2 { 
	position: absolute;   
	visibility:hidden ;  
	width: 0px;   
	height: 0px;
	top: 0px;   
	left: 0px;   
	z-index: 100;   
} 

/* -------------------------------------------------------------------- */