/*------------------------------------------------------------------------*/
/*                                                                        */
/*   Tinygiant Creative CSS                                               */
/*                                                                        */
/*------------------------------------------------------------------------*/

body { 
	font: normal 14px/24px "Times New Roman", Times, serif; 
	color: #464646; 
	margin: 0px; 
	padding: 0px; 
	background: url("/style/template/bkg.gif") #E6E6E6 repeat-x;
	}

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}


#title1 {
	font: normal normal 36px/32px "Times New Roman", Times, serif;
	color: #96AA31; 
	position: relative; 
	top: 0px; 
	}

#title2 {
	font: normal normal 42px/36px "Times New Roman", Times, serif;
	color: #958E2F;
	position: relative;
	top: 0px;
	}

#title3 {
	font: normal normal 48px/52px "Times New Roman", Times, serif;
	color: #93672E;
	position: relative;
	top: 0px;
	}


/*------------------------------------------------------------------------*/
/*     Default Navigation                                                 */
/*------------------------------------------------------------------------*/

a, a:link, a:active, a:visited { 
	color: #9C6E32;
	text-decoration: none;
	}

a:hover { 
	color: #CC0000;
	text-decoration: none;
	}


a.titlelink, a:link.titlelink, a:active.titlelink, a:visited.titlelink {
	font: normal normal 22px/20px "Times New Roman", Times, serif;
	color: #96AA31; 
	top: 0px; 
	}

a:hover.titlelink { 
	color: #CC0000;
	text-decoration: none;
	}



/*------------------------------------------------------------------------*/
/*     Top Navigation                                                     */
/*------------------------------------------------------------------------*/

#NavTopLarge {
	width: 530px;
	height: 146px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	background: url("/style/template/bkg-NavTopLarge.gif") no-repeat bottom left;
	}

#NavTopSmall {
	width: 530px;
	height: 65px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	background: url("/style/template/bkg-NavTopSmall.gif") no-repeat bottom left;
	}

#NavTop {
	float: right;
	width: 530px;
	height: 65px;
	margin: 0px;
	padding: 0px;
	}

#NavTop ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#NavTop li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}

#NavTop a {
	font: 80% Arial, Helvetica, sans-serif;
	color: #737373;
	float: right;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}

#NavTop a span {
	float: right;
	display: block;
	margin: 0px;
	padding: 26px 12px 25px 12px;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#NavTop a span { float: none; }
/* End IE5-Mac hack */

#NavTop a:hover, #header a:hover span {
	color: #737373;
	background: url("/style/template/bkg-NavTopOn.gif") no-repeat bottom center;
	}

/* Selected */
#NavTop #selected a span {
	margin: 0px;
	padding: 0px;
	}

#NavTop #selected a span, #header #current a {
	color: #737373;
	text-decoration: none;
	margin: 0px;
	padding: 26px 12px 25px 12px;
	background: url("/style/template/bkg-NavTopOn.gif") no-repeat bottom center;
	}


/*------------------------------------------------------------------------*/
/*     Page Layout Containers                                             */
/*------------------------------------------------------------------------*/

/*---- Page ----*/
.PageContainer {
	}

/*---- Header ----*/
.HeaderContainer {
	width: 100%;
	margin: 0px; 
	padding: 0px; 
	}

/*---- Left Content ----*/
#LeftContainer { 
	margin: 0px; 
	padding: 0px;
	width: 160px;
	display: block;
	background: #6699cc;
	}

/*---- Center Content ----*/
#CenterContainer { 
	margin: 0px; 
	padding: 0px; 
	width: 760px;
	}

/*---- Copyright & Links ----*/
#CopyrightContainer {
	width: 100%;
	font: normal 80%/11px Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0px;
	padding: 0px;
	}

a.copy, a:link.copy, a:active.copy, a:visited.copy { 
	color: #999; 
	text-decoration: none; 
	}

a:hover.copy { 
	color: #999; 
	text-decoration: underline; 
	}


/*------------------------------------------------------------------------*/
/*     Logos                                                              */
/*------------------------------------------------------------------------*/

#LogoLarge {
	width: 210px;
	height: 146px;
	margin: 0px; 
	padding: 0px; 
	background: url("/style/template/bkg-LogoLarge.gif") no-repeat bottom right;
	}

