/***************************************
/	RESET RELOADED 
/************************************{*/

*{ margin: 0; padding: 0; }
html>body * { height: auto; }

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 2.0;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}      
/* End hide from IE-mac */

div.clear {clear: both; margin-bottom: 40px;}







/***************************************
/	BASE
/************************************{*/

body {
	background:  url(../images/layout/websitebg.png) repeat-x top left;	

}

div#wrap {
	background: url(../images/layout/bgwithshadow.png) repeat-y top left;
	width: 1100px;
	position: relative;
	margin: 0 auto;
 	overflow: inherit;
	
}


/***************************************
/	HEADER
/************************************{*/

div#header {
	width: 1080px;
	height: 208px;
	background: transparent url(../images/layout/header-nav-bg.png) repeat-x bottom left;
}

	
/***************************************
/	HOME LOGO
/************************************{*/	

div#logo {
	position: absolute;
	top: 85px;
	left: 45px;
	width: 265px;
	height: 250px;
	z-index: 9;
	background: url(../images/nav/homeLogo.png);
}
div#logo a {
	display: block;
	position: relative;
	width: 265px;
	height: 250px;	
}

div#logo a#homeLogo:link {
	background: url(../images/nav/homeLogo.png) no-repeat;
}

div#logo a#homeLogo:hover{
	background: url(../images/nav/homeLogo.png) no-repeat;
	background-position: 0 -250px;
}


/***************************************
/   LOGO 2
/***********************************{*/
div#logo2 {
    padding-top: 30px;
	padding-left: 440px;

}




/***************************************
/	MAIN NAVIGATION
/************************************{*/

div.navBar {
	position: absolute;
	height: 30px;
	width: 825px;
	margin: 174px 0px 0px 270px;


}


/***************************************
/	SIDEBAR / SUB NAVIGATION
/************************************{*/

div#sidebarLeft {
	background: transparent url(../images/layout/sidebar-bg.png) repeat-y top left;
	position: absolute;
	padding-top: 175px;

}

div#sidebarLeft a {
	display: block;
	position: relative;
	width: 187px;
	height: 118px;
	margin-left: 80px;


}



/* about us */

div#sidebarLeft a#aboutus:link {
	background: url(../images/nav/aboutus.png) no-repeat top left;
}
div#sidebarLeft a#aboutus:visited {
	background: url(../images/nav/aboutus.png) no-repeat;	
	background-position: 0 -354px;

}

/* portfolio */

div#sidebarLeft a#portfolio:link {
	background: url(../images/nav/portfolio.png) no-repeat top left;
}
div#sidebarLeft a#portfolio:visited {
	background: url(../images/nav/portfolio.png) no-repeat;
	background-position: 0 -354px;
}


/* business */

div#sidebarLeft a#business:link {
	background: url(../images/nav/business.png) no-repeat top left;
}
div#sidebarLeft a#business:visited {
	background: url(../images/nav/business.png) no-repeat;
	background-position: 0 -354px;
}


/* creativeRage */

div#sidebarLeft a#creativeRage:link {
	background: url(../images/nav/creativerage.png) no-repeat top left;
}
div#sidebarLeft a#creativeRage:visited {
	background: url(../images/nav/creativerage.png) no-repeat;
	background-position: 0 -354px;
}

/* news */

div#sidebarLeft a#news:link {
	background: url(../images/nav/news.png) no-repeat top left;
}
div#sidebarLeft a#news:visited {
	background: url(../images/nav/news.png) no-repeat;
	background-position: 0 -354px;
}

/* glossary */

div#sidebarLeft a#glossary:link {
	background: url(../images/nav/glossary.png) no-repeat top left;
}
div#sidebarLeft a#glossary:visited {
	background: url(../images/nav/glossary.png) no-repeat;
	background-position: 0 -354px;
}

/* it */

div#sidebarLeft a#it:link {
	background: url(../images/nav/it.png) no-repeat top left;
}
div#sidebarLeft a#it:visited {
	background: url(../images/nav/it.png) no-repeat;
	background-position: 0 -354px;
}

/* contact */

div#sidebarLeft a#contact:link {
	background: url(../images/nav/contact.png) no-repeat top left;
}
div#sidebarLeft a#contact:visited {
	background: url(../images/nav/contact.png) no-repeat;	
	background-position: 0 -354px;

}

