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

body
{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size:12px;
	line-height:20px;
}

.index
{
	background:url(../images/BG.jpg) repeat-y center top;
	padding:0px;
	margin:0px;
}

.services
{
	background:url(../images/BG-Services.jpg) repeat-y center top;
	padding:0px;
	margin:0px;
}

.portfolio
{
	background:url(../images/BG-Portfolio.jpg) repeat-y center top;
	padding:0px;
	margin:0px;
}

.design-build
{
	background:url(../images/BG-DesignBuild.jpg) repeat-y center top;
	padding:0px;
	margin:0px;
}

.customercare
{
	background:url(../images/BG-Customrecare.jpg) repeat-y center top;
	padding:0px;
	margin:0px;
}

.resources
{
	background:url(../images/BG-Resources.jpg) repeat-y center top;
	padding:0px;
	margin:0px;
}

@font-face 
{  
	  font-family: "calibri_0";  
	  src: url(../fonts/calibri_0.eot); /* IE http://www.font2web.com/ */  
	  src: local("calibri_0"), url(../fonts/calibri_0.ttf) format("truetype"); /* non-IE */ 
}

@font-face 
{  
	  font-family: "CHOPS_";  
	  src: url(../fonts/CHOPS_.eot); /* IE http://www.font2web.com/ */  
	  src: local("CHOPS_"), url(../fonts/CHOPS_.ttf) format("truetype"); /* non-IE */ 
}

@font-face 
{  
	  font-family: "ChopinScript";  
	  src: url(../fonts/ChopinScript.eot); /* IE http://www.font2web.com/ */  
	  src: local("ChopinScript"), url(../fonts/ChopinScript.ttf) format("truetype"); /* non-IE */ 
}

ul
{
	padding:0px;
	margin:0px
}

li
{
	list-style:none;
}

p
{
	margin:0px; 
	padding:0px; 
	padding-bottom:15px
}

a
{
	outline:none
}

img
{
	border:none
}

.color01
{
	font-size:12px;
	color:#ee9f00;
	text-align:center;
	line-height:20px;
	padding-right:20px;
}

.color02
{
	font-size:18px;
	color:#534435;
}

.color03
{
	font-size:12px;
	color:#626262;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
}

.color04
{
	font-size:12px;
	color:#ffeedc;
	line-height:18px;
}

.color05
{
	font-size:30px;
	color:#ffeedc;
	line-height:18px;
}

.color06
{
	font-size:24px;
	color:#ffffff;
	line-height:18px;
	font-family: "CHOPS_";
	font-size:32px;
}

.color07
{
	font-size:12px;
	color:#272727;
	line-height:18px;
	border-bottom:#b8b8b8 1px dashed;
	border-top:#b8b8b8 1px dashed;
	text-transform:uppercase;
}

.color08
{
	font-size:13px;
	color:#000000;
	line-height:24px;
	padding-bottom:7px;
	padding-left:6px;
	text-transform:uppercase
}

.color09
{
	font-size:14px;
	line-height:24px;
	padding-top:10px;
	padding-left:6px;
}

.color10
{
	font-size:14px;
	color:#a0570b;
}