#LogoSmall {
	width: 210px;
	height: 65px;
	margin: 0px; 
	padding: 0px; 
	background: url("/style/template/bkg-LogoSmall.gif") no-repeat bottom right;
	}



/*------------------------------------------------------------------------*/
/*     Featured Work                                                      */
/*------------------------------------------------------------------------*/

.FeatureWork {
	display: table;
	width: 100%;
	margin: 10px 0px;
	padding: 0px;
	background: #fff;
	border: 1px solid #EBEBEB;
	clear: both;
	}

.FeatureCopy {
	display: table-cell;
	font: normal 90%/16px Arial, Helvetica, sans-serif;
	float: left;
	margin: 10px;
	padding: 0px;
	}

.FeatureImg {
	display: table-cell;
	float: right;
	margin: 10px 20px 10px 5px;
	padding: 0px;
	width: 200px;
	height: 100px;
	}

.FeatureLnk {
	display: table-cell;
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 100px;
	border: 1px solid #999999;
	}



/*------------------------------------------------------------------------*/
/*     Client Rotator                                                     */
/*------------------------------------------------------------------------*/

#ClientContainer {
	height: 190px;
	width: 185px;
	background: url("/style/template/bkg-Clients.gif") no-repeat;
	}

#ClientRotator {
	position: relative;
	top:0;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 175px;
	height: 130px;
	}


/*------------------------------------------------------------------------*/
/*     Headers                                                            */
/*------------------------------------------------------------------------*/

h1 { 
	font: normal 400%/150% "Times New Roman", Times, serif;
	color: #A9BE3F; 
	margin: 0px; 
	padding: 0px; 
	}

h2 { 
	font: normal 150%/125% "Times New Roman", Times, serif;
	color: #A9BE3F; 
	margin: 0px; 
	padding: 0px; 
	}

h3 { 
	font: normal 125%/16px "Times New Roman", Times, serif;
	color: #A9BE3F; 
	margin: 0px; 
	padding: 0px; 
	}

h4 { 
	font: normal 120%/18px "Times New Roman", Times, serif;
	color: #A9BE3F; 
	margin: 0px; 
	padding: 0px; 
	}

h5 { 
	font: normal 110%/18px "Times New Roman", Times, serif;
	color: #A9BE3F; 
	margin: 0px; 
	padding: 0px; 
	}



/*------------------------------------------------------------------------*/
/*     Lists                                                              */
/*------------------------------------------------------------------------*/

ul, ol {
	margin-top: 0px;
	padding-top: 0px;
	}


/*------------------------------------------------------------------------*/
/*     Generic and Miscellaneous Styles                                   */
/*------------------------------------------------------------------------*/

.small { 
	font: normal 80% Arial, Helvetica, sans-serif;
	}

.note { 
	font: normal 80% Arial, Helvetica, sans-serif;
	color: #666;
	}

.caps {
	text-transform: uppercase;
	}

.red {
	color: #ff0000;
	}

.blue { 
	color: #0000ff; 
	}

.green { 
	color: #009900; 
	}

.white {
	color: #ffffff;
	}

input, select, textarea {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 1px;
	border: 1px solid #ccc;
	}

/*------------------------------------------------------------------------*/
/*     Alerts                                                             */
/*------------------------------------------------------------------------*/

#Alert {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #cb9146;
	display: block;
	border: 2px solid #ffe4ac;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Alert.gif") no-repeat 10px 5px #fdfcd7;
	}

#Alert h3 {
	font: normal bold 24px Arial, Helvetica, sans-serif;
	color: #cb9146;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

#Error {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #9e0b0f;
	display: block;
	border: 2px solid #fcc9aa;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Error.gif") no-repeat 12px 7px #fde4d7;
	}

#Error h3 {
	font: normal bold 24px Arial, Helvetica, sans-serif;
	color: #9e0b0f;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

#Success {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #197b30;
	display: block;
	border: 2px solid #a2d39b;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Success.gif") no-repeat 12px 7px #e0ffd5;
	}

#Success h3 {
	font: normal bold 24px Arial, Helvetica, sans-serif;
	color: #197b30;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

#Notes {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	border: 2px solid #ffe4ac;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Notes.gif") no-repeat 10px 5px #fdfcd7;
	}