@charset "UTF-8";

html { overflow: -moz-scrollbars-vertical !important; }
html { min-height: 100%; margin-bottom: 1px; }

#default {
	background-repeat: repeat-x;
	background-image: url(../images/bkgdBar.gif);
	margin: 0px;
}
.floatClear {
	clear: both;
}
body {
	background-repeat: repeat-x;
	background-image: url(../images/bkgdBarSmall.gif);
	margin: 0px;
	padding: 0px;
}
img{
	border: 0;
}
#pageBackGround {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/BG.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}
/******************************/
/********HEADING*TAB***********/
/******************************/

#heading {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#heading ul {
	margin: 0px;
	padding-left: 20px;
	list-style-type: square;
}

#heading #headingbuttons {
	float: right;
	width: 360px;
	padding-top: 15px;
	padding-right: 10px;
}

#heading #buttonHome a, #heading #buttonAbout a, #heading #buttonContact a, #heading #buttonHome a:link, #heading #buttonAbout a:link, #heading #buttonContact a:link{ color: #999999; text-decoration: none; }
#heading #buttonHome a:hover, #heading #buttonAbout a:hover, #heading #buttonContact a:hover{ text-decoration: underline; }

#heading #buttonHome, #heading #buttonAbout, #heading #buttonContact {
	float: right;
	height: 20px;
	width: 110px;
	background-repeat: no-repeat;
	padding-top: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 90%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
#heading #buttonHome { background-image: url(../images/buttonHome.gif); }
#heading #buttonAbout { background-image: url(../images/buttonAbout.gif); }
#heading #buttonContact { background-image: url(../images/buttonContact.gif); }

#heading #buttonEnd {
	float: right;
	height: 60px;
	width: 18px;
	background-image: url(../images/contactButtonEnd.gif);
	background-repeat: no-repeat;
}

#heading #headImage{
	background-image: url(../images/headerImageSmall.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 780px;
	padding-top: 17px;
	padding-left: 20px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#default #heading #headImage {
	background-image: url(../images/headerImage_whiteline.jpg);
	height: 165px;
}
#default #heading #headImage #seobar h1 {
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #333333;
	text-transform: uppercase;
}

#heading  #headTab {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 20px;
}
#heading #headTab #tab {
	background-color: #FFFFFF;
	width: 750px;
	height: 23px;
	border: 1px solid #666666;
	top: -18px;
	position: absolute;
	left: 25px;
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-size: 90%;
	color: #4e4311;
	padding-top: 7px;
}
#heading  #headTab  #tab a, #heading  #headTab  #tab a:link { color: #4e4311; text-decoration:none; }
#heading  #headTab  #tab a:hover { text-decoration:underline; }

#default  #heading .defaultContact{
	width: 264px;
	float: left;
	height: 33px;
	text-align: center;
	color: #666666;
	line-height: 20px;
}
#default  #heading .defaultContact a, #default  #heading .defaultContact a:link{
	color:#666666;
	text-decoration:none;
	font-size: 115%;
}
#default  #heading .defaultContact a:hover{	color:#666666; text-decoration:underline; }

/******************************/
/********MAIN CONTENT**********/
/******************************/

#content {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	color: #666666;
	text-align: justify;
	padding-bottom: 10px;
}

#content ul {
	margin: 0px;
	padding-left: 20px;
	list-style-type: square;
}
#content ul li h1 {
	margin: 0px;
	font-size: 140%;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content ul li h2 {
	margin: 0px;
	padding: 0px;
	font-size: 120%;
}
#content #contactholder {
	position: relative;
	margin: 0px;
	padding: 0px;
}
#content #contactInfo {
	float: right;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	position: absolute;
	left: 310px;
	width: 470px;
	text-align: center;
	border: 3px double #FFFFFF;
	line-height: 20px;
}
#content #contactInfo a, #content #contactInfo a:link{
	text-decoration:none;
	color: #666666;
	font-size: 115%;
}
#content #contactInfo a:hover{ color: #666666; text-decoration:underline; }

