@charset "utf-8";
/* fyreflyz website */

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#111 url(images/bg.jpg) no-repeat;
	}
.total{ 
	no-repeat; width:100%; height:100%;
}
.total_work{ 
	background:#111111 url(images/bg.jpg) no-repeat; width:100%; height:100%
}
.layout{
	background: url(images/bg_lay_home.png) no-repeat; width:970px; height:622px; margin:auto;
}
.layout-add{
	background: url(images/bg_add_page.png) top no-repeat; width:970px; height:622px; margin:auto;
}
.layout-works{
	background: url(images/bg_lay_works.jpg) top; background-repeat:no-repeat; width:970px;  margin:auto;
}
.home_ff{
	position:absolute;
	width:170; height:200; z-index:1; bottom:0px;margin-left:840px; auto; margin-bottom:100px; }
.home_add{
	padding:0px; border:0px; margin:0px;
	position:absolute;
	width:170;
	height:200;
	margin-left:800px;
	margin-top:-197px;
	z-index:0;
	
}
.ideas{
	padding:0px; border:0px; margin:0px;
	position:absolute;
	width:204;
	height:125;
	z-index:0; margin-left:20px; margin-top:-102px;
} 
.footer{
	margin:auto; width:950px;margin-top:-20px;
	font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:200; color:#efe;
}
.footer p{
	font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:200; color:#efe;	
}
.footer1{
	margin:auto; width:950px;margin-top:-5px;
	font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:200; color:#efe;
}
.footer1 p{
	font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:200; color:#efe;	
}
.top_lay{
	width:945px;
	position:relative;
}
.logo{
	padding-left:40px;
	top:-10px; left:-20px;
	width:260px;
	position: absolute;
	z-index: 0;	
}
.top_tags{
	padding-left:5px;
	top:0px; left:0px;
	width:510px;
	padding-top:50px;
	float:left; text-align:right;
}
.nav_area{
	padding-left:10px;
	right:0px;
	float:right;
}
/* navigation */
#ffnav {
	width: 660px;
	height: 90px;
	margin: 0; padding: 0; margin-top:15px;
	background: url(images/navigation_bar.png) no-repeat right;
} 
#ffnav ul {
	list-style: none;
	padding: 0;
	vertical-align:middle; margin-left:7px;
} 
#ffnav ul li {
	display: inline;
	margin:0;
} 
#ffnav ul li a {
	font-family: "Comic Sans MS", arial; text-transform:uppercase;
	font-family: "Lucida Handwriting",Geneva, sans-serif;text-transform:uppercase;
	font-size:13px; color:#FFF;
	display: block;
	float: left; text-align:center;
	padding: 35px 11px 20px 11px;
	text-decoration: none;
	font-smooth:always;
} 

#ffnav ul li a:hover {
	color:#036;
	background: url(images/nav_hover.png) no-repeat;
}

#ffnav ul li#active a {
	color:#fae04e; font-stretch:wider;
	background: url(images/nav_hover1.png) repeat-x left top;
}
#ffnav ul li a.sr{ padding-right:20px; padding-left:13px;}
#ffnav ul li a.sl { padding-left:30px; padding-right:20px;}
/* Navigation END */

.clear{ 
	clear:both;
}
.mid_lay{
	width:850px;
	position:relative;	
}
.mid1{
	width:365px; margin-left:60px;
	float:left;
	position:relative;
}
.mid2{
	width:300px;
	float:left;
	padding-top:10px;
	vertical-align: baseline;
}
.bottom_links{
	width:799px; height:90px;
	margin-left:110px; clear:both;
	}
.mid3 img{
	margin:auto;
}
.news_letter{
	width:300px;
	height:70px;
	background:url(images/news_letter_base.png) center no-repeat;
	margin-left:20px;
	font-size:12px;
	line-height:14px;
	font-family: "Lucida Handwriting",Geneva, sans-serif;text-transform:uppercase;
	font-smooth:always; color:#a45d0e;
	overflow:hidden;
}
.news_letter #t1 { color:#111; font-size:12px; line-height:16px;}
.news_letter #t2 { color: #930; font-size:17px; font-weight:bold;}
.news_letter input { 
	border: solid 2px #bbb; background:#fff;
	height:20px; width:120px; vertical-align:middle;		
}
.news_letter input:hover { 
	background:#edf9f3;border: solid 2px #960;
	color:#666;	
}
.news_letter input:focus { 
	background:#edf9f3;border: solid 2px #4b453f ;
	color:#666;	
}
/* links */
.click{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;   
	font-size:14px;
	font-weight:200;
	text-transform: uppercase;
	text-decoration:none;
}
.click1:link{
	background-color:#00af9d;
	color:#fff;
}
.click1:hover{
	background-color:#00b1c1;
	color:#eee;
}
.click2:link{
	background-color:#e10c4d;
	color:#FFF;
}
.click2:hover{
	background-color:#c90044;
	color:#EEE;
}
.click3:link{
	background-color:#933;
	color:#FFF;
}
.click3:hover{
	background-color:#930;
	color:#EEE;
}
.click4:link{
	background-color:#990;
	color:#FFF;
}
.click4:hover{
	background-color:#993;
	color:#EEE;
}
.content {
	color:#333;
	font-size:12px; margin-left:10px;
	padding-left:50px;
	margin-top:-20px;line-height:18px; font-family: "Arial", Helvetica, sans-serif;	
}
.scroll_content{ 
	height:415px;
	width:802px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-top:35px;
	padding-bottom:20px;
	scrollbar-base-color: #666;
	scrollbar-arrow-color: #FFF;
	
}
.work_content{ 
	width:802px;
	margin-top:35px;
	padding-bottom:20px;
}
.scroll_no{ 
	height:435px;
	width:802px;
	margin-top:35px;
	padding-bottom:20px; 
	scrollbar-base-color: #666;
	scrollbar-arrow-color: #FFF;
	
}
.services {
	margin:20px 0px 20px 40px;
	font-family:"Arial", Helvetica, sans-serif; font-size:12px;
	color:#555;
	line-height:17px;
	scrollbar-base-color: #666;
	scrollbar-arrow-color: #FFF;
	
}