.color11
{ color:#000000; font-size:12px;}

.link01:link      { font-size:12px; color:#4d4d4d; text-decoration:none; padding-top:8px; padding-bottom:8px}
.link01:selected  { font-size:12px; color:#4d4d4d; text-decoration:none; padding-top:8px; padding-bottom:8px}
.link01:visited   { font-size:12px; color:#4d4d4d; text-decoration:none; padding-top:8px; padding-bottom:8px}
.link01:hover     { font-size:12px; color:#ee9f00; text-decoration:none; padding-top:8px; padding-bottom:8px; background:url(../images/SecNavMouseOver.jpg) center bottom no-repeat;}

.link01home
{background:url(../images/SecNavMouseOver.jpg) center bottom no-repeat; color:#ee9f00; padding-top:8px; padding-bottom:7px;}

.Designandbuild{}

.Designandbuild ul
{}

.Designandbuild li
{ padding-bottom:15px; background:url(../images/bullet01.jpg) no-repeat left 7px; padding-left:15px;}


.link02:link      { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) left center no-repeat; font-size:14px; font-weight:bold; float:left; width:161px; text-align:center;
text-transform:uppercase}
.link02:selected  { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) left center no-repeat; font-size:14px;font-weight:bold; float:left; width:161px; text-align:center;
text-transform:uppercase}
.link02:visited   { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) left center no-repeat; font-size:14px; font-weight:bold;float:left; width:161px; text-align:center;
text-transform:uppercase}
.link02:hover     { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNavOver.jpg) left center no-repeat; font-size:14px;font-weight:bold; float:left; width:161px; text-align:center; text-transform:uppercase}

.link03:link      { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -161px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:161px; text-align:center;
text-transform:uppercase}
.link03:selected  { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -161px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:161px; text-align:center;
text-transform:uppercase}
.link03:visited   { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -161px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:161px; text-align:center;
text-transform:uppercase}
.link03:hover     { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNavOver.jpg) -161px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:161px; text-align:center;
text-transform:uppercase}

.link04:link      { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -321px center no-repeat; font-size:14px;font-weight:bold; float:left; width:160px; text-align:center;
text-transform:uppercase}
.link04:selected  { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -321px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:160px; text-align:center;
text-transform:uppercase}
.link04:visited   { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -321px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:160px; text-align:center;
text-transform:uppercase}
.link04:hover     { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNavOver.jpg) -321px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:160px; text-align:center;
text-transform:uppercase}

.link05:link      { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -481px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:161px; text-align:center;
text-transform:uppercase}
.link05:selected  { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -481px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:161px; text-align:center;
text-transform:uppercase}
.link05:visited   { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -481px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:161px; text-align:center;
text-transform:uppercase}
.link05:hover     { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNavOver.jpg) -481px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:161px; text-align:center;
text-transform:uppercase}

.link06:link      { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -642px center no-repeat; font-size:14px;font-weight:bold; float:left; width:159px; text-align:center;text-transform:uppercase}
.link06:selected  { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -642px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:159px; text-align:center;text-transform:uppercase}
.link06:visited   { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -642px center no-repeat; font-size:14px;font-weight:bold; float:left; width:159px; text-align:center;text-transform:uppercase}
.link06:hover     { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNavOver.jpg) -642px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:159px; text-align:center;text-transform:uppercase}

.link07:link      { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -802px center no-repeat;  font-size:14px;font-weight:bold; float:left; width:160px; text-align:center;
text-transform:uppercase}
.link07:selected  { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -802px center no-repeat; font-size:14px;font-weight:bold;float:left; width:160px; text-align:center;
text-transform:uppercase}
.link07:visited   { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNav.jpg) -802px center no-repeat; font-size:14px;font-weight:bold; float:left; width:160px; text-align:center;
text-transform:uppercase}
.link07:hover     { color:#ffffff; line-height:42px; text-decoration:none; background:url(../images/MainNavOver.jpg) -802px center no-repeat; font-size:14px;font-weight:bold; float:left; width:160px; text-align:center;
text-transform:uppercase}


