html
{
	min-height: 100%;
	margin: 0;
	padding: 0;
}

body { 
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, Geneva, sans-serif;
 	color: #fff;
	font-size : 10pt;
	margin: 0;
	padding: 0;
	background-color:#013e50;
}

b{ color:#feeb2c;}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia,Times,serif;
  font-weight: bold;
  letter-spacing: -.05em;
  margin: 0;
  padding: 0;
  line-height: 2em;
}



/* sifr styles */
    .sIFR-active h1,
    .sIFR-active h2,
    .sIFR-active h3,
    .sIFR-active h4,
    .sIFR-active h5,
    .sIFR-active h6{
      visibility: hidden;
      font-family: Verdana;
    }

    .sIFR-active h1 {
      padding-bottom: 0;
	color: #A64008;
    }

    .sIFR-active h2 {
      font-size: 40px;
      display: block;
	  color: #A64008;
    }

    .sIFR-active h3 {
      font-size: 18px;
    }
    



a{text-decoration: none;color:#fffffff; font-weight: bold;}
a:hover{text-decoration:underline; color:#ffffff; font-weight: bold;}
a:visited{color:#ffffff; font-weight: bold;}
a:link{font-weight: normal; color:#e9d88d;font-weight: bold;}

#clear { clear: both;}

#container {
	display:block;
	overflow:hidden;
	background: url("../images/bg-body.png") repeat-x;
}

#container-hp {
	display:block;
	overflow:hidden;
	background: url("../images/bg-body-hp.jpg") repeat-x;
}

/* Group Header */

#header-wrapper {
	width: 1000px;	
	display: block;
	margin: 0px auto;
	padding: 0px;
	height: 161px;
	background: url("../images/bg-header.jpg") repeat-x;
	clear:both;
	overflow:hidden;
}
	#logo {
		display:block;
		float:left;
		width:135px; height:98px;
		padding:13px 0 0 0px;
		border:0;
	}
	
	#top-menu {
		display:block;
		float:left;
		width: 212px;	
		position: relative;
		float: right;
		margin:0px;
		padding: 12px 0px 8px 28px;
		background-image: url("../images/tab.jpg");
		background-repeat: no-repeat;
		height: 19px;
		font-size: 1em;
		}
	
	#top-menu a{text-decoration: none;color:#ffffff; font-weight: bold;}
	#top-menu a:hover{text-decoration:none; color:#000000; font-weight: bold;}
	#top-menu a:visited{color:#ffffff; font-weight: bold;}
	#top-menu a:link{font-weight: normal; color:#ffffff; font-weight: bold;}


/* Group Main Menu */

/* Group Main Navigation */
#main-nav-container { 
	display:block; 
	float:right;
	position:relative; 
	width:850px; 
	height: 55px; 
	margin:50px 0 28px 0;
	padding:0 0 0 10px; 
	font-size:1em; 
	z-index:1000;
}

