@charset "utf-8";
/*
|-----------::====================================================================::-----------|
|           :: Think Ideas, Inc.                                                  ::           |
|           :: Common Website Style-sheet                                         ::           |
|           :: Version 1.2.0000.0000                                              ::           |
|-----------::====================================================================::-----------|
               DEFAULT ELEMENT STYLES
                 all: *
                 links: a
                 body: body
                 headings: h1, h2
                 images: img
                 paragraphs: p
                 table columns: td
                 unordered lists: ul li
               SKELETAL UI ELEMENTS
                 Primary Page Area: wrap
					  Major Content Containers: body, footer
					  Minor Content Containers: body colR
               COMMON PAGE ELEMENTS, ELEMENT-SPECIFIC STYLES and SUB-ELEMENTS
               PAGE-SPECIFIC ELEMENTS & STYLES
               REUSABLE STYLES
                 Alternative Font Styles: .fontSize_Small
                 Color Styles: .color_DEFAULT, .color_Black, .color_Green, .color_Grey, .color_MdBlue, .color_PharexBlue, .color_PLIGreen, .color_Red
                 Alternative Link (Product Group Link Style): a.bigLink
                 Back Button: div.backButton, div.backButton a


a.arrowBG
{
	float: right;
	padding-left: 8px;
	background: url(../images/icoArrow.gif) 0px 2px no-repeat;
	color: #000000;
}
a.arrowBG:hover { color: #F06220; text-decoration: underline; }


|-----------::====================================================================::-----------|
|           ::                          REVISION HISTORY                          ::           |
|-----------::====================================================================::-----------|
  v1.0.000.000 :: February 3, 2009
    1. Initial published version of Cascading Style Sheet
  v1.1.000.000 :: June 9, 2009 (Joel Quinto)
    1. Revised CSS framework for entire website
  v1.2.000.000 :: September 26, 2009 (Joel Quinto)
    1. Added MooFX.SlideShow CSS
*/





/* DEFAULT ELEMENT STYLES */
* { margin: 0px; padding: 0px; }
a { color: #040000; font-weight: bold; text-decoration: underline; }
a:hover { text-decoration: underline; }
body {
	background: #FEDA00;
	font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #040000; line-height: 12pt;
}
h1 {
	margin-bottom: 10px;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: normal; line-height: 16pt;
}
h2 {
	margin-bottom: 20px;
	font-family: Helvetica, Arial, sans-serif; font-size: 13pt; font-weight: normal; line-height: 14pt;
}
img { border: none; }
p { margin-bottom: 10px; }
/*select { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }*/
td { vertical-align: top; }
ul li {
	margin: 0px 5px 0px 0px; padding-left: 15px;
	background: url("../images/icoBullet.gif") no-repeat;
	list-style: none;
}





/* SKELETAL UI ELEMENTS */
#body {
	min-height: 440px; position: relative;
	margin-top: 50px;
	text-align: left;
}
	#body #colR { width: 440px; float: right; }
#footer {
	height: 45px; width: 840px; position: absolute; left: 0px; bottom: 0px;
	padding-top: 5px;
	font-size: 8pt; text-align: center; line-height: 10pt;
}
#wrap {
	min-height: 538px; width: 840px; position: relative;
	border: 1px solid #FEDA00;
}





