/* ---[ Imports ]------------------------------- */
/* @import "nav.css"; */

/* ---[ Global Resets ]------------------------------- */
body, h1, h2, h3, h4, h5, h6, form{margin:0px; padding:0px;}
p{margin:0px 0px 12px 0px;}
a{outline:none;}
img{border:0px;}

/* ---[ Main Templete ]------------------------------- */
body{
	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
.pagebgimage{background:url(img/pixelbg.jpg) no-repeat top center fixed #000;}
.errorbgimage{background:url(img/noise_ani.gif);}
#site{
	position:relative;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/bgelements.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding-bottom:30px;
}


#headercontainer{
	width:980px;
	height:73px;

}
#logo{
	position:absolute;
	top:30px;
	background:url(img/logo.png) no-repeat;
	width:183px;
	height:32px;
	cursor:pointer;
}


#tagline{
	position:absolute;
	top:90px;
	left:222px;
	background:url(images/tagline.png) bottom no-repeat;
	width:436px;
	height:50px;
	cursor:pointer;
}


#phonenumber{
	position:absolute;
	top:65px;
	right:0px;
	width:220px;
	height:85px;
	cursor:default;
	/*background:grey no-repeat  url(../images/number.jpg);*/
	text-align:center;
}

.phonetxt1{
	color:#7f648d;
	font-size:24px;
	padding:0px;
	margin:0px;
}
.phonetxt2{
	color:#fff;
	font-size:31px;
	padding:0px;
	letter-spacing:-1px;
	word-spacing:-2px;
	font-weight:bold;
	margin:2px 0px 0px 0px;
}
#navcontainer{
	position:relative;
	width:980px;
	height:57px;
	margin-left:auto;
	margin-right:auto;
	background:black;
	
}

#sitecontent_top{
	position:relative;
	clear:right;
	width:960px;
	clear:both;
	height:21px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/sitecont_top.gif);
}

#contbg{
	width:980px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background:#fff;

	
}

.maincontainer{
	position:relative;
	width:100%;
	height:auto;
	/*padding-top:12px;*/
	margin-left:auto;
	margin-right:auto;
	
}

.breadcrumb{
	position:absolute;
	top:20px;
	left:20px;
	width:900px;
	height:18px;
	text-align:left;
	font-size:9px;
	color:#eeeeee;
	padding:9px;
	
}
#panora_area{width:980px; height:385px; cursor:pointer; display:block;}
.error_panoramabg{background:url(img/404_panorama.jpg) no-repeat;}
.fourohthreeerror_panoramabg{background:url(img/403_panorama.jpg) no-repeat;}
.index_panoramabg{background:url(img/panorama.jpg) no-repeat;}
#about_panoramabg{ width:980px; height:198px; background:url(img/about_header.jpg) no-repeat;}
#works_panoramabg{ width:980px; height:198px; background:url(img/works_header.jpg) no-repeat;}
#services_panoramabg{ width:980px; height:198px; background:url(img/services_header.jpg) no-repeat;}
#contact_panoramabg{ width:980px; height:198px; background:url(img/contact_header.jpg) no-repeat;}



/* ---[ off state ]------ */
.linkFooter1 a,.linkFooter1 a:visited,.linkFooter1 a:link{
	font-family:tahoma, arial, verdana ;
	color:#5a5a5a;
	font-size:8pt;
	text-decoration:none;
	position:relative;
	float:left;
	width:auto;
	height:auto;
	padding:5px 12px 6px 12px;
}

/* ---[ on state ]------ */
.linkFooter1 a.current:visited, .linkFooter1 a.current, .linkFooter1 a.current:hover, .linkFooter1 a:hover{
	color:#ffffff;
	background:red;
}
	
.linkFooter1 a.current, .linkFooter1 a:active{
	color:red;
	background:#ffffff;
}
	
/* ---[ footer containers ]--------------------------*/