/*** ESSENTIAL STYLES For Main and Secondary Navigation ***/
	.sf-menu, .sf-menu * {margin:0; padding:0px; list-style:none;}
	.sf-menu { line-height:	1.6em; }
	.sf-menu ul {position: absolute; top:-999em; width:auto; /* left offset of submenus need to match (see below) */}
	.sf-menu ul li { width: 800px; }
	.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */}
	.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.5em; /* Left: 0 sets position of second level to far left. match top ul list item height */ z-index:999;}
	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:	10em; /* match ul width */ top:	-10px; padding-left:5px;}
	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:10em; /* match ul width */ top: -1em;}
	
	

	/* Horizontal Nav Bar */
	.sf-navbar { height:1.5em; padding-bottom:3.6em; position:relative; z-index:1000;}
	.sf-navbar li { position: static;}
	.sf-navbar a { border-top: none; color:#fff; }
	.sf-navbar li ul { width:800px; /* total width of second level*/ }
	.sf-navbar li li { position: relative;z-index:500; }
	.sf-navbar li li ul { width: 13em; z-index:500; /* total width of third level*/}
	.sf-navbar li li li { width: 100%;}
	.sf-navbar ul li { width: auto; float: left;}
	.sf-navbar ul li.last  { width: auto; float: right;}
	.sf-navbar a, 
	.sf-navbar a:visited { border: none; color:#000; text-decoration: none; margin: 5px;  padding-right:20px;z-index:1000; }
	.sf-navbar li.current { color:#de5503;}
	
	/* first level */
	.sf-navbar li:hover,
	.sf-navbar li.sfHover,
	.sf-navbar li li.current{ color:#de5503; }
	.sf-navbar a:focus, 
	.sf-navbar a:hover, 
	.sf-navbar a:active { color:#de5503;z-index:1000; }
	.sf-navbar li a:visited { color:#000000;z-index:1000;}
	
	/* second level */
	.sf-navbar ul li:hover{ background:	transparent ;z-index:999; border-bottom:2px solid #ff7b2a; margin-bottom:2px;}
	.sf-navbar ul li.sfHover{ background:transparent	 ;z-index:999;}
	ul.sf-navbar ul li:hover li{ background:transparent	#;z-index:999; }
	ul.sf-navbar ul li.sfHover li{ background:	#fde392; /*third level dropdown */;z-index:999;}
	.sf-navbar ul li a { color:#fff;  font-size:.9em;}
	.sf-navbar ul li a:focus{ background:	;z-index:999; font-size:.9em;}
	.sf-navbar ul li a:hover{  color:#fff;z-index:999; font-size:.9em;}
	.sf-navbar ul li a:visited { color:#fff;z-index:1000;}
	.sf-navbar ul li a:active { color:de5503;z-index:999; background-color:#202020; font-size:.9em;}
	
	/* third level */
	ul.sf-navbar li li li:hover,
	ul.sf-navbar li li li.sfHover,
	.sf-navbar li li.current li.current,
	.sf-navbar ul li li a:focus, 
	.sf-navbar ul li li a:hover, 
	.sf-navbar ul li li a:active { background:#7994c8; color:#333;}
	.third-level{position: absolute; z-index: 1000;}
	
	ul.sf-navbar .current ul,
	ul.sf-navbar ul li:hover ul,
	ul.sf-navbar ul li.sfHover ul {
		z-index:1000;
		left:			0em;
		top:			2.2em; /* where third level top begins  */
	}
	ul.sf-navbar .current ul ul {
		top: 			-999em;
	}
	
	.sf-navbar li li.current > a {
		font-weight:	bold;
	}


#content-wrapper{
	width: 950px;	
	display: block;
	margin: 0px auto;
	color:#fff;
	overflow:hidden;
	padding-bottom:15px;
	background:url('../images/bg-main-content.png') repeat-y top;
	font-family: Arial, Verdana, Geneva, sans-serif;
	
}

#content-wrapper-hp{
	width: 950px;	
	display: block;
	margin: 0px auto;
	color:#fff;
	overflow:hidden;
	padding-bottom:15px;
	background:url('../images/bg-main-content-hp.jpg') repeat-y top;
	font-family: Arial, Verdana, Geneva, sans-serif;
	
}

#belownav{ 
	width: 950px;	
	display: block;
	overflow:hidden;
	padding:0;
	margin: 0px auto;
	background:url('../images/bg-belownav.png') repeat-x; height:10px;
}

#breadcrumbs {
	display: block;
	margin: 5px 0px;
	font: normal 9px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

	#breadcrumbs a{
		text-decoration: none;
		color: #666666;
		border-bottom: 1px dotted #6fa5fd;
	}

	#breadcrumbs a:visited, .breadcrumb a:active{
		color: #d3f1fb;
	}

	#breadcrumbs a:hover{ text-decoration: none; font-weight: bold; color: #feeb2c}


/* Left Content Styles */
#left-content { 
	display: block;
	float:left;
	width:600px;
}

	#left-content h1 { color:#ffffff; font-size: 3em; letter-spacing:1px; margin: 30px 10px 10px 30px;} 
	
	#portfolio { 
		display: block;
		float:left;
		width:600px;
		margin-left:0px;
		padding-left:10px;
		background:url('../images/snowflake.png') no-repeat top left;
	}
	#portfolio p { color:#ffffff; font-size: 1em; line-height: 2em; margin: 0 0 10px 80px; }
	#portfolio h2 { color:#7df8f8; font-size: 1.5em; letter-spacing:1px; padding: 10px 0 0 80px;} 
	
	#services { 
		display: block;
		float:left;
		width:600px;
		margin-left:0px;
		padding-left:10px;
		background:url('../images/artist-palette.png') no-repeat top left;
	}
	#services p { color:#ffffff; font-size: 1em; line-height: 2em; margin: 0 0 10px 80px; margin-top:0px;}
	#services h2 { color:#7df8f8; font-size: 1.5em; letter-spacing:1px; padding: 10px 0 0 80px;} 
	#services h3 { color:#f46e01; font-size: 1.2em; letter-spacing:.5px; font-weight:bold; padding-left:80px;} 
	#services h4 {line-height: 1.5em; padding-left:80px; font-weight: bold; font-size: 1.5em; color: #fff; font-family:Geneva, Arial, Helvetica, sans-serif;}
	#services  a:link, #services  a:visited { color: #f47d26; text-decoration: none; line-height:.8em}
	#services  a:hover { color: #ffffff;  }
	#services ul { margin-top: 10px; padding-left: 20px; list-style-image:url("../images/list-disk.png"); margin-left:100px;}
	#services li {line-height: 1.8em; color:#FFFFFF;}
	
	#philosophy { 
		display: block;
		float:left;
		width:600px;
		margin-left:0px;
		padding-left:10px;
		background:url('../images/bg-content-philosophy.png') no-repeat top left;
	}
	#philosophy p { color:#ffffff; font-size: 1em; line-height: 2em; margin: 0 0 10px 80px; }
	#philosophy h2 { color:#7df8f8; font-size: 1.5em; letter-spacing:1px; padding: 10px 0 0 80px;} 
	
	#flash {
		display: block;
		float: left;
		width:600px;
		margin: 10px 0 20px 30px;
		overflow:hidden;
	}
	
	#hp-flash {
		display: block;
		float: left;
		width:640px;
		margin: 20px 0 0px 0px;
		overflow:hidden;
		background:url('../images/bg-main-content-hp.jpg') no-repeat top left;
	}
	
	#webdesign {
		display: block;
		float: left;
		width:600px;
		margin-left:10px;
		background:url('../images/webdesign.png') no-repeat top left;
		overflow:hidden;
	}
	
	#webdesign h2 { color:#7df8f8; font-size: 1.5em; letter-spacing:1px; padding-left:80px;} 
	#webdesign p { color:#ffffff; font-size: 1em; line-height: 2em; margin-left:80px; margin-top:0px;}
	
	#technical-stuff {
		display: block;
		float: left;
		width:600px;
		margin-left:10px;
		background:url('../images/cogs.png') no-repeat top left;
		overflow:hidden;
	}
	
	#technical-stuff h2 { color:#7df8f8; font-size: 1.5em; letter-spacing:1px; padding-left:80px;} 
	#technical-stuff ul { margin-left: 80px; padding-left: 0; list-style-type: none;}
	#technical-stuff li {font-size:1.2em;}
	#technical-stuff a:link, #technical-stuff a:visited { color: #f47d26; text-decoration: none; line-height:.8em}
	#technical-stuff a:hover { color: #ffffff;  }
	#technical-stuff p { color:#ffffff; font-size: 1em; line-height: 2em; margin-left:0px; font-size:.8em;}
	
	#callUs {
		display: block;
		margin-top:20px;
	}
	
	.portfolio-img {
		display:block;
		width:180px;
		overflow:hidden;
		margin-right:10px;
		float:left;
	}
	.portfolio-img	li{
		list-style-type: none;
		margin-bottom:10px;
	}
	
	
	#contact{ 
		display: block;
		float:left;
		width:600px;
		margin-left:0px;
		padding-left:10px;
		background:url('../images/artist-palette.png') no-repeat top left;
	}
	#contact p { color:#ffffff; font-size: 1em; line-height: 2em; margin-left:80px; margin-top:0px;}
	#contactForm{
		display:block;
		width:500px;
		overflow:hidden;
		float:left;
		margin-left:80px;
		background:url('../images/bg-contactform.jpg') repeat-y top left;
		border: 1px solid #87DBF8;
	}
	#contactForm p {margin-top 30px; line-height: 1.5em}
	#contactForm ul { margin-top: 0px; padding: 20px 0 0 20px;  list-style-type: none;}
	#contactForm li {line-height: 1.8em; padding-bottom:10px;}
	#contactForm .input{ background-color:#CEFFFE}
	
	#contact-form-1{
		display:block;
		overflow:hidden;
		float:left;
	}
	#contact-form-2{
		display:block;
		width:280px;
		overflow:hidden;
		margin-right:10px;
		float:left;
	}
	#contact-form-2 p {margin-top 30px; line-height: 1.5em}
	#contact-form-2 ul {margin-top: 0px; padding-left: 20px;}
	#contact-form-2 li {line-height: 1.8em;  list-style-type: none;}
	.contact-submit-button {margin:20px 200px;}
	
	#gallery {
		display: block;
		float:left;
		margin-left: 50px; 
	}
	.photo {
		display: block;
		float:right;
		width:250px;
		height:260px;
	}
	
	.clients {display:block; float:left; width:700px; margin-left:50px;}
	.clients ul {list-style-type: none; display: inline; }
	.clients li {display: inline; float:left; width:220px; height:250px; margin-right:10px;}
	.clients img {border: 0; }
	.clients a:link, .clients a:visited { color: #f47d26; text-decoration: none; line-height:.8em}
	.clients a:hover { color: #ffffff;  }
	
#right-content { 
	display: block;
	float:right;
	overflow:hidden;
	width:290px;
}

	#right-content img { margin-left:30px;}
	#right-content h3 {color: #ffffff;  text-decoration: none; padding-left:30px; font-size:1.5em; }
	
	/* Right Navigation */
	#right-nav {
		display: block;
		margin-top:20px;
		margin-right:0px;
		background:url('../images/bg-right-nav.png') no-repeat top left;
	}
	
	#right-nav ul { margin-top: 20px; list-style-type: none;}
	#right-nav li {line-height: 2.5em; }
	#right-nav a:link, #right-nav a:visited { color: #f47d26; text-decoration: none; padding-left:30px; }
	#right-nav a:hover { color: #ffffff; background:url('../images/bg-right-nav-over-3.png') no-repeat top left;padding-left:30px; }
	
	#right-nav-services {
		display: block;
		float: left;
		margin-top:20px;
		background:url('../images/bg-right-nav-2.png') no-repeat top left;
	}
	
	#right-nav-services ul { margin-top: 20px; padding-left: 0; list-style-type: none;}
	#right-nav-services li {line-height: 2.5em; }
	#right-nav-services a:link, #right-nav-services a:visited { color: #f47d26; text-decoration: none; padding-left:30px; }
	#right-nav-services a:hover { color: #ffffff; background:url('../images/bg-right-nav-over-3.png') no-repeat top left;padding-left:30px; }
	#right-nav-services h3 {line-height: 2.5em; border-bottom:1px solid #cce9f3; font-weight: bold; font-size: 1.5em; color: #feeb2c; font-family:Geneva, Arial, Helvetica, sans-serif;}
	
	#right-nav-philosophy {
		display: block;
		float: left;
		margin-top:20px;
		background:url('../images/bg-right-nav-2.png') no-repeat top left;
	}
	
	#right-nav-philosophy ul { margin-top: 20px; padding-left: 0; list-style-type: none;}
	#right-nav-philosophy li {line-height: 2.5em; }
	#right-nav-philosophy a:link, #right-nav-philosophy a:visited { color: #f47d26; text-decoration: none; padding-left:30px; }
	#right-nav-philosophy a:hover { color: #ffffff; background:url('../images/bg-right-nav-over-3.png') no-repeat top left;padding-left:30px; }
	#right-nav-philosophy h3 {line-height: 2.5em; border-bottom:1px solid #cce9f3; font-weight: bold; font-size: 1.5em; color: #feeb2c; font-family:Geneva, Arial, Helvetica, sans-serif;}
	
	.current-rn { padding-left:-25px; }
	.current-rn a { padding-left:20px; background:url('../images/bg-right-nav-over-3.png') no-repeat top left; color:#64edf8}
	
	#notepad {
		display: block;
		float: left;
		margin-top:20px;
		background:url('../images/bg-notepad.png') no-repeat top left;
	}
	#notepad ul { width:210px; list-style-type: none;  margin-top:70px; }
	#notepad li {font-size:.7em; margin:1px;  background:#FFFF66; color:#000000; padding:3px 10px; border-bottom: 1px solid #000000;}
	
	#notepad-gui {
		display: block;
		float: left;
		margin-top:20px;
		background:url('../images/bg-notepad-deliverables.png') no-repeat top left;
	}
	#notepad-gui ul { width:210px; list-style-type: none;  margin-top:70px; }
	#notepad-gui li {font-size:.9em; margin:1px;  background:#FFFF66; color:#000000; padding:5px 10px; border-bottom: 1px solid #000000;}
	
	#flower {
		display: block;
		float: right;
		height: 440px;
		margin-top:20px;
	}
	
	#rt-content-text{
		display: block;
		float: left;
		width:290px;
		margin:60px 0 0 0px;
		background:url('../images/') no-repeat top left;
	}
	
	#rt-content-text h4{ color:#7df8f8; font-size: 1.5em; letter-spacing:2px; padding: 0px 0 0 20px;}
	#rt-content-text ul { width:210px; list-style-type: none;  margin-top:50px; }
	#rt-content-text li {font-size:1em; margin:1px;  color:#000000; padding:3px 10px; padding-left:30px;}
	#rt-content-text  a:link, #rt-content-text  a:visited { color: #ffffff; text-decoration: none;  }
	#rt-content-text  a:hover { color: #76E5F9;}
	

