/* CSS DOCUMENT */

/*----------------------- GENERAL STYLES -----------------------*/
body{
	padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif;
	}
div, a, ul, form, input, label, h2, h3{
	padding:0; margin:0;
	}
ol {
	margin-top: 10px;
	margin-bottom: 10px;
}

p {padding:5px;}

img{ border:none;}

a{ text-decoration:none; color:#B46F07;}

ul{ list-style-type:none;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
div.hr {
height: 15px;
background:url(../images/horz-dot.gif) 100% repeat-x;
}
div.hr hr {
  display: none;
}

.bold {font-weight:bold;	}

.emphasis {
	font-weight: bold;
	font-style:italic;
}

li a:hover.bold {font-weight:bold;}

/*--------------------- BRANDESIGNS HEADER ----------------------*/
div#header-bg{
	background:#2B0D0A url(../images/header-bg.gif) 0 100% repeat-x;
	padding:32px 0 0 0;
	}
div#header-bg div#header{
	width:922px; margin:0 auto;
	}
div#header-bg div#header img.logo{
	float:left; margin:2px 0 0 0;
	}

/*----------------------- CLIENT LOGIN AREA -----------------------*/
div#header-bg div#header div#login-bg{
	float:right;
	width:480px;
	background:url(../images/login-middle-bg.gif) 0 0 repeat-x;
	margin-top: -160px;
 	}
div#header-bg div#header div#login-bg div#login-area{
	width:480px;
	background:url(../images/login-left-bg.gif) 0 0 no-repeat;
	}
div#header-bg div#header div#login-bg div#login-area form{
	width:480px; height:32px; padding:3px 0 0 30px;
	background:url(../images/login-right-bg.gif) no-repeat;
	}
div#header-bg div#header div#login-bg div#login-area form label{
	background:url(../images/login-icon.jpg) 0 2px no-repeat;
	line-height:25px; font-size:.65em; color:#FCF7CC;
	padding:0 0 0 31px; float:left; margin:0 12px 0 0;
	}
div#header-bg div#header div#login-bg div#login-area form input{
	width:120px; height:18px; border:1px solid #924A43;
	background-color:#70322C; font-size:.65em; color:#fff;
	line-height:10px; padding:5px 0 0 10px; float:left;
	margin:0 12px 0 0;
	}
div#header-bg div#header div#login-bg div#login-area form input.login-btn{
	width:52px; height:24px; border:none;
	background:none; padding:0; margin:1px 0 0 0;
	}

/*-------------------------- SEARCH DOMAIN AREA --------------------------*/
div#domain-search input{
	background:url(../images/login-middle-bg.gif) repeat-x;
	height: 15px;
	line-height:18px;
	font-size:.65em;
	color:#FCF7CC;
	width: 180px;
	}
div#domain-search option {
	background:url(../images/login-middle-bg.gif) repeat-x;
	background-color:#2B0D0A;
	height: 15px; line-height:35px; font-size:10px; color:#FCF7CC;	
	}
div#domain-search form select{
	background:url(../images/login-middle-bg.gif) repeat-x;
	line-height:25px; font-size:.65em; color:#FCF7CC;
	}
div#domain-search form input.search-btn{
	width:71px; height:28px; border:none;
	background:url(../images/search-btn.gif) 0 0 no-repeat; padding:0;
	margin-top: 7px;
	}
div#domain-search form input.search-btn hover{
	width:71px; height:28px; border:none;
	background:url(../images/search-btn-selected.gif) 0 0 no-repeat; padding:0;
	margin-top: 7px;
	}

/*-------------------------- NAVIGATION --------------------------*/
div#navigation-bg{
	height:66px; background:url(../images/navigation-bg.gif) 0 0 repeat-x;
	}
div#navigation-bg div#navigation{
	width:922px; margin:0 auto;
	}
div#navigation-bg div#navigation ul.mainMenu{
	padding:0; float:left; width:567px;
	}
div#navigation-bg div#navigation ul.mainMenu li{
	width:81px; float:left;
	background:url(../images/navigation-divider.gif) 100% 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a{
	width:80px; height:33px; display:block;
	line-height:33px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	}
div#navigation-bg div#navigation ul.mainMenu li a:hover{
	background:url(../images/navigation-bg-selected.gif) 0 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a.selectMenu{
	width:80px; height:33px; display:block;
	line-height:33px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background:url(../images/navigation-bg-selected.gif) 0 0 no-repeat;
	}

/*-------------------------- DROP DOWN MENU STARTS --------------------------*/
ul.subNav{
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	padding:4px 0 0 0;
	}