/* COMMON PAGE ELEMENTS */
#_icubusID {
	height: 20px; width: 20px; position: absolute; top: 14px; right: 30px;
	background: url(../images/_icubusID.png) top left no-repeat;
	font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 6pt; font-weight: bold; color: #FFFFFF; text-align: center; text-decoration: none;
}
a#backToCategories
{
	position: absolute; left: 0px; bottom: 20px;
	padding-left: 8px;
	background: url("../images/icoArrow.gif") 0px 2px no-repeat;
	color: #000000;
}
a#backToCategories:hover { color: #F06220; text-decoration: underline; }
#bubble {
	height: 201px; width: 420px; position: relative;
	margin: 0px 0px 10px -10px; padding: 12px 10px 12px 10px;
	background: url(../images/bgBubble.png) 0px 0px no-repeat;
}
#bubble.small {
	height: 150px;
	background-image: url(../images/bgBubbleSmall.png);
}
	#bubble #menu {
		height: 12px; position: absolute; bottom: 10px; right: 10px;
		list-style-type: none;
	}
		#bubble #menu li {
			float: left; z-index: 1000;
			margin: 0px; padding: 0px;
			background: none;
		}
			#bubble #menu li a {
				height: 12px; width: 12px; display: block;
				padding: 0px 2px 0px 2px;
				font-size: 8pt; color: #F06220; text-align: center; line-height: 12px; text-decoration: none;
			}
			#bubble #menu li a:focus { outline: 0; }
			#bubble #menu li a:hover { color: #040000; }
#flashMenu { height: 300px; width: 350px; position: absolute; top: 30px; left: 0px; }
#footer a { color: #FF5500; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#siteMenu {
	width: 400px; position: absolute; bottom: 5px; left: 422px;
	font-size: 8pt; font-weight: bold; text-align: center;
}
	#siteMenu li {
		height: 10px; float: left;
		margin: 0px 8px 0px 0px; padding: 0px 8px 0px 0px; border-right: 1px solid #040000;;
		background: none;
		line-height: 10px;
	}
	#siteMenu li.lastItem { margin: 0px; padding: 0px; border: none; }
		#siteMenu li a { color: #F06220; text-decoration: none; }
		#siteMenu li a:hover { color: #040000; text-decoration: underline; }
#worksMenu { height: 390px; width: 360px; position: relative; }
	#worksMenu li {
		margin-bottom: 10px; padding: 0px;
		background: none;
	}
		#worksMenu li a { font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; text-decoration: none; }
		#worksMenu li a:hover { color: #F06220; }
	#worksMenu #categoryName { font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 14pt; }
	#worksMenu #paging {
			float: right;
			padding-top: 5px;
		}
		#worksMenu #paging li {
			height: 12px; width: 14px; float: left;
			margin: 0px; padding: 0px 0px 0px 2px;
			background: none;
			font-size: 8pt; color: #F06220; font-weight: bold;
		}
			#worksMenu #paging li a {
				height: 12px; width: 12px; display: block;
				padding-right: 2px;
				font-size: 8pt; color: #040000; text-decoration: none;
			}
			#worksMenu #paging li a:hover { text-decoration: underline; }
	#worksMenu div.workPreview {
		margin-bottom: 40px;
		font-size: 8pt; font-weight: bold;
	}
	#worksMenu div.workPreview.L { float: left; }
	#worksMenu div.workPreview.R { float: right; }
		#worksMenu div.workPreview a {
			height: 100px; width: 170px; display: block;
			border: 3px solid #FFFFFF; margin-bottom: 2px;
			text-decoration: none;
		}
		#worksMenu div.workPreview a:hover { border: 3px solid #000000; }
		#worksMenu div.workPreview img {
			height: 100px; width: 170px;
			background: url(../images/AJAXLoaders/Wheel.gif) center no-repeat;
		}
#TIILogo {
	height: 60px; width: 80px; position: absolute; top: -42px; right: 0px; z-index: 5000;
	background: url(../images/logoTII.jpg) no-repeat;
}





/* REUSABLE STYLES */
.fontSize_Small { font-size: 8pt; }
a.arrowBG {
	float: right;
	padding-left: 8px;
	background: url(../images/icoArrow.gif) 0px 2px no-repeat;
	color: #000000;
}
a.arrowBG:hover { color: #F06220; text-decoration: underline; }





/* PAGE-SPECIFIC STYLES: Site Map */
#siteMap a { text-decoration: none; color: #434343; }
#siteMap a:hover { color: #DD0001; }
#siteMap li { margin: 0px; padding: 0px; }
#siteMap li a { font-size: 9pt; font-weight: bold; }
#siteMap li ul li a { font-weight: normal; }