/*******************************************************************************
 Copyrighted (c) by www.juzweb.com 2008
 Unauthorized use is prohibited and abide by law.
 All right reserved.
*******************************************************************************/
@import url("layout.css");

body {
	background-color:#CDC6C6;
}
/***************************************
 Content Layout Session
****************************************/
#primaryContent {
	float:left;
	width:590px;
	margin: 2px 0 10 205;
	text-align: left;
}

#rightContent {
	float:left;
	width:180px;
	margin: 2px 0 10 5;
	text-align: left;
}

#leftContent {
	float:left;
	width:200px;	
	margin: 2px 0 10 -985;
	text-align: left;
}

#leftContent a:link, #leftContent a:visited, #leftContent a:active {
	color:white;
}

#wrapper {    
	width:100%;
	min-height:1000px;
	height:auto !important;
	height:1000px;
	margin: -8px 0 0 0;
	_margin: -15px 0 0 0;
	padding: 5px 0px 0px 3px;
	background-image: url("img/bg-img_bw.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
}

#header{
	width:990px;
	height:120px;
	margin:0px 0px 0px 0px;
	padding:0;
	background-image: url("img/ani_header_bw.gif");
	background-repeat: no-repeat;
}

#dbody{
	width:990px;
	min-height:490px;
	height:auto !important;
	height:490px;
	margin:0;
}

#content, #content a {
	font-family: verdana;
	Font-size: 9pt;
	text-align: justify;
	color:white;
}

#content li {
	margin: 3px auto;
}

#dcontent, #dcontent td{
	font-family: verdana;
	Font-size: 8pt;
	text-align: justify;
	color:white;
}

/***************************************
 images Layout Session
****************************************/
#img_globe {
	width:116px;
	height:auto;
	margin:0;	
	padding: 0;
	background-image: url("img/www.jpg");
	background-repeat: no-repeat;
}

#img_basicPromo {
	width:300px;
	height:120px;
	margin:0;	
	padding:0;
	background-image: url("img/basicPromo.gif");
	background-repeat: no-repeat;
}

#img_seoPromo {
	width:300px;
	height:120px;
	margin:0;	
	padding: 0;
	background-image: url("img/seoPromo.gif");
	background-repeat: no-repeat;
}

/***************************************
 images Layout Session
****************************************/
#printFriendly {
	float:right;
	margin:0;
	padding:0;
}

#zeropad {
	width:990px;
    border-collapse:collapse;
	border-spacing:0 0;
}

/***************************************
 Menu Layout Session
****************************************/
#menudiv {
	width:990px;
	margin:0;
	padding:0;
}

#mainNav {
	margin: 0;
	padding: 0;
	
	height: auto;
	font-weight: bold;
	font-size: 80%;
	font-family: Helvetica;
}

#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#mainNav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}

#mainNav a {
	color: white;
	display: inline;
	width: auto;
	text-decoration: none;
	background: black;
	margin: 0;
	padding: 2px 10px 2px 10px;
	border-right: 1px dashed #FFF;
}

#mainNav a:hover, #mainNav a:active { 
	background: white;
	color: #999999; 
}

#mainNav a.active:link, #mainNav a.active:visited {
	position: relative;
	z-index: 102;
	background: white;
	color: #CCCCCC;
	font-weight: bold;
}

body.home #mainNav a#home,
body.gallery #mainNav a#gallery,
body.about #mainNav a#about,
body.product #mainNav a#product,
body.service #mainNav a#service,
body.news #mainNav a#news,
body.careers #mainNav a#careers,
body.forum #mainNav a#forum,
body.members #mainNav a#members,
body.contact #mainNav a#contact {
	color:white;
	background-color: black;
}

body.home #mainNav a:hover#home,
body.gallery #mainNav a:hover#gallery,
body.about #mainNav a:hover#about,
body.product #mainNav a:hover#product,
body.service #mainNav a:hover#service,
body.news #mainNav a:hover#news,
body.careers #mainNav a:hover#careers,
body.forum #mainNav a:hover#forum,
body.members #mainNav a:hover#members,
body.contact #mainNav a:hover#contact {
	color:#CCCCCC;
	background-color:white;
}


/***************************************
 Breadcrumps Layout Session
****************************************/

#breadcrumps {
	Font-family: Verdana, San-serif;
	Color:white; 
	height:15px;
	margin: 3px 0 0 3px;
	padding:0 0 0 12px;
	Font-size: 8pt; 
	text-decoration: none;
	background-image:url('img/titlebar_bw.jpg');
	background-repeat:repeat-x;
	border: 1px solid white;
}

#breadcrumps a:active {
	color:white;
}

#backlinks {
    color: white;
	background-image:url('img/titlebar_bw.jpg');
	background-repeat:no-repeat;
}

#backlinks a:visited, #backlinks a:link, #backlinks a:active {
	color:white;
}

#breadcrumps a:visited, #breadcrumps a:link, #breadcrumps a:active {
	color:white;
}

/***************************************
 Profile Layout Session
****************************************/
#profile, #profile1, #profile2, #clientprofile {
	width: 170px;
	height: 155px;
	background-image: url("img/looiba-profile.jpg");
	background-repeat: no-repeat;
	margin: 4px;
}

#profile1 { background-image: url("img/alloytm-profile.jpg"); }

#profile2 { background-image: url("img/ezatan.jpg"); }

#clientprofile { background-image: url("img/ani_client.gif"); }

#profile a:link, img, #profile1 a:link, img {
	border:none;
}

/***************************************
 Box Layout Session
****************************************/
#sidebox {
	width:200px;
	height:auto;
}

#rsidebox {
	width:180px;
	height:auto;
}

#sidebox a:link, #sidebox a:visited, #sidebox a:active,
#rsidebox a:link, #rsidebox a:visited, #rsidebox a:active {
	color:white;
}

#sidebox a:active, #rsidebox a:active {
	color:white;
}

#sidebox table {
	color:white;
	width:200px;
	border: 1px solid white;
	border-collapse: collapse;
	margin: 2px;
}

#rsidebox table {
    color:white;
	width:180px;
	border: 1px solid white;
	border-collapse: collapse;
	margin: 2px;
}

#sidebox th, #rsidebox th {
	background-image: url("img/titlebar_bw.jpg");
	background-repeat: repeat-x;
	Font-family: Verdana, San-serif;
	Font-size: 8pt;
	Font-weight: bold;
	color: white;
	border: 1px solid white;
}

#sidebox td, #rsidebox td, #sidebox td a:active{   
	Font-family: Verdana, San-serif;
	Font-size: 8pt;
	color: white;
}

#sidebox ul {
	marker-offset:0;
}

#sidebox hr, #rsidebox hr{
	border: 1px dashed white;	
}

/***************************************
 Footer Layout Session
****************************************/
#footer {
	width:990;
	height:auto;
	float:left;
}

#footer a, #footer td {
	Font-family: Verdana, San-serif;
	Font-size: 7pt;
	color: black;
}

#footer hr {
	border: 1px dashed black;
	margin: 1px;
}


/***************************************
 Package Table Layout Session
****************************************/
#packageTable {
	Font-family: Verdana, San-serif;
	Font-size: 8pt;
	color: white;
	border-collapse:collapse;
	border: 1px solid white;
	background-color: black;
}

#packageTable  th{
	Font-family: Verdana, San-serif;
	Font-size: 9pt;
	font-weight:bold;
	color: white;
}

#whiteBg  {
	background-color:white;
	color:black
}

#violetBg {
	background-color:#999999;
	color:white
}

#sum{
    color: white;
	height:25px;
	font-weight:bold;
	background-color:black;
}