ul.subNav li{
	background:url(../images/navigation-dropdown-divider.gif) 0 0 no-repeat;
	height:17px; float:left; padding:6px 0 0 0;
	}
ul.subNav li a{
	display:block; margin:0 22px 0 20px;
	color:#84915D;
	}
ul.subNav li a:hover{
	color:#fff;
	}

	
/*-------------------------- DROP DOWN MENU ENDS --------------------------*/

div#navigation-bg div#navigation a.signup{
	width:71px; height:28px; display:block;
	background:url(../images/sign-up-btn.gif) 0 0 no-repeat;
	margin:2px 0 0 0; float:right; 
	}
div#navigation-bg div#navigation a.signup:hover{
	background:url(../images/sign-up-btn-selected.gif) 0 0 no-repeat;
	}

/*-------------------------- WEBSITE CONTENT --------------------------*/
div#brandesigns-bg{
	background:#E7DFA0 url(../images/our-company-bg.gif) 0 0 repeat-x;
	}
div#brandesigns-bg div#brandesigns-content{
	width:922px; margin:0 auto; padding:26px 0 28px 0;
	}
div#brandesigns-bg div#brandesigns-content h2.brandesigns-hdr{
	font:normal 35px/38px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#082733; width:650px; height:43px;
	background:url(../images/horz-dot.gif) 0 100% repeat-x;
	}
div#brandesigns-bg div#brandesigns-content div#brandesigns-leftColumn{
	width:280px; border-right:2px solid #CBC387;
	margin:12px 0 0 0; float:left;
	}
h2.faq-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(../images/faq-icon.gif) 3px 4px no-repeat;
	}
h2.moreIdeas-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(../images/more-ideac-icon.gif) 3px 4px no-repeat;
	}
	
ul.brandesigns-list{
	padding:11px 0 10px 0;
	}
ul.brandesigns-list li{
	background:url(../images/bullet1.gif) 0 3px no-repeat;
	display:block; margin:0 0 8px 0; padding:0 0 0 15px;
	color:#47481A; font-size:11px; line-height:11px;
	}
ul.brandesigns-list li a{
	color:#47481A; font-size:11px; line-height:11px;
	text-decoration:underline;
	}
ul.brandesigns-list li a:hover{
	text-decoration:none;
	}
div#brandesigns-bg div#brandesigns-content div#brandesigns-middle{
	width:252px; margin:12px 0 0 0; float:left;
	padding:0 12px 0 12px;
	border-right:2px solid #CBC387;
	
	}
h2.moreInfo-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(../images/more-info-icon.gif) 3px 4px no-repeat;
	}
p.moreInfo-Text{
	padding:0 0 10px 21px; font-size:0.65em;
	line-height:14px; color:#47481A;
	}
h2.searchUrl-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(../images/search-url-icon.gif) 3px 4px no-repeat;
	}
div#brandesigns-bg div#brandesigns-content div#brandesigns-rightColumn{
	width:280px; margin:12px 0 0 0; float:left;
	padding:0 0 0 25px;
	}

 
/*-------------------------- TWO COLUMN SUB PAGE --------------------------*/
	
div#brandesigns-bg div#brandesigns-content div#brandesigns-subColumn{
	width:535px; border-right:2px solid #CBC387;
	margin:12px 0 0 0; float:left;
	font-size:.85em;
	}
div#brandesigns-bg div#brandesigns-content div#brandesigns-subColumn ul{
	list-style:inside;
	padding-left: 33px;
	list-style-image:url(../images/bullet3.gif);
}
div#brandesigns-subColumn p.brandesigns-list {
	background:url(../images/bullet1.gif) 0 3px no-repeat;
	display:block; margin:8px 0; padding:0 0 0 15px;
	color:#47481A; font-size:12px; line-height:14px;
	}
div#brandesigns-subColumn hr {
height: 15px;
background:url(../images/horz-dot.gif) 100% repeat-x;
border:none;
}

div#brandesigns-bg div#brandesigns-content div#brandesigns-subColumn .imgLayout{
	margin:12px 25px 0 25px;
	padding: 0 48px 0 48px;
	font-size:0.85em;
	}
/*-------------------------- ONE COLUMN SUB PAGE --------------------------*/
	
div#brandesigns-bg div#brandesigns-content div#brandesigns-oneColumn{
	width:100%; border-right:2px solid #CBC387;border-left:2px solid #CBC387;
	margin:12px 0 0 0; float:left;
	font-size:0.85em;
	}