.shadow {
  line-height: 2em;
  white-space: nowrap;
  
}

.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_header:before { content: 'In shadow'; }


	


/* Footer Styles */
#footer-wrapper {
	display:block;
	overflow:hidden;
	background: #2a2a2a url("../images/bg-footer-back.png") repeat-x;
}

#footer{
	width: 1000px;	
	display: block;
	margin: 0px auto;
	padding: 0px;
	overflow:hidden;
	background: #2a2a2a url("../images/bg-footer.png") repeat-x;
}

#footer-wrapper-hp {
	display:block;
	overflow:hidden;
	background: #2a2a2a url("../images/bg-footer-hp.jpg") repeat-x;
}

#footer-hp{
	width: 1000px;	
	display: block;
	margin: 0px auto;
	padding: 0px;
	overflow:hidden;
	background: #2a2a2a url("../images/bg-footer-hp.jpg") repeat-x;
}	

	#footer-left {
		display:block;
		float:left;
		margin-top:5px;
		margin-bottom:10px;
		color: #f2d689;
		font-size:.9em;
		width: 500px;
		padding-left:50px;
		background: url("../images/bg-footer-lf.png") no-repeat;
	}
	
	
	#footer-left p {margin-top 30px; line-height: 1.5em}
	#footer-left ul { margin-top: 0px; padding-left: 20px; list-style-type: none;}
	#footer-left li {line-height: 1.8em; }
	#footer-left  input{ background-color:#CEFFFE}
	.ul-left ul { width:170px; display:block; float:left;}
	.ul-right ul {width:240px; display:block; float:right;}
	.submit-button {margin:20px;}
	
	#footer-right {
		display:block;
		float:right;
		width: 320px;
		text-align:right;
		padding:10px 0 20px 0;
		background: url("../images/busines-card.png") no-repeat;
	}
	
	#footer-right h4{ margin-top:5px;color:#000000; font-size: 1.5em; letter-spacing:1px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; padding-right:30px;} 
	#footer-right h5{ color:#000000; font-size:.8em; line-height: .9emfont-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; padding-right:30px;} 
	#footer-right p {margin-top: 10px; line-height: .8em font-size: .9em; color: #000000; padding-right:30px;}



	#copyright {
		display:block;
		float:right;
		width: 320px;
		text-align:right;
	}
	#copyright p {margin-top: 5px; line-height: .8em font-size: .8em; color: #95cfdb; padding-right:25px;}

/* Sitemap Styles */
#sitemap-wrapper {
	display: block;
	float:left;
	width:600px;
	margin-left:0px;
	padding-left:10px; 
}
#sitemap-wrapper h3 { color:#f46e01; font-size: 1.2em; letter-spacing:.5px; font-weight:bold; padding-left:80px;} 
#sitemap li {list-style-type: none; 	margin-bottom:-2px;}
#sitemap ul {margin-top:-2px;}
#sitemap ul li {list-style-image: url('../images/l2_normal.gif');}
#sitemap ul ul li {	list-style-image: url('../images/l3_normal.gif');}
#sitemap ul li.firstfollow {list-style-image: url('../images/l2_first_follow.gif');}
#sitemap ul li.last {list-style-image: url('../images/l2_last_item.gif');}
#sitemap ul ul li.firstfollow { list-style-image: url('../images/l3_first_follow.gif');}
#sitemap ul ul li.last {list-style-image: url('../images/l3_last_item.gif');}
#sitemap a:link, #sitemap a:visited { color: #f47d26; text-decoration: none; }
#sitemap a:hover { color: #ffffff; }