@charset "utf-8";

/* CSS Document */
* {	margin:0;	padding:0;}

/* General Styles*/
img { border: 0px;}
a {	outline:none;-moz-outline-style: none;	font-family:Verdana, Arial, Helvetica, sans-serif;/*	font-size:10px;*/	color:#ffff00;	text-decoration:none;}
a:hover {	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#dd5e83;/*	font-size:10px;*/	text-decoration:none;}
.clear {	clear: both;	float: none;}

/* HTML , Body, Base */
html, body { height: 100%;}
body {	background: #1e2022 url(../img/body-bg.png) repeat-x;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#FFFFFF;	font-size: 11px;}

#base {	margin:0 auto;	position: relative;	display: block;	min-height: 100%; }
*html #base {height: 100%;}

#layout { position: relative; display: block; width: 800px; margin:0 auto; }

/* Backdrop */
#pageindex 	#base { background:url(../img/body_bg/nextfusion_bg.jpg) no-repeat;  background-position:top center; }
#about 		#base { background:url(../img/body_bg/nextfusion_bg2.jpg) no-repeat; background-position:top center; }
#services 	#base { background:url(../img/body_bg/nextfusion_bg1.jpg) no-repeat; background-position:top center; }
#portfolio 	#base { background:url(../img/body_bg/nextfusion_bg3.jpg) no-repeat; background-position:top center; }
#contact 	#base { background:url(../img/body_bg/nextfusion_bg4.jpg) no-repeat; background-position:top center; }

/* Header */
#header { width:100%; padding:37px 0 10px 0; }
#header a { display:block; width:250px;}

/* Navi Bar */
#navi { height:30px; width:488px; float:right; }
#navi ul{ list-style-type:none; padding:0; margin:0; }
#navi li{ float:left; position:relative; }
/*#navi li a:hover, #navi li a.current{ background-position: 0px -30px; }*/
#navi li#btn_index a		{ display:block; width:79px; height:30px; background-image:url(../img/navi/home.png); }
#navi li#btn_index a:hover, #navi li#btn_index a.current	{ background-image:url(../img/navi/homex.png); }
#navi li#btn_about a		{ display:block; width:98px; height:30px; background-image:url(../img/navi/about.png);}
#navi li#btn_about a:hover, #navi li#btn_about a.current	{ background-image:url(../img/navi/aboutx.png); }
#navi li#btn_services a		{ display:block; width:95px; height:30px; background-image:url(../img/navi/services.png);}
#navi li#btn_services a:hover, #navi li#btn_services a.current	{ background-image:url(../img/navi/servicesx.png); }
#navi li#btn_portfolio a	{ display:block; width:104px; height:30px; background-image:url(../img/navi/portfolio.png);}
#navi li#btn_portfolio a:hover, #navi li#btn_portfolio a.current	{ background-image:url(../img/navi/portfoliox.png); }
#navi li#btn_contact a		{ display:block; width:112px; height:30px; background-image:url(../img/navi/contact.png);}
#navi li#btn_contact a:hover, #navi li#btn_contact a.current	{ background-image:url(../img/navi/contactx.png); }

/* h1 css - div, h1 */
h1 { height:35px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#ffff00; display:block;	padding-top:10px;}

h1 div { position:absolute; margin-top:-10px; }

/* h1 classes - Definine the icons for the headers */
h1 div.webdesign 	{ background: url(../img/icons/icon_webdesign.png) no-repeat;  	height:36px; width:36px; }
h1 div.development	{ background: url(../img/icons/icon_development.png) no-repeat; height:36px; width:36px; }
h1 div.graphic 	{ background: url(../img/icons/icon_graphic.png) no-repeat;		height:36px; width:34px; }
h1 div.seo			{ background: url(../img/icons/icon_seo.png) no-repeat;			height:33px; width:36px; }
h1 div.copywriting { background: url(../img/icons/icon_copywriting.png) no-repeat;	height:32px; width:36px; }

/* h1 a - Refers to the Yellow text beside the icons */
h1 a { margin-left:45px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;color:#ffff00;}
h1 a:hover {font-size:13px;	color:#dd5e83;}

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal;color:#FF0;}

/* Banner */
#banner { width:800px;	height:350px; background:url(../img/1px-bg-grey.png) repeat-x; border-bottom: 1px solid #999999;}

/* Banner, Layout - All Pages Except Portfolio */
.bannercontentleft { width:400px; height:290px;	padding:30px 0 30px 30px; text-align:left;	float:left;}
.bannercontentright {/*	width:368px;*//*	height:336px;*/	float:right;}

/* Banner, Layout - Portfolio Page */
.portfoliobannercontentleft { width:530px; height:350px;/*	padding:30px 0 30px 30px;*/	padding:0;text-align:left;float:left;}
.portfoliobannercontentright { width:220px;	height:290px; padding:30px 30px 30px 20px;	float:right;}
#ajaxBusy{ background:url(../img/24-1.gif) no-repeat;	background-position:center;	height:30px;width:30px;	margin:150px auto 0 250px;	display:block;	position:absolute;}
.portfoliobannerimage{background-position:center;height:290px;}

/* Banner, Layout - Contact Us Page */
.bannercontentright iframe { margin-top:30px; margin-right:30px;}

.banner_white_text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;	color: #ffffff;	font-weight:normal; }
.banner_pink_text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #dd5e83;font-weight:normal; }
.testi_text {
	color:#555;
}

/* Content, Layout of Columns */
#content {	width:800px;	margin-top:25px;	margin-bottom:25px; }
/* All Pages, Layout - No Column */
.content_full {	width:505px; text-align:justify;	float: left;	padding-left:30px;	padding-right:25px; }
/* Portfolio Page, Layout - Columns */
.content_col_1_portfolio {	width:230px;	text-align:left;	float:left;	padding-left:30px;}
.content_col_2_portfolio {	width:230px;	text-align:left;	float:left; padding-left:25px;}
.content_col_3_portfolio {	width:230px;	text-align:left; 	float:left; padding-left:25px;}
/* Index Page, Layout - Columns */
.content_col_1_index { 	width:240px; 	text-align:left;	float:left;	padding-left:30px;}
.content_col_2_index {	width:240px;	text-align:left;	padding-left:25px;/*	padding-right:25px;*/	float:left;}
/* Contact Us Page, Layout - Columns */
.content_col_1_contact {	width:370px;	text-align:justify;	float:left;	padding-left:30px; }
.content_col_2_contact { width:340px;	text-align:justify;		float:right;}

/* Widgets, Layout, Background etc */
/* Testimonial Widget */
.widget_testimonial {	width:189px;	text-align:left;	padding-left:25px;	padding-right:25px;	float: right;	background:url(../img/1px-bg-grey.png) repeat;}

/* Contact Us Widget */
.widget_contactus {	width:189px;	text-align:left;	padding-left:25px;	padding-right:25px;	float: right;	background:url(../img/1px-bg-grey.png) repeat;}

/* Client Widget */
.widget_client {	width:193px;	height:265px;	text-align:left;	padding-left:23px;	padding-right:23px;	float: right;	background:url(../img/1px-bg-grey.png) repeat-x;}

/* Widget Rounded Corners */
.widget_round_top { width: 239px;	height: 16px;	margin: 0;	float: right;	background:  url(../img/rounded_top.png) no-repeat;  }
.widget_round_bottom {	width: 239px;	height: 16px;	margin: 0;	margin-bottom: 20px;	float: right;	background:  url(../img/rounded_btm.png) no-repeat;  }




/* Breadcrumb */
.breadcrumb, .breadcrumb a{ color:#dd5e83;}
.breadcrumb a:hover{ text-decoration:underline; color:#FFFFFF;}


/*
.col_160 {
  height:160px;
}*/
.row_20 {
	height:20px;
	text-align:right;
	padding-right:30px;
}
.row_submit_btn {
	height:20px;
	text-align:right;
}
.yellowtitle {
	margin-bottom:15px;
}

.works {
	width:220px;
	height:120px;
	border:5px solid #272727;
}
.2nd_row_works {
	padding-top:20px;
	width:220px;
	height:120px;
	border:5px solid #272727;
}
input {
	background-color:#272727;
	border:0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:absolute;
}
.inputbg span {
	display:block;
	float:left;
	margin-right:3px;
}
.inputbg {
	padding-top:3px;
	width:333px;
	height:17px;
	background-color:#272727;
	padding-left:5px;
	border:1px solid #999999;
}
textarea {
	overflow: hidden;
	width:330px;
	background-color:#272727;
	border:0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.inputareabg {
	width:333px;
	background-color:#272727;
	padding-left:5px;
	border:1px solid #999999;
}
.pink_contacttext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #dd5e83;
	font-weight:normal;
}
.row_5 {
	height:5px;
}
#footer {
	font-size:10px;
	width:100%;
	height:50px;
	margin:0;
	border-top: 1px solid #999999;
}