/* design */

div#sidebarLeft a#design:link {
	background: url(../images/nav/design.png) no-repeat top left;
}
div#sidebarLeft a#design:visited {
	background: url(../images/nav/design.png) no-repeat;
	background-position: 0 -354px;
}

/* giftsandhome */

div#sidebarLeft a#giftsandhome:link {
	background: url(../images/nav/giftsandhome.png) no-repeat top left;
}
div#sidebarLeft a#giftsandhome:visited {
	background: url(../images/nav/giftsandhome.png) no-repeat;
	background-position: 0 -354px;
}

/* promotional */

div#sidebarLeft a#promotional:link {
	background: url(../images/nav/promotional.png) no-repeat top left;
}
div#sidebarLeft a#promotional:visited {
	background: url(../images/nav/promotional.png) no-repeat;
	background-position: 0 -354px;
}


/* organizations */

div#sidebarLeft a#organizations:link {
	background: url(../images/nav/organizations.png) no-repeat top left;
}
div#sidebarLeft a#organizations:visited {
	background: url(../images/nav/organizations.png) no-repeat;
	background-position: 0 -354px;
}

/* relatedProjects */

div#sidebarLeft a#relatedProjects:link {
	background: url(../images/nav/relatedProjects.png) no-repeat top left;
}
div#sidebarLeft a#relatedProjects:visited {
	background: url(../images/nav/relatedProjects.png) no-repeat;
	background-position: 0 -354px;
}


/* vehicleGraphics */

div#sidebarLeft a#vehiclegraphics:link {
	background: url(../images/nav/vehiclegraphics.png) no-repeat top left;
}
div#sidebarLeft a#vehiclegraphics:visited {
	background: url(../images/nav/vehiclegraphics.png) no-repeat;
	background-position: 0 -354px;
}

/* foodService */

div#sidebarLeft a#foodService:link {
	background: url(../images/nav/foodService.png) no-repeat top left;
}
div#sidebarLeft a#foodService:visited {
	background: url(../images/nav/foodService.png) no-repeat;
	background-position: 0 -354px;
}

/* realEstate */

div#sidebarLeft a#realEstate:link {
	background: url(../images/nav/realEstate.png) no-repeat top left;
}
div#sidebarLeft a#realEstate:visited {
	background: url(../images/nav/realEstate.png) no-repeat;
	background-position: 0 -354px;
}

/* who */

div#sidebarLeft a#whoweare:link {
	background: url(../images/nav/whoweare.png) no-repeat top left;
}
div#sidebarLeft a#whoweare:visited {
	background: url(../images/nav/whoweare.png) no-repeat;
	background-position: 0 -354px;
}

/* what */

div#sidebarLeft a#whatwedo:link {
	background: url(../images/nav/whatwedo.png) no-repeat;
}
div#sidebarLeft a#whatwedo:visited {
	background: url(../images/nav/whatwedo.png) no-repeat;
	background-position: 0 -354px;
}

/* why */

div#sidebarLeft a#whyus:link {
	background: url(../images/nav/whyus.png) no-repeat;
}
div#sidebarLeft a#whyus:visited {
	background: url(../images/nav/whyus.png) no-repeat;
	background-position: 0 -354px;
}



div#sidebarLeft a#aboutus:hover,
div#sidebarLeft a#portfolio:hover,
div#sidebarLeft a#creativeRage:hover,
div#sidebarLeft a#news:hover,
div#sidebarLeft a#glossary:hover,
div#sidebarLeft a#it:hover,
div#sidebarLeft a#contact:hover,
div#sidebarLeft a#design:hover,
div#sidebarLeft a#giftsandhome:hover,
div#sidebarLeft a#promotional:hover,
div#sidebarLeft a#organizations:hover,
div#sidebarLeft a#relatedProjects:hover,
div#sidebarLeft a#business:hover,
div#sidebarLeft a#vehiclegraphics:hover,
div#sidebarLeft a#foodService:hover,
div#sidebarLeft a#realEstate:hover,
div#sidebarLeft a#whoweare:hover,
div#sidebarLeft a#whatwedo:hover,
div#sidebarLeft a#whyus:hover{
	background-position: 0 -118px;
}