#content #contentText {
	width: 545px;
	text-align: justify;
	padding-right: 15px;
}
#content #contentNav a, #content #contentNav a:link{
	text-decoration:none;
	color: #686868;
	font-size: 90%;
}
#content #contentNav a:hover{
	text-decoration:underline;
}
#content #contentNav {
	float: right;
	width: 224px;
	color: #666666;
	padding-top: 35px;
}

#content #contentNav #emailTxt {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	border: 1px solid #666666;
	height: 20px;
	margin-left: 5px;
	font-size: 0.7em;
	margin-bottom: 4px;
}
#content #contentNav #nameTxt {
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	border: 1px solid #666666;
	height: 20px;
	margin-left: 5px;
	font-size: 0.7em;
}
#content #contentNav #newsletter {
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 0.7em;
	padding: 0px;
	height: 24px;
	font-weight: normal;
	width: 64px;
}

/******ROLLOVER BUTTONS**********/

#content #menuButton1 a, #content #menuButton2 a, #content #menuButton4 a, #content #menuButton5 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 25px;
	height: 31px;
	width: 230px;
	float: left;
	padding-left: 40px;
	color: #FFFFFF;
}
#content #menuButton3 a, #content #menuButton6 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 25px;
	height: 31px;
	width: 220px;
	float: left;
	color: #7a6e6b;
	padding-left: 40px;
}
#content #menuButton1 a:link, #content #menuButton2 a:link, #content #menuButton4 a:link, #content #menuButton5 a:link{
	text-decoration: none;
	color: #FFFFFF;
}
#default #content #menuButton3 a:link, #default #content #menuButton6 a:link{
	text-decoration: none;
	color: #7a6e6b;
}

#default #content #menuButton1 a{ background-image: url(../images/menubuttons/button1Comp.gif); }
#default #content #menuButton2 a{ background-image: url(../images/menubuttons/button2Comp.gif); }
#default #content #menuButton3 a{ background-image: url(../images/menubuttons/button3Comp.gif); }
#default #content #menuButton4 a{ background-image: url(../images/menubuttons/button4Comp.gif); }
#default #content #menuButton5 a{ background-image: url(../images/menubuttons/button5Comp.gif); }
#default #content #menuButton6 a{ background-image: url(../images/menubuttons/button6Comp.gif); }

#default #content #menuButton1 a:hover, #default #content #menuButton2 a:hover, #default #content #menuButton3 a:hover, #default #content #menuButton4 a:hover, #default #content #menuButton5 a:hover, #default #content #menuButton6 a:hover {
	background-position: 0 -31px;	
}

#content #menuText1 {
	background-image: url(../images/menuText1.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #8f8f8f;
	font-size: 70%;
	height: 134px;
	width: 120px;
	float: left;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 135px;
	background-repeat: no-repeat;
}
#content #menuText2 {
	background-image: url(../images/menuText2.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #8f8f8f;
	font-size: 70%;
	height: 134px;
	width: 120px;
	float: left;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 135px;
	background-repeat: no-repeat;
}
#content #menuText3 {
	background-image: url(../images/menuText3.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #8f8f8f;
	font-size: 70%;
	height: 134px;
	width: 118px;
	float: left;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 127px;
	background-repeat: no-repeat;
}
#default #content #welcomeSection a, #default #content #welcomeSection a:link{ color: #8f8f8f; }
#default #content #welcomeSection a:hover{ color: #666666; }
#default #content #welcomeSection {
	float: left;
	height: 225px;
	width: 239px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8f8f8f;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8f8f8f;
	text-align: justify;
	font-size: 80%;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#default #content #welcomeSection li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8f8f8f;
	font-size: 120%;
}
#default #content #newsletterSection {
	float: left;
	height: 225px;
	width: 270px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8f8f8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8f8f8f;
	margin-top: 10px;
}
#default #content #newsletterSection #newsletterBanner {
	margin-right: auto;
	margin-left: auto;
	width: 234px;
	height: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#default #content #articleSection {
	float: left;
	height: 225px;
	width: 263px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8f8f8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8f8f8f;
	margin-top: 10px;
}
#default #content #articleSection #articleList {
	width: 230px;
	height: 160px;
	float: right;
	overflow: auto;
	padding-right: 20px;
	font-size: 70%;
	text-align: justify;
}
#default #content #articleSection #articleList a, #content #articleSection #articleList a:link  {
	color: #8f8f8f;
	text-decoration: none;
}
#default #content #articleSection #articleList a:hover{
	text-decoration: underline;
}
#default #content #articleSection #articleList, #whyUs #content #contentNav #contentNavText .portfolio, #portfolio #content #contentText .portfolioScroller{
	scrollbar-3dlight-color:#000000; 
	scrollbar-arrow-color:#8f8f8f; 
	scrollbar-base-color:#FFFFFF; 
	scrollbar-darkshadow-color:#000000; 
	scrollbar-face-color:#FFFFFF; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF
}