.services2 {
	font-family:"Arial", Helvetica, sans-serif; font-size:12px;
	color:#555;
	margin-left:2px;
}
.affiliates{
	margin:20px 0px 20px 40px;
	font-family:"Arial", Helvetica, sans-serif; font-size:12px;
	color:#555;
	line-height:17px; border:0px;
}
.item_list { line-height:22px; vertical-align:middle; }
.text1{ 
	font-size:14px; font-style:italic; color:#C63;
}
.text2{ 
	font-size:12px;color:#069;
}
.contact{ padding-left:20px; font-size:13px; line-height:20px; }
.tel { background:url(images/bg_tel.png) no-repeat left; padding-left:55px; height:50px; vertical-align:middle; }
.fax { background:url(images/bg_fax.png) no-repeat left; padding-left:60px; height:50px; vertical-align:middle;  }
.e-mail { background:url(images/bg_mail.png) no-repeat left; padding-left:60px; height:50px; vertical-align:middle; }
.img2{ 
	width:820px;
	background: url(images/bg_we-provide.png) no-repeat bottom right;
}
.img_ourworks{
	background: url(images/bg_our_works.png) no-repeat top right; margin-top:10px;
}
.img_affiliates{
	width:820px;
	background: url(images/bg_affiliates.png) no-repeat bottom right;
}
.img_get_in_touch{
	width:820px;
	background: url(images/house_backdrop.png) no-repeat bottom right;
}
.img_we_are{
	width:820px;
	background: url(images/bg_we_are.png) no-repeat bottom right;
}
.img_join_us{
	width:820px;
	background: url(images/bg_join_us.png) no-repeat bottom right;
}
.content h2{ 
	color:#4f4f4f;
	font-size:30px; padding:50px 20px 30px 80px; margin-left:-45px; margin-top:-10px;
	background: url(images/bg_head_shades.png) no-repeat left top;
	font-family: "Lucida Bright",cursive, sans-serif;
}
	
h1{ 
	color:#ddd;
	font-size:50px;
	padding-left:10px; margin-top:-20px; font-family: "Lucida Sans Unicode", Geneva, sans-serif;
	font-family: "Comic Sans MS", arial;
	margin-left:400px;position:absolute; text-transform:uppercase; background: url(images/rings.png) no-repeat right top ; height:100px; padding-right:50px;
	}
h3{ 
	color:#f5ac2c;
	font-size:25px;
	font-family: "Lucida Handwriting",Geneva, sans-serif;
	}
div.envelope {
	width:634px;
	height:268px; padding:10px 5px 10px 10px;
	background:url(images/envelop_bg.png) no-repeat;height:430px; 
}
div.envelope label { 
	margin:5px 8px 5px 3px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	vertical-align:top;
	}

table.formStuff {
	font-family:Tahoma, Arial;
	font-size:14px;
	color:#000000;
	padding-left:20px;
	padding-top:15px;
}

table.formStuff td {
	padding-bottom:10px;
	padding-right:10px;
}
/* our works */
ul#filter {
	float: left;
	font-size: 12px;
	list-style: none;
	margin-left: 0;
	width: 80%; padding-left:40px; padding-bottom:20px;
}
ul#filter li {
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}

ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; font-family:Tahoma, Arial;}

ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color:#C60;font-weight: bold;}

ul#portfoliozz {
	float: left;
	list-style: none;
	margin-left: 0;
	width: 700px;
}
ul#portfoliozz li {
	border: 1px solid #dedede;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	width: 120px;
}

ul#portfoliozz a { display: block; width: 100%; }
ul#portfoliozz a:hover { text-decoration: none; }
ul#portfoliozz img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }
.works_bot_img{ height:35px; margin-left:2px;}
.works_bot{ height:45px; width:970px; margin:auto; }
.porty_box {
	height: inherit;padding-left:70px;
}

div.portDiv {
	font-family:Tahoma, Arial;
	font-size:14px;
	color:#000000;
	padding-top:10px;
}

/*fonts*/
.txt_h1{ 
color:#10a5de; font-family:"Courier New", Courier, monospace, Times, serif; font-size:20px;
}
.t1{ color:#333;} .t2{ color:#666;} .t3{ color:#999;}
.f1{ font-family: Verdana, Geneva, sans-serif;}  .f2{ font-family: Arial, Helvetica, sans-serif;} .f3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.s1{font-size:12px;} .s2{font-size:16px;} .s3{font-size:14px;}
.co1{color:#2173b3;}
.co2{color:#b26f00;}
.tc { font-size:10px; color:#666; font-style:italic; margin-left:200px; position:absolute; margin-top:-20px; }