.link08:link      { font-size:12px; color:#ee9f00; text-decoration:none; padding-top:8px; padding-bottom:8px; padding-right:18px; background:url(../images/bullet02.jpg) right 10px no-repeat;}
.link08:selected  { font-size:12px; color:#ee9f00; text-decoration:none; padding-top:8px; padding-bottom:8px; padding-right:18px; background:url(../images/bullet02.jpg) right 10px no-repeat;}
.link08:visited   { font-size:12px; color:#ee9f00; text-decoration:none; padding-top:8px; padding-bottom:8px; padding-right:18px; background:url(../images/bullet02.jpg) right 10px no-repeat;}
.link08:hover     { font-size:12px; color:#4d4d4d; text-decoration:none; padding-top:8px; padding-bottom:8px; padding-right:18px; background:url(../images/bullet03.jpg) right 10px no-repeat;}

.link09:link      { font-size:12px; color:#ffeedc; text-decoration:none; padding-left:8px;}
.link09:selected  { font-size:12px; color:#ffeedc; text-decoration:none; padding-left:8px;}
.link09:visited   { font-size:12px; color:#ffeedc; text-decoration:none; padding-left:8px;}
.link09:hover     { font-size:12px; color:#ffffff; text-decoration:none; padding-left:8px;}

.link10:link      { font-size:12px; color:#b0610c; text-decoration:none; line-height:40px}
.link10:selected  { font-size:12px; color:#b0610c; text-decoration:none; line-height:40px}
.link10:visited   { font-size:12px; color:#b0610c; text-decoration:none; line-height:40px}
.link10:hover     { font-size:12px; color:#000000; text-decoration:none; line-height:40px}

.link11:link      { font-size:12px; color:#5b5b5b; text-decoration:none; }
.link11:selected  { font-size:12px; color:#5b5b5b; text-decoration:none; }
.link11:visited   { font-size:12px; color:#5b5b5b; text-decoration:none; }
.link11:hover     { font-size:12px; color:#000000; text-decoration:none; }

.logo
{
	background:url(../images/logo.jpg) no-repeat left center ;}

.logo div
{
	display:block;
	height:139px;
	width:230px;
}

.SecNav li
{
	text-transform:uppercase;
	display:inline;
	padding-left:10px;
	padding-right:10px;
}

.MainNav div
{display:block; text-transform:uppercase; border:red 1px solid; height:42px; width:159px; float:left}

.pageheading
{font-family: "ChopinScript";  font-size:32px; padding-bottom:10px}

.pageheading02
{font-family:"ChopinScript"; font-size:32px; padding-bottom:10px; color:#ee9f00}

.pageheading03
{font-family: "ChopinScript"; font-size:32px; padding-bottom:20px; color:#e17a0c}

.RightServices li
{background:url(../images/bullet01.jpg) left center no-repeat; line-height:28px; padding-left:18px; border-bottom:#e5e5e5 1px solid}

label
{display:block; line-height:35px}

input
{background:url(../images/txtfld01.jpg) repeat-x; border:none; border:#ebebeb 1px solid; padding:8px; width:389px; height:20px; font-family:'calibri_0'; color:#4d4d4d; font-size:14px}

textarea
{background:url(../images/txtfld02.jpg) repeat-x; border:none; border:#ebebeb 1px solid; padding:8px; width:389px; overflow:auto; font-family:'calibri_0'; color:#4d4d4d; font-size:14px; height:69px}

.servicesdiv
{display:block; float:left; width:273px; background:#f5f5f3; border:#e7e7e7 1px solid; border-bottom:#e7e7e7 2px solid; padding:10px; margin-right:15px; margin-bottom:15px}

.servicesdivimg
{background:#fff; border:#e7e7e7 1px solid; padding:8px;}

.PortfolioImgBG
{background:url(../images/PortfolioImgBG.png) no-repeat; display:block; float:left; width:192px; height:174px; margin-right:0px; padding:14px}

#slideshow
{ width:962px; margin:auto; z-index:1}
#slideshow ul
{ margin:0px; padding:0px;}
#slideshow li
{ list-style:none}
#slides
{height:288px; overflow:hidden; width:962px; margin:auto ; z-index:2}

.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}

.pagination {float:left; list-style:none; height:25px;}
.pagination li {float:left; cursor:pointer; width:17px; height:20px;  margin:0 5px 0 0; background-image:url(../images/pagination.png); background-repeat:no-repeat; display:inline; font-size:12px; color:#ffffff; padding-left:6px;}
.pagination li:hover {width:17px; height:20px; background-image:url(../images/pagination_over.png); background-repeat:no-repeat; font-size:12px; color:#ffffff}
li.current {width:17px; height:20px;  background-image:url(../images/pagination_over.png); background-repeat:no-repeat; font-size:12px; color:#ffffff}