@charset "utf-8";
/* CSS Document */

/* style reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	border-width:0px;
}

/* body */
body {background:#FFF url(img/new_img/bodybg.jpg) repeat;}


/* absolute div styles */
#absolute-header {background-image: url(img/new_img/topbar.png); background-repeat: repeat-x; position:absolute; z-index:-1; top:0px; left:0px; right:0px; height:45px; width:100%; min-width:970px;}

#background-image {position:absolute; z-index:-1; top:0px; right:0px; /*background:url(img/subtle_back_1_large.png) top right no-repeat;*/ height:768px;}


/* container */
#containerbg {margin:0px auto 0px; width:970px; height:auto; overflow:hidden; background:url(img/new_img/centbar.png); padding:0px 0px 10px;}

#container {margin: 0 auto; width: 900px; height: auto; text-align:center; padding-left:7px;}


	/* header and nav */
#brief-info {margin: 0 auto; height:45px; text-align:right; font-family:Tahoma, Geneva, sans-serif; font-size:8pt; background: url(img/new_img/topbar.png) bottom repeat-x; width:900px; color:#666; padding: 0px 5px 0px 17px;}

#brief-info p {padding-top:10px;}

#header-logo {width:137px; height:166px; float:left; margin-top:-17px;}

#you-are-here {width:137px; height: 38px; float:left; text-align:center; background:url(img/you_are_here.png) top; background-repeat:no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:9pt; color:#999; padding-top:10px; margin-top:-17px;}

#you-are-here:hover {color:#FFF; cursor:pointer;}

#nav {float:right; margin-top:137px; margin-bottom: 50px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14pt; font-style: italic;}

#nav a {color: #666; text-decoration: none;}
#nav a:hover {color:#900;}

#nav span {color:#222; text-decoration:none;}


	/* title and primary rulers */
h1 {clear:both; font-family: Georgia, "Times New Roman", Times, serif; font-size:23pt; color: #333; font-style:italic; font-weight:normal; text-align: left;}

h1 a{color:#900;}

h1 a:hover{color:#999;}

hr {margin: 15px 0px; clear:both; display: block; width:900px; height:1px; background-color:#AAA;}

	/* center bar and nested */
#center-bar{background:url(img/center_bar.png) center center no-repeat; width:900px; height: 170px; }

h2 {font-family:"Arial Narrow", "Helvetica LT Std", Arial, sans-serif; font-size: 24pt; color: #900; letter-spacing: -0.5px; font-weight:lighter;}

#featured-works {float:left; margin-left:15px; padding:3px; width:350px; height:170px; text-align:left;}

#featured-works a {display: block; margin-top:-5px; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:9pt;letter-spacing:0.4px;}

#featured-works p {margin-top:15px; margin-left:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12pt; color:#111; font-style:italic; line-height:135%;}

#featured-works a:hover {color: #900;}

#featured-works img {margin-top:10px; margin-right:5px;}

#what-we-promise {float:right; padding:3px; width:500px; height:auto; text-align:left;}

#what-we-promise p {margin-top:15px; margin-right:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12pt; color:#333; font-style:italic; line-height:135%;}

#what-we-promise span {color:#111;}

.inline a {float:left;}

	/* service list */
	
#service-list{width:900px; height: auto; text-align:left; margin-bottom:30px;}

#service-list ul {list-style-type:square; padding-left:15px;}
	
#service-list li {margin-top:10px; padding-left: 5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11pt; color:#111; font-style:italic;}

#service-list li span {color: #444;}

#service-list h2 {font-family:"Arial Narrow", "Helvetica LT Std", Arial, sans-serif; font-size: 32pt;  color: #900; letter-spacing: -0.5px; font-weight:lighter;}

#service-list p {margin-top:15px; margin-right:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14pt; color:#333; font-style:italic; line-height:135%;}

#service-list a {color:#900;}

#service-list a:hover {color: #999;}

/* contact form */

#contact-us{width:900px; height: auto; text-align:left; margin-bottom:30px;}

#contact-us p {margin-top:15px; margin-right:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15pt; color:#333; font-style:italic; line-height:135%;}

#contact-us a {color:#900;}

#contact-us a:hover {color:#999;}


#contact-us form {color:#666; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin-top:20px;}

#contact-us input {font-size:20pt; color:#222; border:none; background-color:#eee; font-family:Arial, Helvetica, sans-serif; margin:10px 0px; height:30px; width:350px; border: solid #e5e5e5 1px; display:block;}

#contact-us input.button {width:150px; height:40px;}

#contact-us textarea{font-size: 14pt; background-color:#eee; font-family:Arial, Helvetica, sans-serif;width:350px; border: solid #e5e5e5 1px; margin: 10px 0px; overflow: auto; display:block;}

	/* about us */
	
#about-us {width:900px; height: auto; text-align:left; margin-bottom:30px;}

#about-us p {margin-top:15px; margin-right:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13pt; color:#333; font-style:italic; line-height:130%; padding-bottom:10px;}

#about-us h2 {font-family:"Arial Narrow", "Helvetica LT Std", Arial, sans-serif; font-size: 24pt;  color: #900; letter-spacing: -0.5px; font-weight:lighter; margin:10px 0px;}

#about-us img {float:left; padding-right:10px; margin-top:5px;}

#about-us p span {font-size:15pt; color:#111;}

#about-us a {color:#900;}

#about-us a:hover {color:#999;}

#about-us ul {list-style-type:square; padding-left:15px;}
	
#about-us li {margin-top:10px; padding-left: 5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11pt; color:#111; font-style:italic;}


#about-us #focus { width:850px; background-color:#eee; border: solid 1px #e5e5e5; padding:10px 10px 10px 15px; text-align:justify; margin-left:10px;}

#about-us #focus p {}

	/* portfolio */
	
#portfolio {width:900px; height: auto; text-align:left; margin-bottom:30px;}

#portfolio p {margin-top:15px; margin-right:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15pt; color:#333; font-style:italic; line-height:135%; padding-bottom:10px;}

#portfolio a {color:#900;}

#portfolio a:hover {color:#999;}

#portfolio h2 {font-family:"Arial Narrow", "Helvetica LT Std", Arial, sans-serif; font-size: 24pt;  color: #900; letter-spacing: -0.5px; font-weight:lighter; margin:10px 0px;}

#portfolio img {padding:0px; margin-right:15px;}

#portfolio div {display:inline;}

#portfolio div.lesser {display:none;}

#portfolio div.highslide-caption {display:none;}

	/* categories */
h3 {font-family:"Arial Narrow", "Helvetica LT Std", Arial, sans-serif; font-size: 16pt;  color: #333; font-weight:normal; border-bottom:solid 1px #999; padding-bottom:5px;}

#latest-news, #fame-designs-is, #finding-us {text-align:left; margin-top:50px; margin-left:5px; margin-right:5px;}

#latest-news {float:left; width: 305px; height:300px;}

#fame-designs-is {float:left; width: 315px; height:300px; margin-left:15px;}

#finding-us {float:right; width: 225px; height:300px;}

#latest-news a, #finding-us a {display:block; color:#333; font-family:"Arial Narrow", "Helvetica LT Std", Arial, sans-serif; font-size: 12pt; font-weight: bold; text-decoration:none; padding-top:5px; text-indent:10px;}

#latest-news a:hover, #finding-us a:hover {background-color: #DDD;}

#latest-news span, #finding-us span {font-weight:normal;}

#latest-news span, #finding-us span {display:block; border-bottom:solid 1px #999; padding-bottom: 5px; color:#900; font-family:Georgia, "Times New Roman", Times, serif; font-size: 10pt; font-style:italic;}

#finding-us .finding-extra {color:#666; font-size: 9pt; padding-top:5px; line-height:130%;}

#fame-designs-is ul {list-style-type:none;}

#fame-designs-is li {font-size:10pt; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#111; margin-top:5px; line-height:140%;}

/*---------- footer ---------*/

#footer {height:50px; width:100%; min-width:970px; color:#666; font-size:8pt; font-family:Tahoma, Geneva, sans-serif; background-color:#111; clear:both; text-align:center; margin-top:-20px; max-height:500px; background: url(img/new_img/botbar.png) repeat-x top;}

#footer p {padding-top:30px;}

#footer a {color: #FFF; text-decoration: none;}

#footer a:hover {text-decoration:underline;}

/*--------- extended header --------*/

#whyfame {width: 900px; margin:0 auto; background-color:#111; margin-top:-20px;}

#whyfame h4{font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size:13.5pt; font-style:italic; color: #CCC; margin-left: 140px; text-align:left; margin-bottom:15px; margin-right:10px;}

#whyfame a {color:#FFF;}

#whyfame a:hover {color:#900;}

/*---------- update bar ---------*/

#update-wrapper {
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  position:fixed;
  display:none; /* Debuggin! */
  background: rgba(160,212,255,0.9);
}

#update-container {
  left:0px;
  right:0px;
  top:12%;
  position:absolute;
  display:none; /* Debuggin! */
}

#update-container .section {
  background-color: #EEEEEE;
  border: 1px solid #BBBBBB;
  border-radius: 8px;
  box-shadow: 0 1px #EEEEEE, 0 1px #FFFFFF inset;
  color: #454545;
  position: relative;
  text-shadow: 0 1px white;
  width: 520px;
  margin: 0 auto;
  padding: 10px 20px 0px;
}

#update-container, #update-container h1, #update-container h2 {
  font-family: Georgia, "Trebuchet MS", serif;
  font-weight:normal;
}

#update-container .section-item {
  border-bottom:solid 1px #ccc;
  border-top:solid 1px #fff;
  margin:0px -20px;
  padding: 0px 20px;
  clear:both;
}

#update-container .section-item  img{
  float:left;
  display:block;
  position:relative;
}

#update-container .first-item {
  border-top:none;
}

