/* Copyright (c) 2011 TSD */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	
	Global
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*	Setup
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@import "../global/resets.css";
@import "../global/utility.css";

html, body { height:100% }
body { padding:0; margin:0 auto; line-height:130%; font:11px Arial, Helvetica, sans-serif; font-weight:normal; background:url(../../images/css/ui/tsd-background.jpg) no-repeat center top #000;}

#container { width:980px; margin:0 auto; text-align:left; height:auto !important;}

/* header elements */
#header { float:left; width:870px; padding:55px 55px 28px 55px; text-align:left;}
	#header img.tsd-main { float:left; padding:0;}
	#header img.tsd-full { float:right; padding:30px 0 0 0;}

#contentWrap { float:left; width:980px;}
	#panelLeft { float:left; width:164px; padding-right:21px;}

		ul#navPrimary {float:left; width:164px; height:250px; margin:0; padding:0; list-style:none; line-height:13px; }
		#navPrimary li { display:block; text-align:right; vertical-align:top; padding-bottom:9px; }
		#navPrimary li a { display:block; color:#CCC; text-decoration:none; }
		#navPrimary  li a:hover,
		#navPrimary  li.active a {color:#EC008C; text-decoration:none; }
		
		ul#panelLeftBtm { float:right; width:164px;}
		#panelLeftBtm li { text-align:right; color:#666;}

	#panelRight { float:right; width:740px; margin-right:55px;}
	
		#hero { float:left; width:740px; border-bottom:4px solid #EC008C; font-size:12px; }
			#hero h1 { font-size:18px; color:#EC008C; padding:0 0 15px 0; line-height:18px;}
			#hero .aboutus {float:left; height:90px; padding:136px 40px 0 472px; color:#CCC; background:url(../../images/static/aboutus.jpg) no-repeat top left;}
			#hero .talentByDesign {float:left; height:193px; padding:102px 40px 0 515px; color:#CCC; background:url(../../images/static/talent-by-design.jpg) no-repeat top left;}
			#hero .testimonials {float:left; height:90px; padding:136px 40px 0 472px; color:#CCC; background:url(../../images/static/testimonials.jpg) no-repeat top left;}
			#hero .textonly {float:left; width:680px; padding:30px; color:#CCC; text-align:justify;}

		
		#contentBody { float:left; width:680px; text-align:left; padding:30px; font-size:12px; color:#CCC; text-align:justify;}

		#contentBodyWide { float:left; width:740px; text-align:left; padding-bottom:30px; font-size:12px; color:#CCC; text-align:justify;}

		#contentBody blockquote {background:url(../../images/css/ui/tsd-blockquote.gif) no-repeat top left; width:680px; height:450px; border-bottom:3px solid #EC008C; }
		#contentBody marquee span {margin-right:15px; padding-left:12px; font-style:italic;}
		
		#contentBody .imgPaneRight {float:right; width:175px; text-align:right; padding:0 0 25px 25px;}
		#contentBody .imgPaneRight img {padding-bottom:12px; display:block;}

		ul.panelFeatureWrap {float:left; display:inline; width:740px; padding:0; margin:0; line-height:130%; font-size:12px;}
		.panelFeatureWrap li {float:left; list-style:none; width:726px; padding:20px 0 0 0; margin:0; border-bottom:1px solid #FFF; text-align:justify;}
		.panelFeatureWrap li img.tbdmain {float:right; padding:0 0 20px 20px;}
		.panelFeatureWrap li p { padding:0 0 10px 30px; margin:0;}
		.panelFeatureWrap li p.logo { padding:5px 0 20px 30px; }
		.panelFeatureWrap li p.titleNumber { background-position:top left; background-repeat:no-repeat; color:#FFF; padding-top:4px;  }
		.panelFeatureWrap li p.titleNumber strong { display:block; color:#EB008C;}
		.panelFeatureWrap li .num01 { background:url(../../images/css/ui/num/pink01-tiny.gif);}
		.panelFeatureWrap li .num02 { background:url(../../images/css/ui/num/pink02-tiny.gif);}
		.panelFeatureWrap li .num03 { background:url(../../images/css/ui/num/pink03-tiny.gif);}
		
		.panelFeatureWrap li div.venueInfo { margin:20px 0 15px 27px; background-position:top left; background-repeat:no-repeat; padding-left:109px;}
		.panelFeatureWrap li .venueAGV { background:url(../../images/logos/agv.gif);}
		
		.panelFeatureWrap li div.venueInfo img { padding:0 26px 50px 0; }
		.panelFeatureWrap li div.venueInfo p.title { padding:10px 0 10px 27px; color:#EB008C;}
		.panelFeatureWrap li div.venueInfo ul.venueList {float:left; display:inline; padding:0 0 10px 0; margin-left:27px; width:70px; }
		.panelFeatureWrap li div.venueInfo .venueList li {float:left; list-style:none; padding:0 10px 10px 0; margin:0; width:70px; border:none;}
		.panelFeatureWrap li div.venueInfo .venueList li a {color:#FFF; text-decoration:none;}
		.panelFeatureWrap li div.venueInfo .venueList li a:hover {color:#FFF; text-decoration:underline;}
		
		.panelFeatureWrap img.main {float:right; padding:0 0 0 40px;}
		
		
		/*-- talent --*/
		ul#talentWrap {float:left; display:inline; padding:0; margin:0; font-size:12px; line-height:130%; color:#E5E5E5;}
		#talentWrap li {float:left; list-style:none; width:246px; height:340px; margin-left:1px; }
		#talentWrap li.lead {margin:0;}
		#talentWrap li img {float:left; padding:0; margin-bottom:16px; border:none;}
		#talentWrap li p {padding:0 20px 8px 12px; margin:0;}
		#talentWrap li p.title { color:#EB008C; font-weight:bold; }
		#talentWrap li a {color:#999; text-decoration:none; font-size:11px;}
		#talentWrap li a:hover {color:#999; text-decoration:underline;}
		
		/*-- testimonials --*/
		hr { float:left; width:100%; height:45px; padding:15px 0; background:url(../../images/css/ui/dotsrider.jpg) no-repeat center #000; border:none; margin:0;}

		/*-- talent by design --*/
		#panelRight #inline1,
		#panelRight #inline2,
		#panelRight #inline3{ display: none;}
		#inline1 { overflow:auto; width:556px; height:309px; background-color:#FDFDFD;}
		#inline2 { overflow:auto; width:480px; height:360px; background-color:#FDFDFD;}
		#inline3 { overflow:auto; width:555px; height:312px; background-color:#FDFDFD;}
		

#panelLogo {float:left; width:870px; padding:30px 55px; text-align:right; }
	#panelLogo img {padding-left:10px;}

#linebtw { float:left; width:100%; height:1px; background:url(../../images/css/ui/footer-line.png) no-repeat center top;}

#footerWrap {width:980px; margin:0 auto; text-align:left; height:auto !important;}

#footer {float:left; width:925px; padding:16px 55px 16px 0; text-align:left; font-size:10px; color:#999;}
	#footer .f-left {width:164px; text-align:right; padding-right:21px;}
		#footer a {color:#999; text-decoration:none;}
		#footer a:hover {color:#999; text-decoration:underline;}
	#footer a.rpi {color:#FFF; text-decoration:none;}
	#footer a.rpi:hover {color:#FFF; text-decoration:underline;}


/*	Typography
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
p { padding:0 0 10px 0; margin:0;}

h2,h3,h4,.head1, .head2, .head3, .head4 { font-family:Arial, Helvetica, sans-serif; margin:0; line-height:130%;}
h2,.head2 {color:#EB008C; font-size:16px; padding:0 0 15px 0; font-weight:bold;}
h3,.head3 {color:#CCC; font-size:14px; padding:10px 0 15px 0; font-weight:bold;}
h4,.head4 {color:#333; font-size:14px; line-height:14px; padding:10px 0 5px 0;}


/* = font-colors ---------------------- */
.colorOrange {color:#FF6600;}
.colorGreen {color:#00CC00;}
.colorBlue {color:#005292;}
.colorRed {color:#ED1D26;}
.colorPink {color:#EB008C;}
.color_F {color:#FFFFFF;}
.color_C {color:#CCCCCC;}
.color_9 {color:#999999;}
.color_6 {color:#666666;}
.color_3 {color:#333333;}
.color_0 {color:#000000;}
.errmsg {color:#C3041D; font-size:10px; font-weight:bold;}

/* = font-sizes ---------------------- */
.size_9 {font-size:9px;}
.size_10 {font-size:10px;}
.size_11 {font-size:11px;}
.size_12 {font-size:12px;}
.size_13 {font-size:13px;}
.size_14 {font-size:14px;}
.size_16 {font-size:16px;}

/* = hyperlinks ---------------------- */
a:link, a:visited {color:#FFF; text-decoration:underline;}
a:hover {color:#FFF; text-decoration:none;}

/* = positions ---------------------- */
.f-right { float:right;} .f-left { float:left;} .clear { clear:both;}
.margin10 { margin:10px;} .LMargin10 { margin-left:10px;} .RMargin10 { margin-right:10px;} .LRMargin10 { margin:0 10px;}

/* = form styles ---------------------*/
.fromSmallLeft {padding:0; margin:0;}
.fromSmallLeft p {	clear:left; margin:0; padding:3px 0 5px 0;  }
.fromSmallLeft label{ float:left; margin:0; font-size:10px; font-weight:bold; color:#333; }
.fromSmallLeft input[type="text"],
.fromSmallLeft input[type="password"]{ width:160px; font-size:12px; padding:4px 3px; border:1px solid #CCCCCC; color:#333; }
.fromSmallLeft input[type="submit"] {background:#008BFD; color:#FFF; font-weight:bold; font-size:10px; padding:3px 8px 4px 8px; border:3px solid #5EB7FF;}