@charset "utf-8";
/* CSS Document */

body,html { background: url("/gr/bg_vertical.jpg") -50px 0 repeat-y; color: #000; font: 78%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; xheight: 100%; margin: 0; padding: 0; border: 0; }
#siteholder { position: relative; margin: 0; padding: 200px 0 0 0; width: 860px; }
#bar { position: absolute; top: 100px; left: -1px; background: url("/gr/bg_sunset2.jpg") -1px 0  no-repeat; height: 93px; width: 200px; border: 0; border-top: 1px solid #333; border-bottom: 1px solid #333; }

/*---------NAVIGATION SYTLES
------------------------------------------*/

#links { float: left; margin-top: 25px; color: #000; width: 199px; text-align: right; }
#navlist { font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; }
#navlist li { list-style: none; display: block; margin-top: 3px;}
#navlist li a { color: #000; xmargin-left: 2px; padding: 2px 15px 2px 0; text-decoration: none; }
#navlist li a#Home { xtext-decoration: underline; background: none; margin-bottom: 25px; }
#navlist li a#login { xtext-decoration: underline; background: url("/gr/lock.gif") no-repeat; padding-left: 18px; }
#navlist li a:link { color: #000; }
#navlist li a:visited { color: #000; }
#navlist li a:hover { color: #ff3366; }
#navlist li a#current { background: #FFF; font-weight: bold; border-right: 10px solid #666; padding: 3px 5px 3px 3px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }

#login { margin: 30px 10px 0 0; }
#login input { background: #fff none; border: 1px solid #ccc; font-size: 90%; color: #666; width: 50px; }
#login input.button { border: 0; vertical-align: bottom; height: 17px; width: 13px; background-color: #666; }

/*---------HEADER STYLES
------------------------------------------*/

#header { margin-left: 200px; border-bottom: 1px dotted #000;}
#header #logo { background: url("/gr/logo/logo3.gif") 10px 10px no-repeat; height: 55px; width: 225px; }
#header #logo a { display: block; height: 55px; width: 225px; }
#title { position: absolute; top: 25px; left: 225px; font: bold 3.3em Georgia, "Times New Roman", Palatino, Serif; color: #e6e6e6; xtext-transform: capitalize; }
#title span { font-size: 1em; color: #000; font-style: normal; }


/*---------MAIN SYTLES
------------------------------------------*/

#main { position: relative; font-size: 1.1em; margin-left: 200px; padding: 0; }
#rightside { position: absolute; top: 25px; left: 520px; }
#rightside #news { display: none; color: #666; font-size: 0.9em; }
#rightside ul { margin: 0; padding: 0; }
#rightside li { margin: 0 0 0 20px; padding: 0; list-style-type: square; color: #666; }
#leftside { position: absolute; top: 0; left: 0; }
#content { position: absolute; xz-index: 0; line-height: 15px; padding: 25px 10px; width: 275px; margin: 0 0 0 200px; background-color: #FFF; filter: alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70; }
#content p { margin: 7px 0; }
#content #clientlist { overflow: auto; padding: 10px 10px 20px 0; height: 225px; }
x#content #clientlist a { text-decoration: none; color: #000; }
#content #clientlist_industry { overflow: auto; padding: 0 10px 20px 0; height: 225px; }
x#content #clientlist_industry a { text-decoration: none; color: #111; }
#content table { margin: 0 auto; }
#content ul { margin: 0; margin-left: 25px; padding: 0; }
#content li { margin: 0; padding: 0; list-style-type: square; }
#tabcontainer { margin: 15px 0; color: #999; border-bottom: 1px solid #999 !important; }
#tabcontainer ul { margin-left: 3px; }
#tablist { color: #999; margin: 0; font: 9px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding-bottom: 3px; padding-left: 5px; }
#tablist li { list-style: none; margin: 0; display: inline; }
#tablist li a { padding: 3px 1em; margin-left: 3px; text-decoration: none; }
#tablist li a:link { color: #666; }
#tablist li a:visited { color: #666; }
#tablist li a:hover { color: #000; background-color: #D4D4D4; }
#tablist li a#current { border: 1px solid #ccc; border-bottom: 1px solid white; color: #000; background: url(/gr/bullet_orange_ball.gif) #FFF 5px 5px no-repeat; padding-left: 20px; }

/*---------FOOTER SYTLES
------------------------------------------*/
#footer { margin-top: 30px; width: 180px; padding: 0 0 25px 0; color: #666; text-align: right;  }
#footer a { color: #666; }

/*---------GENERIC & OTHER SYTLES
------------------------------------------*/
a:link { color: #333; text-decoration: underline; }
a:visited { color: #555; }
a:hover { color: #FF6600; }
h3 { font: bold 11px/13px Georgia,"Times New Roman",Times,serif; color: #333; text-transform: uppercase; border-bottom: 1px solid #ccc; margin: 10px 10px 0 0; padding-left: 15px; background: url(/gr/bullet_orange_ball.gif) left no-repeat; }
h4 { font: bold 11px Georgia,"Times New Roman",Times,serif; color: #000; border-bottom: 1px solid #ccc; margin: 15px 0 5px 0; width: 200px; }
.indented { padding-left: 25px; }
.line-dotted { background-image: url("/gr/line_dotted.gif"); background-repeat: repeat-x; height: 1px; }
.box { width: 175px; background-color: #FFF; border: 1px dotted #CCC; padding: 10px; margin: 10px auto; text-align: left; }
input { border: 1px solid #ddd; border-bottom: 1px solid #aaa; background: url("/gr/bg_input_gradient.gif") bottom left no-repeat; }
select { border: 1px solid #ddd; background-color: #f6f6f6; font-size: 11px; }
textarea { border: 1px solid #ddd; border-bottom: 1px solid #aaa; font-size: 11px; background: url("/gr/bg_input_gradient.gif") bottom left no-repeat; }

.send-button { background: none; background-color: #333; color: #fff; font-size: 11px; }
.webdesign { font: bold 11px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; }
.pullquote { float: right; font: 1em Georgia, "Times New Roman", Times, Serif; font-style: italic; width: 100px; margin: 20px; xpadding: 0px 35px; color: #666; }
.pullquote:before, .pullquote:after { color: #999; display: block; font-size: 700%; width: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; }
.pullquote:before { content: open-quote; height: 0; margin: 0 0 0 -0.40em; color: #e6e6e6; }
.pullquote:after { content: close-quote; height: 0px; margin: -20px 0 35px 115px; color: #e6e6e6; }
.quote { font: 1em georgia, "times new roman", palatino, serif; line-height: 1.4em; font-style: italic; }
x.pullquote:first-letter { background: url(/gr/openquote.gif) no-repeat left -5px !important; padding: 5px 2px 10px 40px!important; xline-height: 2em; padding /**/: 0px; 	/* resetting padding in IE5+ */	background /**/: url(); /* removing quote graphic in IE5+ */ }
.ext { background: url("/gr/icon_new_window.png") right no-repeat; padding-right: 18px; }

label { float: left; width: 75px; }
input, textarea { border: none; border-left: 1px solid #ccc; border-bottom: 1px solid #bbb; color: #666; }