#update-container .last-item {
  border-bottom:none;
}

#update-container .section #update-header-logo {
  width:100%;
  height:45px;
}

#update-container .section #update-header-logo img {
  display:block;
  float:left;
  margin-right:5px;
}

#update-container .section #update-header-logo h1 {
  float:left;
  font-size: 16px;
  line-height:40px;
  margin-left:10px;
  clear:none;
}

#update-container .section #update-header-logo h1 a{
  text-decoration:none;
}

#update-container .section #update-info {
  padding: 15px 20px;
}

#update-container .section h2 {
  padding:0px 0px 10px;
}

#update-container .section p {
  padding: 5px 0px;
  font-size: 14px;
}

#update-container #update-list li {
  min-height:50px;
  list-style-type:none;
  line-height:45px;
  overflow:hidden;
}

#update-container #update-list li:hover a, #update-container #update-list li a.selected {
  background: -moz-linear-gradient(top, #eeeef0, #ddddf0);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeef0), to(#ddddf0));
  background-image: -webkit-linear-gradient(top, #eeeef0, #ddddf0);
  background-image: -moz-linear-gradient(top, #eeeef0, #ddddf0);
  background-image: -ms-linear-gradient(top, #eeeef0, #ddddf0);   background-image: -o-linear-gradient(top, #eeeef0, #ddddf0);
  background-image: linear-gradient(top bottom, #eeeef0, #ddddf0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEF0',endColorstr='#DDDDF0',GradientType=0);  
}

#update-container #update-list li a{
  display:block;
  height:50px;
  width:100%;
  text-decoration:none;
  margin: 0px -20px;
  padding:0px 20px;
}

#update-container #update-list li  img{
  margin-right: 10px;
}

#update-container #update-list li span{
  color:#666;
}

#update-container .section-content {
  display:none;
  background: none repeat scroll 0 0 #DFDFDF;
  border-top: 1px solid #F5F5F5;
  box-shadow: 0 0 5px #666666 inset;
  margin: 0px -30px -3px;
  padding: 0 20px;  
}