#default #content #newsletterSection #emailTxt {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	border: 1px solid #666666;
	height: 20px;
	margin-left: 5px;
	font-size: 0.7em;
	margin-bottom: 4px;
}
#default #content #newsletterSection #nameTxt {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	border: 1px solid #666666;
	height: 20px;
	margin-left: 5px;
	font-size: 0.7em;
}
#default #content #newsletterSection #newsletter {
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 0.7em;
	padding: 0px;
	height: 24px;
	font-weight: normal;
	width: 64px;
}

/**********CONTACT PAGE**************/

#contact  #content #contentNav {
	float: right;
	width: 235px;
	color: #666666;
	padding-top: 35px;
}
#contact #content #contentText {
	width: 540px;
	text-align: justify;
	height: 500px;
}
#contact #content #contentNav #contentNavText {
	width: 200px;
	float: left;
	padding: 5px;
	border: 1px solid #E3E3E3;
	margin-bottom: 5px;
	text-align: center;
}
#contact #content #contentNav #contentNavText H1{
	text-align:left;
}
#contact #content #contentText #form1 label, #contact #content #contentText #form1 input, #contact #content #contentText #form1 textarea{
	width: 350px;
	padding-left: 10px;
	display: block;
	float: left;
	margin-bottom: 10px;
}
#contact #content #contentText #form1 label{
	text-align: right;
	width:110px;
	padding-right: 20px;
}
#contact #content #contentText #form1 .longLabel { width: 445px; }
#contact #content #contentText #form1 #newsletter, #contact #content #contentText #form1 #brochure { width: 20px; }
#contact #content #contentText #form1 br{ clear:left; }
#contact #content #contentText #form1 #sendMessage, #contact #content #contentText #form1 #sendMessage:hover{ width: 200px; border: 1px solid #666666; }
#contact #content #contentText #form1 #sendMessage { background-color: #FFFFFF; }
#contact #content #contentText #form1 #sendMessage:hover { background-color: #CCCCCC; }
#contact #content #contentText #form1 #formButton, #contact #content #contentText #form1 #recap {
	float: right;
	padding-right: 40px;
}
#contact #content #errorMessageContact, #page_links #content #errorMessageContact {
	border: 1px solid #FF0000;
	color: #FF0000;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 90%;
}

#contact #content #errorMessageContact{ width: 430px; }

#page_links #content #errorMessageContact { width: 700px; }

/**********LINK PAGE**************/

#page_links #content{
	padding-right: 10px;
	padding-left: 10px;
	width: 778px;
}
#page_links textarea {
	width: 550px;
	height: 100px;
}
#page_links label {
	float: left;
	width: 150px;
	clear: both;
}
#errorMessageContact {
	border: 1px solid #FF0000;
	color: #FF0000;
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	font-size: 70%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/**********FAQS PAGE**************/

#faqs #content{ font-size: 95%; }
#faqs #content #contactholder {	font-size: 105%; }
#faqs #content a, #faqs #content a:link{ color: #666666; text-decoration: none; }
#faqs #content a:hover{ text-decoration: underline; }
#faqs #content .faqsOutline {
	border: 1px solid #999999;
	padding: 5px;
	background-color: #ECECEC;
	margin-bottom: 10px;
}
/**********DOWNLOAD PAGE**********/