div#brandesigns-bg div#brandesigns-content div#brandesigns-oneColumn ul{
	list-style:inside;
	padding-left: 33px;
	list-style-image:url(../images/bullet3.gif);
}
div#brandesigns-oneColumn p.brandesigns-list {
	background:url(../images/bullet1.gif) 0 3px no-repeat;
	display:block; margin:8px 0; padding:0 0 0 15px;
	color:#47481A; font-size:12px; line-height:14px;
	}
div#brandesigns-oneColumn hr {
height: 15px;
background:url(../images/horz-dot.gif) 100% repeat-x;
border:none;
}
div#brandesigns-oneColumn img {
padding-left: 35px;
	} 

/*--------------------------CLIENT LOGIN ON SUBPAGE--------------------------*/
div#login-subPage form input{
	background:url(../images/login-middle-bg.gif) repeat-x;
	height: 18px;
	line-height:18px;
	font-size:.65em;
	color:#FCF7CC;
	width: 150px;
	}
div#brandesigns-bg div#brandesigns-content div#brandesigns-subColumn div#login-subPage form label{
	line-height:18px;
	font-size:0.65em;
	color:#70322C;
	padding:0 0 0 18px;
	float:left;
	margin:15px 3px 0 0;
	background-image: url(../images/login-icon.gif);
	background-repeat: no-repeat;
	}

 div#login-subPage form input.login-btn{
	background:url(../images/login-btn-content.gif) no-repeat; padding:0; width:71px; height:28px; border:none;
	}

/*-------------------------- INNOVATION --------------------------*/
div#innovation-bg{
	background:#2B0D0A url(../images/future-plan-bg.gif) 0 0 repeat-x;
	}
div#innovation-bg div#innovationContent{
	width:922px; margin:0 auto;
	padding:37px 0 54px 0;
	}

/*-------------------------- CURRENT YEAR PROJECTS --------------------------*/
div#innovation-bg div#innovationContent div#projPart{
	width:251px;
	float:left;
	background-color:#706933;
	padding:2px 2px 28px 2px;
	}
div#innovation-bg div#innovationContent div#projPart h2.proj-hdr{
	height:37px; padding:13px 0 0 13px; color:#fff;
	font:normal 24px/25px "Arial Narrow", Arial, Helvetica, sans-serif;
	background-color:#1E1E1C; text-transform:uppercase;
	}
div#innovation-bg div#innovationContent div#projPart h2.proj-hdr span{
	font-weight:bold;
	}
div#innovation-bg div#innovationContent div#projPart ul.pic{
	padding:3px 0 0 0;
	}
div#innovation-bg div#innovationContent div#projPart ul.pic li{
	display:block; margin:0 2px 0 0; float:left;
	}
div#innovation-bg div#innovationContent div#projPart ul.pic li.noRightMargin{
	margin:0;
	}
div#innovation-bg div#innovationContent div#projPart ul.pic li.noRightMargin a{
	display:block;
	}
div#innovation-bg div#innovationContent div#projPart h3.sub-hdr{
	color:#E7DFA0; font-size:12px; line-height:12px;
	font-weight:bold; text-indent:28px; margin:15px 0 0 0;
	background:url(../images/bullet2.gif) 12px 0 no-repeat;
	}
div#innovation-bg div#innovationContent div#projPart p{
	padding:10px 23px 0 13px; color:#fff;
	font-size:.7em; line-height:16px;
	}
div#innovation-bg div#innovationContent div#projPart a.more-btn{
	display:block; width:76px; height:28px; margin:5px 0 0 159px;
	background:url(../images/read-btn.gif) 0 0 no-repeat;
	}
div#innovation-bg div#innovationContent div#projPart a.more-btn:hover{
	background:url(../images/read-btn-selected.gif) 0 0 no-repeat;
	}
div#innovation-bg div#innovationContent div#projPart a{ text-decoration:none; color:#E7DFA0;}
div#innovation-bg div#innovationContent div#projPart .designerText{ font-size: 0.6em}

/*-------------------------- INNOVATION HOME PAGE --------------------------*/
div#innovation-bg div#innovationContent div#futurePart{
	width:613px; float:right; padding:10px 0 0 0;
	}
div#innovation-bg div#innovationContent div#futurePart h2.future-hdr{
	height:40px; color:#E7DFA0;
	font:normal 35px/35px "Arial Narrow", Arial, Helvetica, sans-serif;
	background:url(../images/horz-dot-2.gif) 0 100% repeat-x;
	}
