/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: www.jezrose.co.uk
	CREATED: Fri 21.05.10 @ 09:17
	AUTHOR: Kean Richmond
	
----------------------------------------------------*/

@import url("reset.css");

@font-face 					{font-family:'LeagueGothicRegular'; src:url('/fonts/League_Gothic-webfont.eot'); src:local('?'), url('/fonts/League_Gothic-webfont.woff') format('woff'), url('/fonts/League_Gothic-webfont.ttf') format('truetype'), url('/fonts/League_Gothic-webfont.svg#webfont') format('svg'); font-weight:normal; font-style:normal;}


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

body						{background:url(/img/_bkg.jpg) repeat-x; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

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


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

h1							{color:#F6901D; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:3em; text-transform:uppercase; margin:33px 0 10px 0;}
h2							{color:#666666; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:2.5em; text-transform:uppercase; margin:33px 0 0 0;}



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

#main-container				{background:url(/img/_bkg_img_jez.png) 0 330px no-repeat; margin:0 auto; padding:0 10px; position:relative; width:940px;}
#content-container			{height:100%; overflow:hidden; padding:100px 0 0 0;}


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

#header						{left:0; padding:0 10px; position:absolute; top:0; width:940px;}
#logo						{display:block; float:left; margin:35px 0 0 0;}

#training					{float:right; margin:34px 0 0 0;}
#training p					{background:url(/img/_bkg_training.png) right center no-repeat; color:#BFBFBF; float:left; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:2.4em; margin:5px 11px 0 0; padding:11px 26px 10px 0; text-transform:uppercase;}
#training a					{clear:right; display:block; float:right; margin:3px 0 4px 0; text-align:center; width:68px;}


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

#nav						{float:left; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:1.8em; margin:29px 0; text-transform:uppercase; width:180px;}
#nav li						{padding:4px 0;}
#nav > li > a				{background:#F2F2F2; background:rgba(0,0,0,0.04); color:#F6901D; display:block; padding:5px 10px 4px 10px; text-decoration:none; text-shadow:#FFFFFF 1px 1px 1px; width:160px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#nav > li > a:hover			{background:#F6901D; color:#FFFFFF; text-shadow:none;}
#nav li li a				{color:#999999; display:block; padding:0px 10px 0px 10px; text-decoration:none; width:160px; }
#nav li li a:hover			{color:#F6901D;}


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

#content					{float:right; position:relative; padding:0 40px 40px 40px; width:500px;}
#content p					{font-size:1.2em; line-height:1.3em; padding:8px 0;}

blockquote					{border-top:1px dotted #666666; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-weight:bold; margin:8px 0 10px 20px; padding:10px 0; width:200px;}
cite						{display:block; font-style:italic; font-weight:normal; padding:10px 0 0 0;}

#content ul					{list-style:square; padding:10px 0;}
#content ul > li			{font-size:1.2em; padding:5px 0;}

#content img				{clear:right; float:right; margin:8px 0 10px 20px;}


/*--- 06. Index Page ---------------------------------------------------------------------------*/

#index #content				{background:url(/img/_bkg_content_index.png) 0 211px no-repeat; padding:421px 120px 40px 120px; width:340px;}
#index h1					{color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin:0; text-transform:none;}

#index #video				{margin:0 0 0 -1px; position:absolute; top:33px;}
#content ul#promos			{margin:0 -94px; list-style:none; padding:0; position:absolute; top:270px;}
#content ul#promos li		{float:left; font-size:1em; padding:0;}
#promos a					{background:url(/img/_postits.png) no-repeat; color:#F6901D; display:block; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:1.8em; height:41px; line-height:1em; padding:21px 0 21px 90px; text-decoration:none; text-transform:uppercase; width:78px;}
#promos a:hover				{color:#999999;}
#promos a#promo-conference	{height:61px; padding-bottom:11px; padding-top:11px;}
#promos a#promo-book		{background-position:0 -249px; padding-right:5px; width:73px;}
#promos a#promo-keynote		{background-position:0 -83px;}
#promos a#promo-dogtraining	{background-position:0 -166px;}
#promos a#promo-downloads	{background-position:0 -166px;}

#mailing-list label			{display:block; float:none; font-size:1.2em; margin:0 0 3px 0; width:auto;}
#mailing-list input[type="text"]	{width:99%;}
#mailing-list input[type="submit"]	{background:#F6901D; height:30px; font-size:18px; margin:10px 0; width:50px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4);}
#mailing-list input[type="submit"]:hover	{background:#EDEDED;}


/*--- 07. Content Pages ---------------------------------------------------------------------------*/

#courses #main-container, #keynote-speaker #main-container, #free-downloads #main-container,
#links #main-container		{background:0;}

#clients-and-testimonials blockquote	{float:none; margin:20px 0; width:auto;}
#clients-and-testimonials blockquote.quotation	{float:right; margin:8px 0 10px 20px; width:200px;}

#content ul#socials			{height:100%; list-style:none; margin:0; overflow:hidden; padding:0;}
#socials li					{float:left; margin:5px 10px 0 0; padding:0;}
#content ul#socials li img	{margin:0;}

#about .logo				{float:none;}

#content ul.clients			{border-top:1px solid #E5E5E5; list-style:none; /*margin:20px 0 0 -360px;*/ margin:20px 0; padding:20px 0 0 0; text-align:center;}
#content ul.clients li		{display:inline; padding:0 10px;}
#content ul.clients img		{float:none; margin:10px 0;}

#contact strong				{font-size:1.2em;}

#content #twitter ul		{list-style:none;}
#content #twitter li		{background:#EEEEEE; margin:10px 0; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#twitter li span			{display:block; font-size:0.9em; font-style:italic; padding:5px 0 0 0;}


/*--- 08. Order Page ---------------------------------------------------------------------------*/

#content img#book			{margin-top:-30px;}
#content p#price			{color:#F6901D; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:4em; margin:20px 0 0 0;}
#order-submit				{background:#F6901D; color:#FFFFFF; cursor:pointer; display:block; float:left; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:18px; margin:0 0 20px 5px; padding:10px 30px; text-decoration:none; text-shadow:rgba(0,0,0,0.28) 1px 1px 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4); box-shadow:0px 0px 5px rgba(0,0,0,0.4);}
#order-submit:hover			{background:#EDEDED; color:#F6901D; text-shadow:none;}


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

#footer						{background:url(/img/_bkg_footer.png) top center no-repeat; clear:both; color:#999999; font-size:1.1em; margin:40px 0 0 0; padding:25px 0 50px 0; text-align:center;}
#footer p					{padding:5px 0;}
#footer a					{color:#999999; text-decoration:none;}
#footer a:hover				{color:#F6901D;}


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

form						{margin:20px 0;}
form p						{height:100%; overflow:hidden; padding:5px 0;}
label						{color:#666666; float:left; font-weight:bold; margin:4px 10px 0 0; width:110px;}
input[type="text"],
select,
textarea					{border:1px solid #CCCCCC; border-left:1px solid #ABADB3; border-top:1px solid #ABADB3; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
input[type="text"]			{width:150px;}
option						{padding:1px 10px 1px 2px;}
textarea					{height:100px; width:300px;}

input[type="text"]:focus,
textarea:focus				{border:1px solid #F6901D; color:#666666; outline:none; -moz-box-shadow:0px 0px 5px #F6901D; -webkit-box-shadow:0px 0px 5px #F6901D; box-shadow:0px 0px 5px #F6901D;}

input[type="submit"]		{background:url(/img/_button.png) no-repeat; border:0; color:#FFFFFF; cursor:pointer; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:2.4em; height:72px; text-align:center; text-decoration:none; text-transform:uppercase; text-shadow:rgba(0,0,0,0.28) 1px 1px 1px; width:168px;}
input[type="submit"]:hover	{background-position:0 -72px; color:#F6901D; text-shadow:none;}

.formalign					{margin-left:116px;}

input[type="text"].input-50		{width:50px;}
input[type="text"].input-100	{width:100px;}
input[type="text"].input-200	{width:200px;}
input[type="text"].input-250	{width:250px;}
input[type="text"].input-300	{width:300px;}

form .optional				{background:url(/img/icon_optional.gif) no-repeat; display:block; float:left; height:13px; margin:5px 0 0 6px; text-indent:-9999px; width:53px;}
form .required				{background:url(/img/icon_required.gif) no-repeat; display:block; float:left; height:13px; margin:5px 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:5px 0 0 -4px; 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;}
form .success				{background:url(/img/icon_success.png) no-repeat; display:block; float:left; height:18px; margin:3px 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; clear:both; 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; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#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 ul			{list-style:none; padding:0;}
#msg-response ul > li		{font-size:1em; padding:0;}

#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;}