#pagebottom{
	clear:both;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:27px;
	width:926px;
	height:22px;
	background:/*url(img/footerbg.gif)*/ black;
}

#footercontainer{
	position:absolute;
	right:27px;
	width:310px;
	height:auto;
}
#copyright{
	color:#5a5a5a;
	font-size:8pt;
	font-family:tahoma, arial, verdana ;
	text-decoration:none;
	width:auto;
	height:auto;
	padding:5px 11px 5px 136px;
	position:absolute;
	left:27px;
	background:url(img/copyrightlogo.gif) no-repeat left top;
	cursor:default;
}
#pagebottombox{
	position:absolute;
	top:140px;
	left:28px;
	width:auto;
	height:20px;
	
}




/* ---[ content areas ]------------------------------- */


#content66{
	float:left;
	width:667px;
	height:auto;
	padding:30px 30px 30px 29px;
	font-family:Tahoma, Arial, Verdana;
	font-size:10pt;
	
}
#content100{
	float:left;
	width:920px;
	height:auto;
	padding:30px 30px 30px 30px;
	font-family:Tahoma, Arial, Verdana;
	font-size:10pt;
}

#home_content66{
	float:left;
	width:600px;
	height:auto;
	background:black;
	margin-right:6px;
}
#home_content33{
	float:left;
	width:314px;
	height:auto;
}
.featured_prodjectbox{
	position:relative;
	float:left;
	width:600px;
	height:372px;
	background:grey;
	cursor:pointer;
}

.featured_prodjectcontent{
	color:#fff;
	font-size:10pt;
	position:absolute;
	top:0px;
	right:0px;
	width:268px;
	height:auto;
	padding:60px 24px 24px 24px;
	background: url(img/80percent.png);
	

}

.featured_prodjectcontenthead{
	position:absolute;
	top:0px;
	left:0px;
	width:159px;
	height:46px;
	background: url(img/featbox_heading.gif) no-repeat;


}

.testimonialbox{
	color:#fff;
	position:relative;
	float:left;
	width:266px;
	height:146px;
	padding:60px 24px 24px 24px;
	margin-bottom:6px;
	background: url(img/twitbox_heading.gif) #3e3c39 top left no-repeat;

}


.twitterbox{
	color:#fff;
	position:relative;
	float:left;
	width:266px;
	height:52px;
	padding:60px 24px 24px 24px;
	background: url(img/twitbox_heading.gif) #000 top left no-repeat;

}


#sidebar{
	float:left;
	clear:right;
	width:254px;
	height:auto;
	
}
.sidebarbg{background:url(img/sidebarbg.gif) repeat-y;}
.modulebox{
	height:auto;
	width:269px;
	padding:15px 15px 0px 15px;
	color:#ffffff;
	/*background:green;*/
}