#download #content{	height: 310px; }
#download #content .download a, #download #content .download a:link{
	text-decoration:none;
	color: #666666;
	display: block;
}
#download #content .download a:hover{ text-decoration:underline; }
#download #content .download {
	float: left;
	height: 270px;
	width: 200px;
	text-align: center;
	text-transform: uppercase;
	font-size: 90%;
	line-height: 30px;
}

/**********ABOUT PAGE*************/

#whyUs  #content  #contentText {
	text-align: justify;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	width: 435px;
}
#whyUs  #content  #contentNav {
	float: right;
	width: 360px;
	color: #666666;
	padding-top: 35px;
	text-align: center;
}
#whyUs  #content  #contentNav  #contentText {
	width: 300px;
	float: right;
	padding: 5px;
	border: 1px solid #E3E3E3;
	margin-bottom: 5px;
}
#whyUs #content #contentNav #contentNavText .portfolio {
	border: 1px solid #E3E3E3;
	width: 300px;
	margin-top: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 350px;
	overflow: auto;
}
#whyUs #content #contentNav #contentNavText .portfolioTitle {
	width: 300px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/**********OFFERS PAGE**************/

#offers #content .offers {
	float: left;
	width: 264px;
	padding-left: 2px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/************SITEMAP****************/

#sitemap #content ul li{
	padding-left: 10px;
	line-height: 25px;
}
#sitemap #content ul li a{
	color: #666666;
	text-decoration:none;
}
#sitemap #content ul li a:hover{
	color: #666666;
	text-decoration:underline;
}

/**********IMAGE LIBRARY***********/

#library  #content  #contentNav  {
	float: left;
	width: 160px;
	padding: 0px;
}
#library #content #contentText {
	float: right;
	width: 620px;
}
#library #content #contentNav #contentNavText h3{
	margin: 0px;
	padding: 0px;
	font-size: 97%;
}
#library #content #contentNav #contentNavText {
	font-size: 110%;
}

#imageRequest #content #text{
	text-align: center;
	font-size: 110%;
	line-height: 25px;
}
#imageRequest #content #text a, #imageRequest #content #text a:link{ color:#666666; text-decoration:none; }
#imageRequest #content #text a:hover{ text-decoration:underline;}

/*******PORTFOLIO PAGE***********/

#portfolio #content #contentText {
	width: 785px;
}
#portfolio #content #contentText fieldset {
	height: 100%;
	width: 780px;
	border: 1px solid #999999;
	padding: 0px;
}
#portfolio #content #contentText legend {
	font-size: 110%;
	border: 1px solid #999999;
	margin-left: 15px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#portfolio #content #contentText .portfolioScroller {
	width: 780px;
	height: 135px;
	overflow-x: auto;
	overflow-y: hidden;
	padding-top: 10px;
}
#portfolio #content #contentText .portfolioHolder { height: 125px; width: 1555px; }
#portfolio #content #contentText .portfolioHolder1 { height: 125px; width: 1655px; }
#portfolio #content #contentText .portfolioHolder2 { height: 125px; width: 1755px; }
#portfolio #content #contentText .portfolioSpacer {
	height: 20px;
}

/*******Newsletter PAGE***********/

#newsletter #content #contentText {
	width: 785px;
}

/******************************/
/*******FOOTER CONTENT*********/
/******************************/

#footer {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C1C1C1;
}
#footer #footCatcher {
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	font-size: 105%;
	color: #C1C1C1;
	padding-bottom: 3px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-left-color: #424242;
	padding-top: 10px;
}
#footer #footSitemap {
	background-color: #c1c1c1;
	height: 35px;
	width: 800px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
}
#footer #footSitemap a, #footer #footSitemap a:link, #footer #footCatcher a{ color:#FFFFFF; text-decoration:none; }
#footer #footSitemap a:hover{ text-decoration:underline; }