/* GLOBAL css for the troygullageCom */
h1,h2,h3,a,p,li,label,input,textarea,span {font-family:Verdana, Geneva, sans-serif;color:#000;}
html {margin:0;padding:0;background:#fff;background:url(/media/images/bg-tile.jpg) repeat 0 0;}
body {font-size:63%;}
a {outline:none;}
.clear {clear:both;}

#tgcom #main-loader {display:none;position:absolute;top:452px;left:479px;width:66px;height:66px;background:url(/media/images/loader.gif) no-repeat 0 0;}

#tgcom #container {position:relative;top:0;left:0;margin:0 auto;width:1024px;}

#tgcom #header {position:relative;width:100%;height:400px;background:url(/media/images/bg-feature-03.jpg) no-repeat 0 0;}
#tgcom #header .content {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	background:#fff;
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
#tgcom #header img.logo {padding:4px 0 0 8px;}
#tgcom #header ul.nav {float:right;margin-right:20px}
#tgcom #header ul.nav li {float:left;}
#tgcom #header ul.nav li a {
	display:block;
	width:100px;
	height:26px;
	margin-left:1px;
	padding-top:14px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	background:#000;
	color:#fff;
}
#tgcom #header ul.nav li a:hover, #tgcom #header ul.nav li a.selected {background:#999;color:#000;}
#tgcom #header h3 {
	position:absolute;
	top:350px;
	right:10px;
	font-size:2.0em;
	text-align:right;
	font-family:Impact,Verdana,Arial;
	line-height:0.9em;
	color:#fff;
	opacity:0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}
#tgcom #header h3 span {
	display:block;
	font-family:Impact,Verdana,Arial;
	line-height:0.9em;
	color:#fff;
}

#tgcom #main-wrapper {width:100%;height:inherit;min-height:300px;background:#fff;}

#tgcom #featured-clients-container {position:relative;top:0;left:0;width:100%;height:100px;}
#tgcom #featured-clients-container ul {}
#tgcom #featured-clients-container ul li {float:left;margin-left:40px;cursor:pointer;}
#tgcom #featured-clients-box {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:298px;
	color:#fff;
	background:#1d1d1d;
}
#tgcom #featured-clients-box img.close {display:none;position:absolute;top:6px;right:6px;cursor:pointer;}
#tgcom #featured-clients-box h3 {position:absolute;top:20px;left:40px;color:#fff;font-size:1.8em;}
#tgcom #featured-clients-box .copy {position:absolute;top:50px;left:40px;width:500px;}
#tgcom #featured-clients-box p {color:#fff;font-size:1.0em;margin-bottom:10px;}
#tgcom #featured-clients-box .screen {position:absolute;top:50px;right:40px;width:400px;}
#tgcom #featured-clients-box ul {}
#tgcom #featured-clients-box ul li {width:90%;cursor:default;color:#fff;font-size:1.2em;list-style:disc outside none;}




#tgcom #main h1.title {width:1012px;height:20px;padding:5px;font-size:1.6em;color:#fff;background:#1d1d1d;border-left:1px solid #333;border-right:1px solid #333;font-weight:bold;text-transform:uppercase;}
#tgcom #main h2.sub-title {width:1014px;;height:14px;clear:both;padding:3px 5px;text-transform:uppercase;font-size:0.9em;;font-weight:bold;letter-spacing:-0.1em;color:#fff;background:#333;}
#tgcom #main .copy p {padding-bottom:10px;font-size:1.2em;}
#tgcom #main .body-copy p {padding:5px 10px;}
#tgcom #main a {font-weight:bold;text-decoration:none;}

#tgcom #featured-work-container {width:1024px;height:300px;background:url(/media/images/bg-description.jpg) no-repeat center center;}
#tgcom #featured-work-container .copy {float:left;width:600px;padding:30px 0;}
#tgcom #featured-work-container .copy p {margin:0 10px 0 40px;font-size:1.2em;}
#tgcom #featured-work-container img {float:right;padding:30px 0;}

#tgcom ul#social-callouts {float:right;margin-top:5px;width:210px;}
#tgcom ul#social-callouts li {float:left;margin-right:5px;}

#tgcom #footer {clear:both;height:30px;background:#2a2a2a;border-top:1px solid #333;width:1024px;margin:0 auto;}
#tgcom #footer p.copyright {
	text-transform:uppercase;
	float:left;
	margin-left:10px;
	padding-top:12px;
	color:#999;
	font-size:0.9em;
}

#tgcom .client-content {display:none;}

#tgcom #contact-container {margin-top:30px;}
#tgcom #contact-container #notification-error {
	float:right;
	margin-right:40px;
	width:300px;
	height:auto;
	padding:4px;
	text-align:left;
	background:#ff8888;
	border:1px solid #333;
	-moz-border-radius:5px;
	border-radius:5px;
}
#tgcom #contact-container #notification-error span {font-size:1.2em;font-weight:bold;}
#tgcom #contact-container #notification-ok {
	display:none;
	margin-left:25px;
	font-size:1.6em;
}

#tgcom #contact-container label {float:left;width:120px;font-size:1.4em;padding-left:20px;margin:5px;text-align:left;}
#tgcom #contact-container span {display:block;clear:left;}
#tgcom #contact-container input.textbox {width:200px;font-size:0.9em;}
#tgcom #contact-container input.button {
	margin-bottom:30px;
	font-size:1.4em;
	cursor:pointer;
	color:#fff; 
	background:#1d1d1d;
	border:1px solid #999;
	-moz-border-radius:3px;
	border-radius:3px;
}
#tgcom #contact-container input, #tgcom #contact-container textarea {
	float:left;
	margin:5px;
	padding:5px;
	border:1px solid #999;
	-moz-border-radius:3px;
	border-radius:3px;
}