/* ---[ mainnavigation ]------------------------------- */
a:link, a:visited{color:red; text-decoration:none;}
a:hover, a:active{color:#fff; text-decoration:none;}
a.current:link, a.current:visited, a.current:hover, a.current:active{color:#890000;}


/* ---[ off state ]------------------------------- */
.homelink a,.homelink a:visited {display:block; width:105px; height:57px; background:url(img/home-off.gif);  }
/* ---[ on state ]------------------------------- */
.homelink a.current:visited, .homelink a.current, .homelink a.current:hover, .homelink a:hover{background:url(img/home-on.gif); }
/* ---[ active state ]------------------------------- */
.homelink a.current, .homelink a:active{background:url(img/home-act.gif); }

/* ---[ off state ]------------------------------- */
.aboutlink a,.aboutlink a:visited {display:block; width:143px; height:57px; background:url(img/about-off.gif);  }
/* ---[ on state ]------------------------------- */
.aboutlink a.current:visited, .aboutlink a.current, .aboutlink a.current:hover, .aboutlink a:hover{background:url(img/about-on.gif); }
/* ---[ active state ]------------------------------- */
.aboutlink a.current, .aboutlink a:active{background:url(img/about-act.gif); }

/* ---[ off state ]------------------------------- */
.serviceslink a,.serviceslink a:visited {display:block; width:139px; height:57px; background:url(img/services-off.gif);  }
/* ---[ on state ]------------------------------- */
.serviceslink a.current:visited, .serviceslink a.current, .serviceslink a.current:hover, .serviceslink a:hover{background:url(img/services-on.gif); }
/* ---[ active state ]------------------------------- */
.serviceslink a.current, .serviceslink a:active{background:url(img/services-act.gif); }

/* ---[ off state ]------------------------------- */
.bloglink a,.bloglink a:visited {display:block; width:106px; height:57px; background:url(img/blog-off.gif);  }
/* ---[ on state ]------------------------------- */
.bloglink a.current:visited, .bloglink a.current, .bloglink a.current:hover, .bloglink a:hover{background:url(img/blog-on.gif); }
/* ---[ active state ]------------------------------- */
.bloglink a.current, .bloglink a:active{background:url(img/blog-act.gif); }

/* ---[ off state ]------------------------------- */
.contactlink a,.contactlink a:visited {display:block; width:148px; height:57px; background:url(img/contact-off.gif);  }
/* ---[ on state ]------------------------------- */
.contactlink a.current:visited, .contactlink a.current, .contactlink a.current:hover, .contactlink a:hover{background:url(img/contact-on.gif); }
/* ---[ active state ]------------------------------- */
.contactlink a.current, .contactlink a:active{background:url(img/contact-act.gif); }

/* ---[ off state ]------------------------------- */
.workslink a,.workslink a:visited {display:block; width:119px; height:57px; background:url(img/works-off.gif);  }
/* ---[ on state ]------------------------------- */
.workslink a.current:visited, .workslink a.current, .workslink a.current:hover, .workslink a:hover{background:url(img/works-on.gif); }
/* ---[ active state ]------------------------------- */
.workslink a.current, .workslink a:active{background:url(img/works-act.gif); }



.mainNavigation {font-family: arial, verdana,tahoma;font-size:18pt;text-align: center; letter-spacing:-0.5px;}
.mainNavigation ul {display: inline;list-style-type: none;margin: 0px;padding: 0px;}
.mainNavigation li { float: left; }

.sideNavigation {	
	font-family:tahoma, arial, verdana ;
	font-size:11pt;
	text-decoration:none;
	position:relative;
	width:254px;
	height:auto;
	}
.sideNavigation ul {display: block;list-style-type: none;margin: 0px;padding: 0px;}
.sideNavigation li { clear:right;  }

/* ---[ off state ]------ */
.sideNavigation a,.sideNavigation a:visited,.sideNavigation a:link{
	color:#999999;
	float:left;
	width:232px;
	padding:16px 0px 16px 22px;
}


/* ---[ on state ]------ */
.sideNavigation , .sideNavigation a.current, .sideNavigation a.current:hover, .sideNavigation a:hover{
	color:#ffffff;
	background:red;
}

/* ---[ active state ]------ */
.sideNavigation a.current a.current:visited, .sideNavigation a:active{
	color:red;
	background:#fff;
}
	
	
/* ---[ off state ]------ */
.small_button a,.small_button a:visited,.small_button a:link{
	font-family:tahoma, arial, verdana ;
	color:#fff;
	font-size:8pt;
	text-decoration:none;
	position:relative;
	float:left;
	width:auto;
	height:auto;
	padding:5px 12px 6px 12px;
	background:red;
}

/* ---[ on state ]------ */
.small_button a:hover{
	color:red;
	background:#fff;
}
	
.small_button a:active{
	color:#fff;
	background:#5a5a5a;
}
	
/* ---[ dividers ]------------------------------- */

.navdiv { width: 1px;height:24px; background:#222222; float: left;}
.navdiv ul {list-style-type: none;margin: 0px;padding: 2px;}
.navdiv li { }

/* ---[ content boxes ]------------------------------- */
.box100{float:left;clear:both;width:100%;height:auto;}
.box298{float:left;width:298px;}
.box298 ul{ margin:6px 10px 6px -10px;}
.box298 li{ margin-bottom:6px;list-style-type:square}
.box432{width:432px;height:46px;}
.box50{float:left;width:50%;height:auto;}
.box33{float:left;width:33%;height:auto;}
.box80{float:left;width:80%;height:auto;}
.label{width:33%;float:left;text-align:right;margin-right:5px;display:block;}

.portfolioboxfull{float:left;width:100%; height:auto; background:#000;}
.portfoliodetails{float:left;width:280px; padding:20px; color:#fff;}
.portfolioscreencap{float:left;width:600px; height:372px;}


/* ---[ misc items ]------------------------------- */
.wrap{float:left;}
.first{clear:left;}
.last{clear:right;}
.clearboth{clear:both;}
.sitewidth{
	float:left;
	clear:both;
	width:658px;
	height:10px;
	background-color:red;
}
.center{text-align:center;}
.right{text-align:right;}
.star{color:red;}
.pixpad{padding-left:10px}
.txtpadleft{padding-left:10px;}
.txtLeft{text-align: left;}
.txtCenter{text-align: center;}
.txtRight{text-align: right;}
.txtJustify{text-align: justify;}
.txtUnderline{text-decoration: underline;}
.PhoneAddress{display:none;}
.tallspacer{margin-top:260px;}
.marginright{margin-right:12px;}
.marginbottom{margin-bottom:15px;}
.aboutMeTopBg p span {
	background:#000;
	color:#fff;
	padding:2px 0px 2px 0px;
	font-size:20px;
	text-transform:uppercase;
	font-family:Arial, Times New Roman, Georgia, ;
	}

/* ---[ Headers ]------------------------------- */
h1{ /* Biggest, black */
	margin:5px 0px 0px 0px;
	font-family:Arial, Times New Roman, Georgia, ;
	font-size:29px;
	font-weight:normal;
	letter-spacing:-0px;
	color:#333333;
}
h2{ /* Biggest, white */
	font-family:Tahoma, Arial, Verdana;
	font-weight:normal;
	font-size:18px;
	display:block;
	width:auto;
	color:#fff;
	background:red;
	padding:10px 0px 10px 10px;
	margin:0px 0px 10px 0px;
}
h3{ /* Paragraph Headers */
	margin:0px 0px 4px 0px;
	font-size:12pt;
	font-weight:normal;

}


h3.ditto_summaryPost{ /* Paragraph Headers */
	margin:0px 0px 0px 0px;
	font-family:Times New Roman, "Lucida Sans", Georgia, ;
	font-size:36px;
	letter-spacing:-1px;
	color:#333333;
}
/* ---[ Headers: Messages ]------------------------------- */
h4{
		font-size:11px;
	   font-weight:bold;
	   color:#ffffff;
	   width:90%;
	   height:auto;
       margin:8px auto 8px auto;
       padding:5px;
       border: 1px #777777;
       background-color:#323232;
	   text-align:center;
}

h4#spacer{height:13px;border:none;padding:6px;background-color:#424242;}
	
	
/* ---[ Headers: Errors ]------------------------------- */
h5{
       font-size:11px;
       font-weight:bold;
       color:#ba0000;
	   width:90%;
	   height:auto;
       margin:8px auto 8px auto;
       padding:5px;
       border: 1px #9d4243;
       background-color:#ffcdcd;
	   text-align:center;
}
/* ---[ Footer Font ]------------------------------- */
h6{
   
       font-size:11px;
       font-weight:normal;
	   margin-bottom:5px;
	 

}
h6 a:link, h6 a:visited{color:#890000;}
h6 a:hover, h6 a:active{color:red;}

/* ---[ special items ]------------------------------- */