@import url('reset.css');

body {
background: #000;

font-family: 'Segoe UI', Arial, Tahoma, Helvetica, 'Sans-Serif';
font-size: 10pt;
color: #444;
text-align: left;
}


p {
margin: 0 0 16px;
line-height: 20px;
}

a {color: #4f2088;}
a:hover {color: #888;}

.padding {width:100%;height:100%;background:magenta;}

#wrapper {
width: 960px;
}

#header {
width: 960px;
height: 171px;
background: #fff url(../grx/ui-top.png) no-repeat 0 0;
		}
		#logo {
		width: 300px;
		height: 171px;
		}
		#logo h1 {
		width: 300px;
		height: 171px;
		background: transparent url(../grx/ui-logo.png) no-repeat 0 0;
		text-indent: -9999px;
		}
		#logo h1:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
		-moz-opacity: 0.7;
		opacity: 0.7;
		}		
#header #navi	{
float: right;
width: 660px;
height: 50px;
margin: 120px 0 0;
	}
	#menu1 {
	float: right;
	width: 660px;
	height: 50px;
	border-top: 1px solid #fff;
		}
		#menu1 li {
		display: inline;
		}
		#menu1 li a {
		float: left;
		width: 164px;
		height: 50px;
		line-height: 50px;
		border-right: 1px solid #4f1c93;
		background: #421973;
		
		font-size: 10pt;
		color: #e3cff5;
		text-indent: 15px;
		}
		#menu1 li a:hover {
		background: #ccc;
		color: #333;
		}
		#menu1 li:last-child a {
		width: 165px;
		border-right: 0px;
		}	
	
#banner {
width: 960px;
height: 250px;
background: #000;
border-bottom: 1px solid #bbb;
	}
	#cu3er-container {
	width: 960px; 
	outline: 0;
	}

#body {
width: 960px;
background: #fff url(../grx/ui-body.png) no-repeat 0 0;
		}
		#sidebar {
		width: 260px;
		padding: 20px;
		}
		#pageTitle {
		width: 100%;
		padding: 18px 0 20px;
		}
		#pageTitle h2 {
		font-family: Arial, Tahoma, Helvetica, 'Sans-Serif';
		font-size: 14pt;
		color: #333;
		text-indent: 10px;
		}		
		#container {
		width: 660px;
		}
		#page {
		width: 640px;
		padding: 20px 10px;
		}
		.error404 {
		width: 100%;
		height: 250px;
		background: url(../grx/404.png) no-repeat center center;
		}


#footer {
width: 940px;
height: 80px;
padding: 20px 10px;
background: #eee;
border-top: 1px solid #ccc;
	}		
#footer a {
color: #666;
}
#footer a:hover {
color: #9a43e9;
	}		
	#footer .footerRow {
	width: 940px;
	padding: 0 0 15px;
	}
	
#footerleft {
float: left;
width: auto;
}
#footerright {
float: right;
width: auto;
} 
	#menu2 {
	float: left;
	width: auto;
	}
	#menu2 li {
	display: inline;
	}
	#menu2 li a {
	float: left;
	width: auto;
	padding: 0 32px 0 0;
	
	font-family: Arial, Tahoma, Helvetica, 'Sans-Serif';
	font-size: 9pt;
	}	 
 	#menu3 {
	float: right;
	width: auto;
	}
	#menu3 li {
	display: inline;
	}
	#menu3 li a {
	float: left;
	width: auto;
	padding: 0 12px;
	border-right: 1px solid #aaa;
	
	font-family: Arial, Tahoma, Helvetica, 'Sans-Serif';
	font-size: 8pt;
	}		
	#menu3 li:last-child a {
	padding: 0 0 0 12px;
	border-right: 0px;
	}	 	

#copy {
width: auto;
	
font-family: Arial, Tahoma, Helvetica, 'Sans-Serif';
font-size: 9pt;
color: #666;
}
.counter {
color: #eee;
}
#bookmark {
float: right;
width: auto;
	}
	
	

 .tooltip {
	position: absolute; left: 0; top: 0; visibility: hidden;
	width: auto;
	margin: -20px 0 0 0;
	}

.tooltip p {
	width: auto;
	margin: 0;
	padding: 6px 12px 8px;
	background: #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-family: Verdana;
	font-size: 8pt;
	color: #fff;
	}		
	
	
	/* ======================================================== */
	
.contactForm {
float: left;
width: 100%;
}	
.contactForm h4 {
float: left;
width: 100%;
margin: 30px 0 20px;

font-family: Arial;
font-size: 14pt;
}	
.contactForm label {
float: left;
width: 100%;
margin: 0 0 10px;
}
.contactForm label span {
float: left;
width: 100px;
padding: 10px 0 0;
}		
.contactForm input, .contactForm textarea  {
padding: 6px;
margin: 3px 0;
border: 1px solid #bbb;
font-family: 'Segoe UI', Arial, Tahoma, 'Sans-Serif';
font-size: 11pt;
color: #666;
background: #f5f5f5;
}

.txt {
width: 300px;
}
.txtArea {
width: 600px;
height: 150px;
}
.txt:focus, .txtArea:focus {
-moz-box-shadow: 0 0 5px #461b8d;
-webkit-box-shadow: 0 0 5px #461b8d;
box-shadow: 0 0 5px #461b8d;
}

.sbmt {
width: auto;
padding: 4px 20px !important;
margin: 20px 0 0 100px !important;
background: #fff url(../grx/ui-tab.png) repeat-x 0 0 !important;
cursor: pointer;
font-size: 9pt !important;
color: #555;
	}
	.sbmt:hover {
	background: url(../grx/ui-tab.png) repeat-x 0 -40px !important;
	color: #222;
	}	
	
	
	
.offerDiv {
width: 640px;
margin: 0 0 30px;
}	
.offerDivTitle {
width: 138px;
padding: 10px 0;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
}
.offerDivItems {
width: 479px;
padding: 8px 0 8px 20px;
border-left: 1px solid #ccc;
line-height: 20px;
}


.portfolioDiv {
width: 640px;
margin: 0 0 20px;
}
.portfolioDiv img {
width: 640px;
height: 300px;
border-bottom: 1px solid #fff;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.portfolioDiv img:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	-moz-opacity: 1;
	opacity: 1;
}
.portfolioDivDescription {
width: 635px;
padding: 3px 5px 0 0;
border-top: 1px solid #ddd;
font-size: 9pt;
color: #777;
text-align: right;
}



#tabPortfolio {
width: 640px;
}

#tab-container-1 {
width: 100%;
} 
#tab-container-1-nav {
position: relative;
float: left;
width: 638px;
height: 30px;
border: 1px solid #bbb;
background: url(../grx/ui-tab.png) repeat-x 0 0;
	}
	#tab-container-1-nav li {
	display: inline;
	}
	#tab-container-1-nav li a {
	float: left;
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	border-right: 1px solid #bbb;
	background: #ddd;
		
	font-size: 10pt;
	color: #888;
	font-weight: bold;
	}
	#tab-container-1-nav li a:hover {
	color: #444;
	background: url(../grx/ui-tab.png) repeat-x 0 -40px;
	}
	#tab-container-1-nav li a.active {
	background: url(../grx/ui-tab.png) repeat-x 0 -40px;
	color: #222;
	cursor: default;
	}
	.tab {
	width: 640px;
	padding: 20px 0;
	margin: -1px 0 0;
	background: #fff;
	border: 0px solid #bbb;
	}