div#sidebarLeft a#design.current,
div#sidebarLeft a#giftsandhome.current,
div#sidebarLeft a#promotional.current,
div#sidebarLeft a#organizations.current,
div#sidebarLeft a#relatedProjects.current,
div#sidebarLeft a#business.current,
div#sidebarLeft a#vehiclegraphics.current,
div#sidebarLeft a#foodService.current,
div#sidebarLeft a#realEstate.current,
div#sidebarLeft a#whoweare.current,
div#sidebarLeft a#whatwedo.current,
div#sidebarLeft a#whyus.current,
div#sidebarLeft a#contact.current,
div#sidebarLeft a#glossary.current{
	background-position: 0 -236px;
}


/***************************************
/	CONTENT AREA
/************************************{*/

div#contentRight {
	float: right;
	position: relative;
	margin-right: 90px;
	padding-top: 70px;
	padding-bottom: 70px;
	width: 750px;



}


div#contentRight h1 {
	font-family: arial;
	font-size: 20px;
	margin: 0 0 10px 0;
	color: #333333;
	font-weight: bolder;
	padding-left: 70px;
}
	
div#contentRight h2 {
	font-family: arial;
	font-size: 22px;
	margin: 0px 0px 20px 0px;
	color: #222;
	border-bottom: 2px solid red;
}

div#contentRight h3 {
	font-family: georgia;
	font-size: 20px;
	line-height: 25px;

}

div#contentRight h4 {
	font-family: arial;
	font-style: italic;
	font-size: 28px;
	line-height: 40px;
	padding-left: 50px;


}

div#contentRight h5 {
	font-family: arial;
	font-style: italic;
	font-size: 28px;
	line-height: 40px;
	padding-left: 250px;


}

div#contentRight h6 {
	font-family: arial;
	font-style: italic;
	font-size: 28px;
	line-height: 40px;
	padding-left: 450px;


}

div#contentRight h7 {
	font-family: arial;
	font-size: 16px;
	line-height: 40px;
	text-align: justify;


}

div#contentRight h8 {
	font-family: futura;
	font-weight: bolder;
	font-size: 40px;
	color: black;
	line-height: 40px;
	text-align: justify;




}
	
div#contentRight img.floatLeft {
	float: left;
	margin: 0 20px 20px 0;



}

div#contentRight img.floatRight {
	float: right;
	margin: 0 0 20px 20px;

}

div#contentRight img.center {

	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;

}

div#contentRight img.center2 {

	padding-left: 240px;

}

	
div#contentRight p {
	font-family: arial;
	font-size: 16px;
	line-height: 1.4;
	margin: 0px 0px 15px 0;
	text-align: justify;

}

div#contentRight p span.label {
	font-weight: normal;
	padding-right: 5px;
	font-size: 18px;

}

/***************************************
/	WHAT WE DO THUMBS
/************************************{*/



div#whatwedo a {
	position: relative;
	display: block;
	float: left;
	width: 185px;
	height: 204px;
	
}

div#whatwedo a#design {
	background: url(../images/content/whatwedothumbs/design.png) no-repeat top left;
}
div#whatwedo a#design:hover {
	background-position: 0 -204px;
}


div#whatwedo a#sandblasted {
	background: url(../images/content/whatwedothumbs/sandblasted.png) no-repeat top left;
}
div#whatwedo a#sandblasted:hover {
	background-position: 0 -204px;
}


div#whatwedo a#carved {
	background: url(../images/content/whatwedothumbs/carved.png) no-repeat top left;
}
div#whatwedo a#carved:hover {
	background-position: 0 -204px;
}


div#whatwedo a#dimensional {
	background: url(../images/content/whatwedothumbs/dimensional.png) no-repeat top left;
}
div#whatwedo a#dimensional:hover {
	background-position: 0 -204px;
}


div#whatwedo a#letters {
	background: url(../images/content/whatwedothumbs/letters.png) no-repeat top left;
}
div#whatwedo a#letters:hover {
	background-position: 0 -204px;
}


div#whatwedo a#singlesurface {
	background: url(../images/content/whatwedothumbs/singlesurface.png) no-repeat top left;
}
div#whatwedo a#singlesurface:hover {
	background-position: 0 -204px;
}


div#whatwedo a#directories {
	background: url(../images/content/whatwedothumbs/directories.png) no-repeat top left;
}
div#whatwedo a#directories:hover {
	background-position: 0 -204px;
}