div#innovation-bg div#innovationContent div#futurePart h3.future-subHdr{
	color:#B46F07; font-size:17px; line-height:17px;
	padding:20px 0 0 0; font-weight:bold;
	}
div#innovation-bg div#innovationContent div#futurePart p{
	padding:20px 0 0 0; font-size:.9em; line-height:24px;
	color:#837C44; padding:20px 0 0 0; width:440px;
	float:left;
	}
div#innovation-bg div#innovationContent div#futurePart img{
	float:right; display:block; margin:-50px 0 0 0;
	}
/*-------------------------- FOOTER --------------------------*/
div#footer-bg{
	background:#121212 url(../images/footer-bg.gif) 0 0 repeat-x;
	}
div#footer-bg div#footer-menu{
	width:922px; margin:0 auto;
	padding:20px 0 29px 0;
	background:url(../images/logo_footer.gif) 100% 13px no-repeat;
	}
div#footer-bg div#footer-menu ul.footMenu{
	padding:0 0 0 0;
	}
div#footer-bg div#footer-menu ul.footMenu li{
	float:left; background:url(../images/footmenu-divider.gif) 0 3px no-repeat;
	}
div#footer-bg div#footer-menu ul.footMenu li.noDivider{
	background:none;
	}
div#footer-bg div#footer-menu ul.footMenu li a{
	color:#B3AC8B; font-size:11px; line-height:16px;
	padding:0 7px 0 7px; display:block; margin:0 0 0 1px;
	}
div#footer-bg div#footer-menu ul.footMenu li a:hover{
	background-color:#262626;
	}
div#footer-bg div#footer-menu p.copyright{
	padding:5px 0 0 7px; color:#706933;
	font-size:11px; line-height:11px;
	}
div#footer-bg div#footer-menu p.copyright a{
	color:#B3AC8B;
	}
div#footer-bg div#footer-menu p.copyright a:hover{
	color:#706933;
	}
/*-------------------------- TEMPLATES LAYOUT PAGE --------------------------*/
	
div#brandesigns-bg div#brandesigns-content div#brandesigns-templateColumn1{
	width:280px; border-right:2px solid #CBC387;
	margin:12px 0 0 0; float:left;
	font-size:.85em;
	}
div#brandesigns-bg div#brandesigns-content div#brandesigns-templateColumn1 ul{
	list-style:inside;
	padding-left: 33px;
	list-style-image:url(../images/bullet3.gif);
}
div#brandesigns-templateColumn1 p.brandesigns-list {
	background:url(../images/bullet1.gif) 0 3px no-repeat;
	display:block; margin:8px 0; padding:0 0 0 15px;
	color:#47481A; font-size:12px; line-height:14px;
	}
div#brandesigns-templateColumn1 hr {
height: 15px;
background:url(../images/horz-dot.gif) 100% repeat-x;
border:none;
}
div#brandesigns-bg div#brandesigns-content div#templateColumn2{
	width:535px; margin:12px 0 0 0; float:left;
	padding:0 0 0 25px;
	
	}
/*-------------------------- SEARCH TEMPLATE AREA --------------------------*/
div#template-search input{
	background:url(../images/login-middle-bg.gif) repeat-x;
	line-height:18px;
	font-size:0.85em;
	color:#FCF7CC;
	}
div#template-search option {
	background:url(../images/login-middle-bg.gif) repeat-x;
	background-color:#2B0D0A;
	height: 15px; line-height:35px; font-size:10px; color:#FCF7CC;	
	}
div#template-search select {
	background:url(../images/login-middle-bg.gif) repeat-x;
	background-color:#2B0D0A;
	line-height:18px; font-size:0.85em; color:#FCF7CC;	
	}



/*-------------------------- MISCELLANEOUS --------------------------*/
.noBottomPadding{
	padding-bottom:0 !important;
	}
.noBg{
	background:none !important;
	}
.topPad{
	padding-top:15px !important;
	}
.red {
	color:#FF0000;
	font-weight:bold;
	}	

.style1 {font-size: 0.8em}
.style2 {font-size: 0.75em}

/*************Basic Form Variables**********/
form input {
	background:url(../images/login-middle-bg.gif) repeat-x;
	line-height:18px;
	font-size:.85em;
	color:#FCF7CC;
	}
form checkbox {
	background:url(../images/login-middle-bg.gif) repeat-x;
	color:#FCF7CC;
	}	
form textarea {
	background:url(../images/login-middle-bg.gif) repeat-x;
	font-size:1em;
	color:#FCF7CC;
	}
