/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: 
	CREATED: --- --.--.-- @ --:--
	AUTHOR:
	
----------------------------------------------------*/

@import url("reset.css");


/*--- 00. Common Elements ---------------------------------------------------------------------------*/

body						{background:url(/img/_bkg.jpg); color:#877760; font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%;}

a							{color:#5A4099;}
a:hover						{color:#8771BE; text-decoration:none;}


/*--- 01. Heading ---------------------------------------------------------------------------*/

h1							{color:#5A4099; font-family:Constantia, "Lucida Bright", Georgia, serif; font-size:1.7em; font-style:italic; margin:30px 0 20px 0; text-shadow:1px 1px 0 rgba(255,255,255,0.7);}
h2							{color:#7D7568; font-family:Constantia, "Lucida Bright", Georgia, serif; font-size:1.28em; margin:20px 0 10px 0; text-shadow:1px 1px 0 rgba(255,255,255,0.7);}


/*--- 02. Main Layout ---------------------------------------------------------------------------*/

#main-container				{margin:0 auto; position:relative; width:960px;}
#content-container			{padding:220px 0 0 0;}
#index #content-container	{padding:199px 0 0 0;}


/*--- 03. Header ---------------------------------------------------------------------------*/

#header						{left:0; position:absolute; text-align:center; top:0; width:960px; z-index:2;}
#logo						{display:block; margin:32px auto 31px auto;}


/*--- 04. Navigation ---------------------------------------------------------------------------*/

#nav						{font-size:1.2em; margin:0 auto; position:relative; width:949px;}
#nav ul						{margin:0px auto; width:730px;}
#nav li						{float:left;}
#nav a						{background:url(/img/_bkg_navitem.png) center -14px no-repeat; display:block; padding:25px 22px 5px 22px; text-decoration:none;}
#nav span					{background:url(/img/_overlay_nav.png) top center no-repeat; height:14px; left:0; position:absolute; top:0; width:949px;}

#nav li:nth-child(1) a		{padding-left:25px; padding-right:25px;}
#nav li:nth-child(2) a		{padding-left:25px; padding-right:25px;}
#nav li:nth-child(3) a		{padding-left:20px; padding-right:20px;}
#nav li:nth-child(4) a		{padding-left:15px; padding-right:15px;}
#nav li:nth-child(5) a		{padding-left:30px; padding-right:30px;}
#nav li:nth-child(6) a		{padding-left:20px; padding-right:20px;}


/*--- 05. Content ---------------------------------------------------------------------------*/

#content					{font-size:1.4em; margin:0px auto; width:700px;}
#content p					{padding:9px 0 8px 0;}
#content ul					{list-style:square; margin:10px 0 10px -10px;}
#content li					{padding:5px 10px;}

#footnote					{border-top:1px solid #D2CDC3; border-top:1px solid #rgba(0,0,0,0.1); font-size:1.4em; margin:45px auto 0 auto; padding:32px 0 0 0; width:700px; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);}
#footnote h6				{margin:21px 0 8px 0; text-transform:uppercase;}
#footnote p					{font-size:0.85em; padding:9px 0 8px 0;}
#footnote strong,
#footnote span				{font-size:1.2em;}

.pullquote					{background:#A393BB; background:rgba(90,64,153,0.5); color:#FFFFFF; float:right; margin:10px -100px 20px 40px; padding:11px 20px 20px 20px; width:200px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.pullquote cite				{border-top:1px solid #BDB2CE; border-top:1px solid rgba(255,255,255,0.3); display:block; font-size:0.85em; font-style:italic; font-weight:bold; margin:5px 0 0 0; padding:15px 0 0 0;}


/*--- 07. Index ---------------------------------------------------------------------------*/

#banner						{background:url(/img/_banner_index.jpg) right top no-repeat; color:#B5A792; font-family:Constantia, "Lucida Bright", Georgia, serif; font-size:1.8em; font-style:italic; height:100%; overflow:hidden; padding:91px 360px 57px 140px; width:398px;}
#banner p					{text-shadow:1px 1px 0 rgba(255,255,255,0.7);}
#banner span				{color:#7D7568; display:block; font-size:1.3em; padding:0 0 7px 0;}
#banner a					{background:#B6B0A5; background:rgba(125,117,104,0.5); color:#FFFFFF; display:block; float:left; margin:15px 0 0 0; padding:6px 27px 7px 27px; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#banner a:hover				{background:#7D7568;}

#services					{font-family:Constantia, "Lucida Bright", Georgia, serif; font-size:1.8em; font-style:italic; height:100%; margin:59px 0 58px 24px; overflow:hidden;}
#services li				{float:left; margin:0 0 0 40px;}
#services a					{background:url(/img/_tag_large.png) no-repeat; color:#FFFFFF; display:block; height:32px; padding:41px 0; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.2); width:252px;}
#services a:hover			{background-position:0 -114px;}


/*--- 08. Contact ---------------------------------------------------------------------------*/

address						{background:#B6B0A5; background:rgba(125,117,104,0.5); color:#FFFFFF; float:right; margin:10px -100px 20px 40px; padding:20px; width:200px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
address strong				{border-bottom:1px solid #CBC6BF; border-bottom:1px solid rgba(255,255,255,0.3); display:block; font-size:1.1em; font-style:italic; font-weight:bold; margin:0 0 14px 0; padding:0 0 15px 0;}
#contact-terms				{font-family:Arial, Helvetica, sans-serif; font-size:0.8em; margin:0 0 10px 120px;}

/*--- 50. Footer ---------------------------------------------------------------------------*/

#footer						{background:url(/img/_bkg_footer.png) 19px 27px no-repeat; border-top:1px solid #D2CDC3; border-top:1px solid #rgba(0,0,0,0.1); color:#B3A591; font-size:1.2em; height:100%; margin:45px auto 0 auto; overflow:hidden; padding:32px 20px 45px 88px; width:592px; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);}
#copyright					{float:left;}
#links						{float:right;}
#bronco						{clear:right; float:right;}
#footer a					{color:#B3A591; text-decoration:none;}
#footer a:hover				{color:#7D7568;}


/*--- 51. Form Elements ---------------------------------------------------------------------------*/

#content form p				{height:100%; overflow:hidden; padding:5px 0;}
form						{margin:30px 0;}
label						{color:#7D7568; float:left; font-weight:bold; margin:4px 10px 0 0; text-align:right; width:110px;}
input[type='text']			{background:#FFFFFF; border:1px solid #CCCCCC; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 5px 0; padding:5px; width:200px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
textarea					{background:#FFFFFF; border:1px solid #CCCCCC; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:150px; margin:0 0 5px 0; padding:5px; width:325px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
input[type='submit']		{background:#B6B0A5; background:rgba(125,117,104,0.5); border:0; color:#FFFFFF; cursor:pointer; font-family:Constantia, "Lucida Bright", Georgia, serif; font-size:18px; font-style:italic; height:35px; padding:0 27px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
input[type='submit']:hover	{background:#7D7568;}
input[type='text'].input-warning,
textarea.input-warning		{border-color:#B7220A;}

.formalign					{margin-left:120px;}

form .required				{background:url(/img/icon_required.gif) no-repeat; display:block; float:left; height:13px; margin:7px 0 0 6px; text-indent:-9999px; width:53px;}
form .optional				{background:url(/img/icon_optional.gif) no-repeat; display:block; float:left; height:13px; margin:7px 0 0 6px; text-indent:-9999px; width:53px;}
form .hidden				{background:url(/img/icon_hidden.gif) no-repeat; display:block; float:left; height:13px; margin:7px 0 0 6px; text-indent:-9999px; width:44px;}
form .warning				{background:url(/img/icon_warning.png) no-repeat; display:block; float:left; height:16px; margin:4px 0 0 6px; text-indent:-9999px; width:17px;}

#p-security					{clear:both; display:none; height:0px; visibility:hidden;}
#p-security label			{float:none; padding:0 0 4px 0; text-align:left; width:auto;}
#p-security input[type="text"]	{display:block; float:none;}


/*--- 52. Response Elements ---------------------------------------------------------------------------*/

#msg-response				{background:url(/img/response_bkg.jpg) #FFFFFF repeat-x; border:1px solid #CCCCCC; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:1.3em; margin:20px 0; padding:1px; position:relative; zoom:1; width:75%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#content #msg-response ul	{list-style:none; margin:0;}
#content #msg-response ul li	{padding:0;}
#msg-response a				{color:#333333;}
#msg-response a:hover		{text-decoration:none;}
#msg-response span			{background:url(/img/response_close.gif) no-repeat; height:11px; position:absolute; right:10px; top:8px; width:10px;}

#msg-response div			{padding:6px 46px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.msg-error					{background:url(/img/response_error.jpg) left center no-repeat; color:#B7220A;}
.msg-success				{background:url(/img/response_success.jpg) left center no-repeat; color:#0F8915;}


/*--- 53. Skip Link ---------------------------------------------------------------------------*/

#skip-link					{float:left; margin:0 0 0 -9999px; text-decoration:none;}
#skip-link:focus			{background:#333333; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; font-size:11px; margin:0; padding:3px 7px 3px 5px; position:relative; z-index:1000;}