/* CSS generated by SiteManager at 10:29am 01/09/2010 - do not edit this file directly */

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	West Park Media - Main Stylesheet
Author:	Alison Springall (alisonspringall@silktide.com) / Silktide Studios
Created:	07/07/2009
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */



body			{ background-color: #b0cbde; font: 75% arial, verdana, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1			{ font: bold 2.2em arial, verdana, helvetica, sans-serif; color: #fff; margin: 0 0 15px; }
h2			{ font: bold 1.4em arial, verdana, helvetica, sans-serif; margin: 10px 0; }
h3			{ font: bold 1.4em arial, verdana, helvetica, sans-serif; color: #13112e; margin: 10px 0; }

p, li			{ font-size: 1.0em; line-height: 1.3em; margin:0; padding:0; }

a:link,					
a:visited			{ text-decoration: none; color: #13112e; }
a:hover,		
a:active			{ color: #47739e; }

hr			{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; }
img			{ border: 0; }

.clear			{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right			{ float: right; }
.left			{ float: left; }

.widthwrapper		{ width: 100%; }
.padding			{ padding: 22px; }


/* Forms */
form, table			{ background: transparent; font-size: 1.0em;  }

.tablestyle			{ border-collapse: collapse; }
.tablestyle td, 
.tablestyle th		{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, 
.tableborder th		{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.contentform td		{ text-align: left; }
.contentform td span		{ font-weight: bold; font-size: 1.1em; color: #407da3; }
.contentform td input,
.contentform td select,
.contentform td textarea	{ font-size: 0.9em; color: #27213b; }
.contentform td .button	{ background-color: #457d9f; font-weight: bold; color: #fff; padding: 3px 5px; border: 2px solid #396986; margin-top: 5px; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container 	  			{ width: 990px; text-align: left; margin: 0 auto; } 

.wrapper				{ overflow: auto; background-color: #c9dbe8; border-top: 4px solid #fff; padding: 22px; margin: 0 0 20px; }
#titles				{ background-color: #b0cbde; border-top: 4px solid #b0cbde; padding: 0 22px; margin: 0 0 0; }


/* Header Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

p#accessibility			{ color: #b0cbde; margin: 0 0 15px; }
p#accessibility a:link,
p#accessibility a:visited		{ color: #b0cbde; }
p#accessibility a:hover,
p#accessibility a:active		{ color: #11092a; }

#header				{ height: 160px; position: relative; margin-bottom: 20px; }

#mainnav				{ position: absolute; right: 0; bottom: 0; padding: 0; margin: 0 0 5px; }
#mainnav li			{ float: left; list-style-type: none; text-transform: lowercase; font: bold 1.0em verdana, arial, helvetica, sans-serif; text-align: center; margin: 0 8px; }
#mainnav li a:link,
#mainnav li a:visited			{ min-width: 66px; float: left; background: transparent none no-repeat center center; color: #fff; padding: 10px 0; }
#mainnav li a:hover,
#mainnav li a:active,
#mainnav li.selectedoption a:link,
#mainnav li.selectedoption a:visited	{ background-image: url(/templatefiles/mainnav_bg.jpg); }


/* Banner Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#banner				{ border-top: 0; }

#banner #inner			{ min-height: 183px; background: #457d9f; border: 4px solid #fff; border-width: 4px 0; position:relative; overflow:hidden; }
#home #banner #inner		{ min-height: 340px; }

#banner #inner #flashtext		{ width: 870px; position: absolute; top: 0; left: 0; font-size: 1.5em; color: #fff; padding: 20px 30px; }
#banner #inner #flashtext h2		{ padding: 0; margin: 0; font-size: 2.2em; }

#home #banner #inner #flashtext	{ width: 465px; }


/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#contentwrapper		{  }

.content			{ width: 606px; float: left; }
.full			{ width: 706px;  }

.content h1			{ margin: 0; }
.content p,
.content li			{  color: #386a88; margin: 10px 0; }
.content .intro		{ font-weight: bold; font-size: 1.3em; color: #fff; }
.content .largetext		{ font-weight: bold; font-size: 1.2em; }

.content a:link,					
.content a:visited		{ font-weight: bold; text-decoration: none; color: #e01c7b; }
.content a:hover,		
.content a:active		{ color: #4f95bf; }


.content .col		{ width: 226px; float: left; background-color: #dae7f0; padding-bottom: 5px; margin: 0 14px 22px 0; }
.content .last		{ margin-right: 0!important; }
.content .bottom		{ margin-bottom: 0!important; }

#portfolio .content .col		{ min-height: 180px; }

.content .col img		{ display: block; border-bottom: 4px solid #fff; margin-bottom: 3px; }

.content .col p		{ color: #555; margin: 0 10px; }
.content .col p.largetext	{ font-weight: bold; font-size: 1.2em; color: #0f0f29; }

.content .col p.largetext a:link,					
.content .col p.largetext a:visited	{ text-decoration: none; color: #0f0f29; }
.content .col p.largetext a:hover,	
.content .col p.largetext a:active	{ color: #47739e; }


.content .box		{ width: 206px; min-height: 110px; float: left; background-repeat: no-repeat; background-position: right bottom; padding: 10px; margin: 0 14px 22px 0; }
.content .box1		{ background-color: #457d9f; background-image: url(/templatefiles/box_bg_navy.jpg); }
.content .box2		{ background-color: #f39fc1; background-image: url(/templatefiles/box_bg_pink.jpg); }
.content .box3		{ background-color: #a8bc66; background-image: url(/templatefiles/box_bg_green.jpg); }
.content .box4		{ background-color: #f9b556; background-image: url(/templatefiles/box_bg_yellow.jpg); }
.content .box5		{ background-color: #85d1f1; background-image: url(/templatefiles/box_bg_blue.jpg); }
.content .box6		{ background-color: #9086bb; background-image: url(/templatefiles/box_bg_lilac.jpg); }

.content .box .title		{ font: bold 2.2em arial, verdana, helvetica, sans-serif; color: #fff; margin: 0; }

.content .box .title a:link,
.content .box .title a:visited	{ color: #fff; }

.content .box .title a:hover,
.content .box .title a:active	{ color: #dfebf2; }



/* Subcontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.subcontent		{ width: 205px; float: right; background-color: #dfebf2; padding: 10px; }
#titles .subcontent		{ width: 225px; background: transparent; padding: 0; }
.wide			{ width: 280px; }

.subcontent h2		{ font-size: 2.2em; color: #fff; margin: 0; }
.subcontent p,
.subcontent li		{ font-size: 0.9em; color: #27213b; margin: 10px 0; }
.subcontent .largetext		{ font-weight: bold; font-size: 1.1em; }

.subcontent ul		{ padding: 0; margin: 0; }
.subcontent ul li		{ background: transparent url(/templatefiles/footer_bullet.jpg) no-repeat 0 6px; list-style-type: none; color: #150f27; padding: 0 0 0 10px; }

.subcontent a:link,					
.subcontent a:visited		{ font-weight: bold; text-decoration: none; color: #e01c7b; }
.subcontent a:hover,		
.subcontent a:active		{ color: #467e9e; }

.subcontent .grid2		{ width: 120px; float: left; margin-right: 40px; }
.subcontent .last		{ margin-right: 0; }


/* Testimonials Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.subcontent p.quote		{ background: transparent url(/templatefiles/quote-close.jpg) no-repeat right bottom; font-weight: bold; font-size: 1.0em; color: #13112e; margin: 0; }
.subcontent p.quote span	{ display: block; background: transparent url(/templatefiles/quote-open.jpg) no-repeat left top; padding: 0 25px 5px 25px; }
.subcontent p.cite		{ font-weight: bold; color: #959595; margin: 0 0 0 25px; }
.subcontent p.company	{ font-size: 0.9em; color: #13112e; margin: 0 0 0 25px; }
.subcontent #controls		{ text-align: center; border-top: 4px solid #fff; margin: 10px -10px -20px; }
.subcontent #controls img	 { margin: 10px auto; }
.subcontent #controls a	{ margin: 0 40px; }



/* Clipped content region */
.yui-carousel-content 		{ padding: 0; border: 0; margin: 0; }

/* Built-in navigation */
/*.yui-carousel-nav 		{  display: none; }*/

.yui-carousel-element 		{ z-index:0; margin:0 !important; }
.yui-carousel-element li 	{ width: 205px; overflow: hidden; list-style-type: none; text-align: left; border: none !important; margin: 0 !important; }
.yui-carousel-item-selected 	{ border: none !important; margin: 0 !important; }

 
.yui-carousel-element li:focus,
.yui-carousel-element li a:focus	{ outline: none; }


#carouselwrapper		{ width: 205px; overflow: hidden; }


/* Footer Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer			{ padding-bottom: 10px; }
#footer h2			{ font-size: 2.2em; color: #fff; padding: 0 22px 0; margin: 0; }
#footer .col		{ float: left; margin-right: 40px; }
#footer .col h3		{ margin: 0 0 10px 0; }
#footer .col ul		{ padding: 0; margin: 0; }
#footer .col ul li		{ background: transparent url(/templatefiles/footer_bullet.jpg) no-repeat 0 7px; font-weight: bold; font-size: 0.95em; font-family: arial, verdana, helvetica, sans-serif; list-style-type: none; padding-left: 10px; }

#footer a:link,					
#footer a:visited		{ text-decoration: none; color: #13112e; }
#footer a:hover,		
#footer a:active		{ color: #47739e; }

#footer p			{ vertical-align: middle; color: #13112e; margin: 0; }
#footer img		{ vertical-align: middle; }
#footer p.left		{ font-weight: bold; font-size: 2.0em; color: #fff; }
#footer p.right		{ line-height: 1.8em; text-align: right; }