/*** ----------------------------------------- ***/
/*** COLORS! (for easy updating!) ------------ ***/

html { background:#4cacc1; }
body { background:url('../graphics/bg-top-repeat.gif') repeat-x top center; }
#wrapper{position:relative; margin:0 auto;width: 980px;background-color:#FFFFFF;}
a { color:#ef3e42 }
a:hover { color:#a90018 }
a:active, a:focus {outline: 0;}
#l-shadow{position: absolute;left: -104px; width: 104px; height: 447px; background-color: transparent;background-image: url(../graphics/l-shadow.jpg);background-repeat: no-repeat;background-attachment: scroll;background-position: 100% 0pt;}
#r-shadow{position: absolute;right: -104px; width: 104px; height: 447px; background-color: transparent;background-image: url(../graphics/r-shadow.jpg);background-repeat: no-repeat;background-attachment: scroll;background-position: 100% 0pt;}
#navigation { border-bottom:3px solid #FFF; z-index: 100; }
#navigation a:hover { background:#e6575f url('../graphics/nav_hover.gif') repeat-x; color:#FFFFFF; }

.sf-menu ul { border:1px solid #d51922 }

.sf-menu a { border-left:1px solid #FFF; border-right:none; }
.sf-menu ul a { }

.sf-menu ul a.top { border-top:none }
.sf-menu ul a.bottom { border-bottom:none }

.sf-menu ul a:hover { background:#e6575f url('../graphics/nav_hover.gif') repeat-x; !important; color:#FFF !important; }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#FFFFFF; }

.sf-menu li li { background:#e6575f url('../graphics/nav-bg-repeat.gif') repeat-x; color:#FFFFFF; }
.sf-menu li li li { background:#e6575f url('../graphics/nav-bg-repeat.gif') repeat-x; color:#FFFFFF; }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu li.current_page_item a,
.sf-menu li.current_page_parent a,
.sf-menu li.current_page_ancestor a { background:#e6575f url('../graphics/nav_hover.gif') repeat-x; }

.sf-menu ul li:hover,
.sf-menu ul li.sfHover a,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active {  background:#e6575f url('../graphics/nav_hover.gif') repeat-x; !important; color:#FFF !important;  }

.sf-menu ul li.sfHover li a {
	 background:#e6575f url('../graphics/nav_hover.gif') repeat-x; !important; color:#FFF !important;  }
	
.sf-menu ul li.sfHover li a:hover {
	 background:#e6575f url('../graphics/nav_hover.gif') repeat-x; !important; color:#FFF !important;  }

#slider-content { position:relative; z-index:100; border-bottom:1px solid #000 }

.blue-block { color:#FFF; border-top:1px solid #000 }
.blue-block a { color:#fff290 }
.blue-block a:hover { color:#fff }

#main-content { background:#EFE8E0 url('../graphics/main_bg.gif') repeat-y; }

#header .contact-info { color:#d3e6f3 }
#header .contact-info small em { color:#FFF }
#header .contact-info a { color:#fff290 }
#header .contact-info a:hover { color:#d3e6f3 }

.jFlowSelected { color:#FFF !important }

.gallery-block { background:#d5c4ad; border:2px solid #f3ece3 }
.gallery-block li a { border:1px solid #000 }
.gallery-block li a:hover { border:1px solid #FFF }

#main-content .full { background:#EFE8E0 }
#main-content .left { background:#EFE8E0; border-right:1px solid #FFF }
#main-content .right { border-left:1px solid #BFA583; background:#DFCDB5 }
	
#main-content ul { color:#534C42 }
#main-content .right ul { color:#23201B !important }

#main-content h2 { border-bottom:1px solid #BFA583; color:#533611 }
#main-content h3 { color:#23201B }

#main-content .right p { color:#23201B !important }
#main-content p.intro-text { color:#23201B }

a { color:#ef3e42 }
a:hover { color:#a90018 }

#main-content a { color:#ef3e42 }
#main-content a:hover { color:#a90018 }
.portfolio-entry { border-top:1px solid #D5C4AD }
.search-entry { border-bottom:1px solid #DBD1B9 }

.textbox { border:1px solid #C3AC8F; color:#888 }
.textarea { border:1px solid #C3AC8F; color:#888 }
.button { background:#336A93; color:#FFF; border:2px solid #0E3B65 }

#footer { color:#FFF; border-top:1px solid #000; background:#c7e8e9 }
#footer a { color:#333333 }
#footer a:hover { color:#000000 }

/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/





/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color:#555555; font-size:16px; }
	
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
	
#content { width:980px; margin:0 auto }
.clear { clear:both; display:block; font-size:0px }

img { border:none }
	
.img-left { float:left; margin:0 20px 15px 0; position:relative; top:5px }
.img-right { float:right; margin:0 0 15px 20px; position:relative; top:5px }
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:980px; height:348px; }
#header h1 { width:446px; height:126px; margin:0; padding:0; position:absolute; top:0px; left:29px }
#header h1 a { text-indent:-2000px; display:block; background:url('../graphics/logo.gif') no-repeat; width:446px; height:126px }


/* Search - Added in Version 1.5 */
#header .search {
	display:block;
	position:absolute;
	right:30px;
	text-align:right;
	top:17px;
	width:350px }
	
#header .search label.hidden { display:none }

#header .search #s {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #032D5D;
	padding:5px 6px  }
	
#header .search #searchsubmit { 
	background:#C2DDEF none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#032D5D;
	font-weight:bold;
	padding:3px 8px }
/* ----------------------------- */


#header .contact-info { bottom:20px; font-size:18px; line-height:25px; position:absolute; right:30px; text-align:right; width:530px }
#header .contact-info em { font-family:Arial, Helvetica, sans-serif; font-style:normal }
#header .contact-info small { display:block; margin:0; padding:0; font-size:16px }

#header .contact-info a { text-decoration:underline }
#header .contact-info a:hover { text-decoration:none }

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

#navigation { font-family:Arial, Helvetica, sans-serif; position:relative; z-index:2000; font-size:16px; font-weight:bold; width:980px; height:43px; background:url('../graphics/nav_bg.gif') no-repeat }

#navigation a.first { border-left:none }
#navigation a.last { border-right:none }

#navigation a:hover { text-decoration:none }
	
	
	/* SUPERFISH STYLESHEET ---------------------------------- */
	/*** DO NOT DELETE OR EDIT THE FOLLOWING (Unless you know what you're doing of course!) ***/
	.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none }
	.sf-menu { line-height:1.0 }
	.sf-menu ul { position:absolute; top:-999em; width:12em }
	.sf-menu ul li { width:100% }
	
	/* fixes IE7 'sticky bug' */
	.sf-menu li:hover { visibility:inherit }
	
	.sf-menu li { float:left; position:relative }
	.sf-menu a { display:block; position:relative }
	
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul { left:0; top:2.7em; /* match top ul list item height */ z-index:99 }
	
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }
	
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }
	/*** ---------------------------------------------------------------------------------- ***/
	
	/* Dropdown Styling */
	.sf-menu { margin:0 }
	.sf-menu a { font-size:20px; padding:11px 16px 11px 16px; text-decoration:none; letter-spacing: -1px; }
	.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size:14px; padding:10px 10px 10px 10px; text-decoration:none }
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0 }

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../graphics/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
	
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px }
	
	.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
	.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
	
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }



/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	width:976px;
	border-bottom:none }
	
	#main-content.subpage { border-top:none }
	
#main-content .full {
	margin:0;
	padding:25px;
	width:924px }	
	
	#main-content .navigation {
		display:block;
		height:15px;
		font-size:12px;
		margin:0 0 20px 0 }
		
		.navigation .alignleft { float:left; width:49% }
		.navigation .alignright { text-align:right; float:right; width:49% }
	
#main-content .left {
	margin:0;
	padding:25px;
	width:645px;
	float:left }
	
#main-content .left-page {
	margin:0;
	padding:10px 10px 10px 10px;
	width:960px;
	float:left }
#main-content .no-margin {
	margin:0;
	padding:0px 0px 10px 0px;
	width:980px;
	float:left }
#main-content .right {
	width:229px;
	margin:0;
	padding:25px;
	float:left }
	
#main-content ul { margin:0 0 0 15px; padding:0 0 0 10px; line-height:22px; font-size:14px }

#main-content h2 {
	font-size:31px;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0 0 15px;
	padding:0 0 10px }

#main-content h3 { font-size:16px; line-height:23px; font-weight:bold; margin:10px 0; padding:0 }


#main-content p.intro-text { margin:15px 0 20px 0; font-size:16px; font-weight:bold; line-height:26px }

/* --------------------------------------------- */
/* Archive Page ------------------------------ */
#content .widecolumn {
	margin:0;
	padding:25px;
	width:900px;
	float:left }
#content .narrowcolumn {
	margin:0;
	padding:25px;
	width:645px;
	float:left }
/* --------------------------------------------- */
/* Portfolio Page ------------------------------ */

.portfolio-entry { clear:both; padding:5px 0 0 0; margin:8px 0 0 0 }
.portfolio-entry h3 {
	font-size:24px !important;
	font-weight:normal !important;
	margin:0 !important;
	padding:5px 0 0 !important }
	

/* --------------------------------------------- */
/* Search Results Page ------------------------- */

.search-entry { clear:both; padding:0 0 5px; margin:0 0 8px }
.search-entry h3 {
	font-size:24px !important;
	font-weight:normal !important;
	margin:0 !important;
	padding:5px 0 0 !important }
.search-entry small { margin:5px 0 0 0; display:block; font-size:12px }


/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }
.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-size:14px }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }


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

#footer {
	font-size:14px;
	height:20px;
	margin:0 auto;
	padding:15px;
	position:relative;
	width:948px }
	
#footer ul { list-style:none; margin:0; padding:0 }
#footer ul li { float:left; margin:0 6px; padding:0 }
#footer a { text-decoration:underline }
#footer a:hover { text-decoration:none }
#footer span { position:absolute; right:20px; top:15px; color:#333333; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}



img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 15px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
		
/* End Images */




#contact-left{ width:380px; padding: 20px 0px 20px 10px; float:left;} 
#contact-left input{ border: 1px solid #FF0000;}
#contact-left textarea{ border: 1px solid #FF0000;}
#contact-right{ width:500px; padding: 20px 10px 20px 0px; float:right;}

input{ border: 1px solid #FF0000;}
textarea{ border: 1px solid #FF0000;}


#blog-archive { background:#fff url('../graphics/body_bg.gif') repeat-y; padding:0px 13px 10px 13px; margin:0px }	
#blog { background:#fff url('../graphics/body_bg.gif') repeat-y; }
#blog-single {padding:0px 13px 10px 13px;}
#blog-left{ float:left; width:960px; padding:0px 20px 0 20px;}
#blog-left a:link, #blog-left a:active, #blog-left a:visited { color:#ef3e42; text-decoration:none; font-size:20px; }
#blog-left a:hover { text-decoration:underline; color:#333333; }
#blog-right{ float:right; width:360px; padding:0 6px 0 0;}
#blog-right li { list-style-type:none; }
#blog-right li a{ font-size:24px; padding:0 0 0 40px; }

#blog-tag a:link, #blog-tag a:active, #blog-tag a:visited { color:#ef3e42; text-decoration:none; font-size:14px; }
#blog-tag a:hover { text-decoration:underline; color:#333333; }

#blog ul { color:#534C42 }
#blog .right ul { color:#23201B !important }

#blog h2 { color:#4B3D1B; border-bottom:1px solid #ef3e42 }
#blog h3 { color:#4B3D1B }

#blog p { color:#333333 }
#blog .right p { color:#333333 !important }
#blog p.intro-text { color:#333333 }

#blog a { color:#ef3e42 }

	
#blog ul { margin:0 0 0 0px; padding:0 0 0 0px; line-height:22px; font-size:14px }

#blog h2 {
	font-size:24px;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0 0 15px;
	padding:0 0 5px }

#blog h3 { font-size:16px; line-height:23px; font-weight:bold; margin:10px 0; padding:0 }
#blog p { padding:0; margin:15px 0; font-size:14px; line-height:22px }

#blog p.intro-text { margin:15px 0 20px 0; font-size:16px; font-weight:bold; line-height:26px }

/* --------------------------------------------- */
/* Home ----------------------- */


#home{ width:980px;}
#full{ width:980px;}
.left{ float:left; width:300px;}
.left-ke-rewards{ float:left; width:510px; margin: 0px 0px 0px 10px;}


.right{float:right; width:600px; margin: 0px 10px 0px 0px;}
.right-ke-rewards{float:right; width:452px; margin: 0px 0px 0px 0px;}


.note{ background:url('../graphics/note-bottom.jpg') no-repeat; width:294px; height:269px; float:left; position: relative; top: -3px;}
.temp{ background:url('../graphics/temp.gif') no-repeat bottom; width:248px; height:290px;  float:left;  margin: 0px 0px 0px 10px;}
.clear{ clear:both;}



.small-notes{ margin: 20px 0px 0px 0px;  padding: 20px 10px 50px 0px; float: right; width: 600px; color:#000; font-size:18px;}
.small-notes span{position: relative; top: 137px;}

.test{ font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; float:left; width:200px; background-color:#CC9900; color:#FFFFFF}

.demo{float:left; position: relative; background:url('../graphics/demo-reel.gif') no-repeat; width:137px; height:146px; margin: 0px 30px 0px 30px; text-align:center;}
.demo a{position: absolute;top: 0;left: 0; width:137px; height:146px;}

.blog{float:left; position: relative; background:url('../graphics/blog.gif') no-repeat; width:137px; height:146px; margin: 0px 30px 0px 30px; text-align:center;}
.blog a{position: absolute;top: 0;left: 0; width:137px; height:146px;}

.network{float:left; position: relative;  width:137px; height:146px; margin: 0px 30px 0px 30px; text-align:center;}

#float-left { float:left; width:300px; margin: 0px 0px 0px 40px;}

#two-column-left { float:left; width:430px;}
#two-column-right { float:right; width:530px;}

#clients-left { float:left; width:360px;}
#clients-right { float:right; width:390px;}

#gmc-title{ font-size:24px; color:#ef3e42; font-weight:bold }
#gmc-check-list ul { list-style-image: url('../graphics/check.gif'); font-weight:bold;  margin: 0px 0px 0px 0px; background-color:#effafd; border-bottom:1px solid #929292;  border-left:1px solid #929292;}
#gmc-check-list li { margin: 0px 0px 0px 50px; line-height:30px;  padding: 3px 0px 0px 0px;}

#dmc-check-list ul { list-style-image: url('../graphics/simple-check.gif'); font-weight:bold;  margin: 0px 0px 0px 0px; background-color:#effafd; border-bottom:1px solid #929292; border-right:1px solid #929292; border-left:1px solid #929292;}
#dmc-check-list li { margin: 0px 0px 0px 50px; line-height:30px;  padding: 3px 0px 0px 0px; }

#star-list ul { list-style-image: url('../graphics/flower.gif'); font-weight:bold; margin: 0px 0px 0px 10px; }
#star-list li { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; line-height:30px;}

#tv{ background:url('../graphics/tv.jpg'); width:960px; height:1200px;}
.tv{ padding-top:314px; text-align:center; }


#video-list{ float:left; width:386px;}
#video-list-title{ font-size:24px; color:#ef3e42; font-weight:bold;}
#video{ float:right; width:546px; height:559px; background:url('../graphics/video.jpg'); padding: 191px 0px 0px 22px;}
.return-icon{background:url('../graphics/return-to-video.gif'); float:left; width:40px; height:53px;}
.return-text{ float:left; padding:20px 0px 0px 25px;}

#tv-static{ float:right; width:538px; height:692px;}
#tv-static-left{ float:left; width:406px; color:#333333;}
#tv-static-left ul { list-style-image: url('../graphics/film.gif'); font-weight:bold; margin: 0px 0px 0px 20px; }
#tv-static-left li { margin: 0px 0px 5px 10px; line-height:30px;color:#ef3e42 }
#tv-static-left li a{ margin: 0px 0px 5px 10px; line-height:30px;color:#ef3e42 }
#tv-static-left li a:hover { color:#a90018 }
#three-columns { float:left; width:320px; text-align:center; font-weight:bold;}
#three-columns a:link, #three-columns a:active, #three-columns a:visited { color:#ef3e42; text-decoration:none }
#three-columns a:hover { text-decoration:underline; }
#three-columns-bg{ background:url('../graphics/frame.jpg'); width:315px; height:191px; padding-top: 12px;}

#hot-spots{ text-align:center; font-weight:bold;}
#hot-spots p{ text-align:center; font-weight:bold;}