@charset "utf-8";
/* GNOSIS TECHNOLOGIES WEBSITE CSS */

body{
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #f3f3f3;
}

#wrapper{
	width:1000px;
	min-height:736px;
	height:auto !important;
	margin:0 auto;
	background: #f3f3f3;
}

#topwrapper{
	width:1000px;
	padding-top:33px;
	background:url(../images/topbar.jpg) no-repeat top center;
	min-height:703px;
	height:auto !important;
}

#leftwrapper{
	width:977px;
	padding-left:23px;
	min-height:703px;
	height:auto !important;
	background:url(../images/leftbar.jpg) no-repeat left top;
}

#rightwrapper{
	width:958px;
	padding-right:19px;
	min-height:703px;
	height:auto !important;
	background:url(../images/rightbar.jpg) no-repeat right top;
}

#mainheader{
	height:81px;
	width:948px;
	background: #ffffff;
	padding-left:5px;
	padding-top:8px;
	padding-right:5px;
	padding-left:5px;
}

 
#popup_bg {
	background-color: #eedcdc;
	width: 600px;
	height: 400px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}
#black_arrow {
	list-style-image: url(../images/black_arrow.gif);
}
#green_arrow {
	list-style-image: url(../images/green_arrow.gif);
}
.brown_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #ac3628;
	text-decoration: none;
	text-align: justify;
}





.black_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

#green_strip {
	background-color: #d3a341;
	height: 1px;
	margin-left: 29px;
}
#green_strip1 {
	background-color: #d3a341;
	height: 1px;
	margin-left: 2px;
}


.g_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #e21f26;
	text-decoration: none;
	text-align: justify;
}

.n_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00459d;
	text-decoration: none;
	text-align: justify;
}

.t_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #e01219;
	text-decoration: none;
	text-align: justify;
}
.small_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #c3a40b;
	text-decoration: none;
	text-align: justify;
}


.blue_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #034ea2;
	text-decoration: none;
	text-align: justify;
}
.blue_heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #034ea2;
	text-decoration: none;
	text-align: justify;
}
.blue_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #a8480c;
	text-decoration: none;
	text-align: justify;
}
.brown_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #a8480c;
	text-decoration: none;
	text-align: justify;
}

.brown_text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #a8480c;
	text-decoration: none;
	text-align: justify;
}


.brown_text1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #a8480c;
	text-decoration: underline;
	text-align: justify;
}




.blue_heading1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #034ea2;
	text-decoration: none;
	text-align: justify;
}

.blue_heading1:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #034ea2;
	text-decoration: underline;
	text-align: justify;
}




#indexing_text {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
	text-align: justify;
	background-color: #FFFFFF;
	height: auto;
	padding:2px;
}

.hyperlink_text {
	font-family: verdana;
	font-weight: normal;
	font-size:11px;
	color: #0000FF;
	text-decoration: none;
	text-align: justify;
	
}
.hyperlink_text:hover {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline;
	text-align: justify;
	
}

.red_text {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #e4252b;
	text-decoration: none;
	text-align: justify;
	
}


#middlebar{
	min-height:650px;
	padding-top:20px;
	background: #f3f3f3 url(../images/middlebar.jpg) no-repeat;
	width:958px;
	height:auto !important;
}
#blue_arrow {
	list-style-image: url(../images/blue_arrow.gif);
}
#red_arrow {
	list-style-image: url(../images/redarrow.gif);
}



#banner{
	height:48px;
	width:130px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px solid #cccccc;
	padding-top:10px;
	padding-bottom:15px;
	float:left;
	margin-left:5px;
	padding-left:10px;
	line-height:14px;
	font-weight:bold;
}

#menubar{
	height:38px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-bottom:15px;
	float:right;
	padding-left:10px;
	line-height:14px;
	font-weight:500;
	color:#c3a40b;
}

#menubar a{
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#c3a40b;
	padding-top:3px;
	padding-bottom:3px;
}

#menubar a:link, #menubar a:visited{
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#aa9011;
	padding-bottom:3px;
}
#menubar a:hover, #menubar a:active{
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CC3300;
	padding-bottom:3px;
}



#menubar #selected{
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#aa9011;
	padding-bottom:3px;
}

#headingtext1{
	color: #817207;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
.arrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #817207;
	text-align: justify;
}

#headingtext2{
	color: #993300;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#headingtext3{
	color: #fff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:3px;
}

#portfolio{
	width:298px;
	height:200px;
	border:1px solid #663333;
	background:#eae4d8;
	padding:5px;
	text-align:center;
}

#clientspeak{
	width:298px;
	height:195px;
	padding-top:5px;
	border:1px solid #99CC33;
	background: url(../images/green.jpg) repeat-x;;
	padding:5px;
	text-align:justify;
	color: #006600;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#websitepacks{
	width:308px;
	height:195px;
	padding-top:5px;	
	border:1px solid #0066FF ;
	background: url(../images/blue.jpg) repeat-x;
	padding-top:5px;
	padding-bottom:5px;
	text-align:justify;
	color: #fff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#latestnews{
	width:298px;
	height:195px;
	padding-top:5px;
	border:1px solid #CC0000;
	background: url(../images/red.jpg) repeat-x;
	padding:5px;
	text-align:justify;
	color: #fff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#slideShow{
	height:239px;
	width:958px;
	background: #fff;
	}
	

#banner2{
	height:120px;
	width:958px;
	background-image: url(../images/middlebar1.jpg);
	}
		
	
#footerline{
	width:956px;
	height:2px;
	border:1px solid #993300;
	background:#CC3300;
	font-size:2px;
}


/* JD GALLERY SCRIPTS */
a {
	text-decoration: none;
}
#slider							{ background: white; height: 239px; overflow: hidden;
								  position: relative; }

#slider a:link, #slider a:visited {
	background: #CC3300;
	color:#ffffff;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#slider a:hover, #slider a:active {
	background: #CC3300;
	color:#ffffcc;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 1000px; position: relative; }
#bodycontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

#copytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}



.slide							{ padding-left:30px; width: 928px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top:-1px; right: 450px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								  

/* ACCORDIAN WEBSITE */

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#FFFFFF url(/img/global/gradient/h150.png) repeat scroll 0;
	height:140px;
	padding:10px 0 10px 20px;
	width:275px;
	border:1px solid #ddd;
}

/* accordion header */
#accordion img {
	float:left;
	margin-right:10px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
}

/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	float:left;	
	display:none;		
	margin-right:10px;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#444;
	margin:0 0 -10px 0;
	width:190px;
	font-size:15px;	
}
	
#accordion div p {	
	font-size:11px;
	width:190px;
}
.bluetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
	text-align: justify;
}
.bluetext:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline;
	text-align: justify;
}

#btmtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: right;
	line-height: 16px;
}

#ajaxticker{

}

#ajaxticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/

}