div#whatwedo a#menus {
	background: url(../images/content/whatwedothumbs/menus.png) no-repeat top left;
}
div#whatwedo a#menus:hover {
	background-position: 0 -204px;
}


div#whatwedo a#banners {
	background: url(../images/content/whatwedothumbs/banners.png) no-repeat top left;
}
div#whatwedo a#banners:hover {
	background-position: 0 -204px;
}


div#whatwedo a#portable {
	background: url(../images/content/whatwedothumbs/portable.png) no-repeat top left;
}
div#whatwedo a#portable:hover {
	background-position: 0 -204px;
}


div#whatwedo a#vehiclegraphics {
	background: url(../images/content/whatwedothumbs/vehiclegraphics.png) no-repeat top left;
}
div#whatwedo a#vehiclegraphics:hover {
	background-position: 0 -204px;
}


div#whatwedo a#windowsdoors {
	background: url(../images/content/whatwedothumbs/windowsdoors.png) no-repeat top left;
}
div#whatwedo a#windowsdoors:hover {
	background-position: 0 -204px;
}




div#whatwedo a#design:current{
	background-position: 0 -408px;
}
  
/***************************************
/	CONTACT FORM
/************************************{*/

div.contactIcon  {
	float: left;
	display: inline;
	width: 50px;
	height: 80px;
	margin-right: 15px;
	background: url(../images/content/contact.png) no-repeat;
}


div.formResponse {
	float: left;
	display:inline;
	margin: 0px 20px 10px 0px;
	width: 470px;
	color: #000000;
	font-family: "arial";
	font-size: 20px;

}
div.formResponse p.note {  
	color: #000000;
	font-size: 19px;  
	font-family: "arial";	
	padding: 0px;
	letter-spacing: 0;
	margin: 0px 0 5px 0;
}
div.formResponse p.alert {
	color: #000000;
	font-size: 20px;  
	letter-spacing: 0;
	font-family: "arial";	
	padding: 0px;
	margin: 0px 0 5px 0;
}
form {
	margin: 0; 
}
fieldset {
	border: 0px;
}
legend {
}

form div {
	clear: left;
	display: block;
	margin: 6px 0 6px 0;
}
div label {
	float: left;
	width: 110px;
	margin: 3px 5px 1px 0; 
	padding: 5px 5px 5px 15px;
	vertical-align: middle;
	font-size: 16px;  
	color: black;
	font-family: "arial";	

}
 form div input { 
	float: left; 
	margin: 1px 0 1px 0; 
	width: 560px; 
	background-color: #ffffff;
	border: 1px solid black; 
	padding: 5px; 
	color: #330033;
	font-size: 17px;
	font-family: "Palatino Linotype";	
}
 form div input.radio {
	width: 18px;
	background-color: transparent;
	border: none;
}
 form div textarea { 
	float: left; 
	margin: 1px 0 1px 0; 
	width: 565px; 
	border: 1px solid #152559; 
	background-color: #fff;
	padding: 5px 0 5px 5px; 
	height: 165px;
	color: #330033;
	font-size: 17px;
	font-family: "Palatino Linotype";	
	margin-bottom: 10px;
}
form div input:focus, 
 form div input:hover,
 form div textarea:focus,
 form div textarea:hover {
	border: 1px solid #2F4773;
	background-color: #ffffcc;
}
 form button {
    display: block;
    float: right;
    width: auto;
    margin: 0 60px 0 0;
    background-color: #cccccc;
	border: 2px solid #666666;
    font-size: 100%;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: black;
    cursor: pointer;
    padding: 5px 10px 6px 7px; 
    overflow: visible;
    padding: 4px 10px 3px 7px; 
	font-family: "Palatino Linotype";	
	font-size: 19px;
	font-weight: normal;
}
 form button[type] {
    padding: 5px 10px 5px 7px; 
    line-height: 17px; 
}
*:first-child+html button[type] {
    padding: 4px 10px 3px 7px; 
}
 form button img {
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 20px;
    height: 16px;
}
 form button:hover {
    background-color: #999999;
    color: #fff;
}



/***************************************
/	SLIDER
/************************************{*/



/***************************************
/	FOOTER
/************************************{*/

div#footer {
	position: relative;
	margin-top: 175px;
	padding-top: 5px;
	border-top: 2px solid grey;
	height: 65px;
	width: 740px;


	
}