﻿body 
{
		font-family: Tahoma, Geneva, sans-serif;
		color: #777;
		font-size: 14px;
}

/************ TOP STYLES **************/
/**************************************/

#topbar 
{
    background-color: #231f20;
    text-align: right;
    font-size: 10px;
    text-transform: uppercase;
    padding: 8px 0 5px;
    
}

#topbar-wrapper
{
    width: 910px;
    margin: auto;
}

#topbar li
{
    display: inline;
}

#topbar li a
{
    color: #fefefe;
    text-decoration: none;
}

#topbar li a:hover
{
    text-decoration: underline;
}

#topbar img
{
    vertical-align: middle;
}

#topbar ul ul
{
    display: inline;
    margin-right: 20px;
}

#topbar ul ul li
{
    padding: 0 5px;
    border-left: solid 1px #fefefe;
    
}

#topbar ul ul li.first
{
    border-left: none;
    padding-right: 3px;
}

/************ CONTAINER  **************/
/**************************************/

/* do something different here */
#containerOut
{
    background: url(../images/container-bg2.jpg) no-repeat top center;
}

#containerIn
{
    width: 910px;
    margin: auto;
    background: url(../images/restyle_page_bg_4.jpg) no-repeat top center;
    overflow: visible;
}
/* end here */

#hd
{
    margin-bottom: 90px;
}

#logo
{
	float: left;
	position: absolute;
	margin: 0 0 0 70px;
}

#menu a
{
   text-decoration: none;
}

#menu
{
    text-align: right;
}

#menu li
{
    display:inline;
}

.right
{
	float: right;
	margin-left: 15px;
	margin-top: 75px;
}

.left
{
    float: left;
    margin-right: 15px;
}


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

#mainContent h1
{
    font-family: 'Times New Roman';
    font-size: 30px;
    color: #60a1b6;
    margin: 0 10px 15px 5px;
    font-weight: bold;
}

#mainContent h2
{
    font-family: 'Times New Roman';
    font-size: 18px;
    color: #60a1b6;
    margin: 0 10px 15px 5px;
    font-weight: bold;
}

#mainContent h3
{    
    font-size: 18px;
    margin: 15px 10px 0 5px;
		/* green */
		color:#9ED8CA;
		/* tan 
		color:#B9A306; */
    font-weight: bold;
		text-transform: uppercase;
}

#mainContent h4
{    
		/* for accordion only */
    margin: 15px 0 0 0;
    font-weight: bold;
		text-transform: uppercase;
}

#mainContent h5
{    
		margin: 10px 0 0 5px;
    font-weight: bold;
		color:#60a1b6;
}

#mainContent h6
{    
    font-weight: bold;
		margin: 0 10px 10px 5px;
}

#mainContent p
{
   	font-family: Tahoma, Geneva, sans-serif;
		color: #777;
		font-size: 14px;
		margin: 0 10px 10px 5px;
}

#mainContent .homeP
{
	font-size: 30px;
	font-family: "Monotype Corsiva", "Vladimir Script", serif;
	margin: 0 10px 10px 5px;
	width: 
;
	text-align: justify;
	width: 600px;
}

#mainContent strong
{
		font-weight: bold;
}

#mainContent em
{
	 font-style: italic;
}

#mainContent hr
{
	 background: url(../images/horizontal-rightCol-line.gif) repeat-x;
}

#mainContent a:hover  {
	color:#B9A306;
}

#mainContent a, #mainContent a:visited  {
	color: #60a1b6;
}
		

#mainContent ul
{
		margin: 15px 15px 25px 20px;
}

#mainContent ul li
{
		list-style: outside disc;
		font-size: 14px;
		color:#666; 
		line-height: 14px;
		margin-bottom: 7px;
}

#mainContent .imgRight
{
		float: right;
		margin: 3px 0 3px 15px;
}

#mainContent .imgRBack
{
		float: right;
		margin: 3px 0 3px 15px;
		background: url(../images/img_portrait_bg.gif) no-repeat;
		padding: 7px;
}

#mainContent .imgLeft
{
		float: left;
		margin: 3px 15px 3px 0;
}

#mainContent #homeImg
{
	 background: url(../images/home/main_image_area-background.jpg) no-repeat;
	 text-align: center;
	 width: 900px;
	 height: 424px;
	 margin: 10px 0;
}

#mainContent #homePic1
{
	 /*padding: 18px 5px 15px 15px;*/
	 float: left;
	 margin: 18px  5px 15px 15px;
	 *margin: 18px  1px 15px 12px;
}

#mainContent #homePic2
{
	 /*padding: 28px 5px 15px 5px;*/
	 float: left;
	 margin: 28px 5px 15px 5px;
	 *margin: 28px  1px 15px 10px;
}

#mainContent #homePic3
{
	 /*padding: 25px 7px 15px 7px;*/
	 float: left;
	 margin: 25px 7px 15px 7px;
	 *margin: 22px  1px 15px 10px;
}

#mainContent #homeLeftCol
{
	float:left;
	width: 305px;		
	background: url(../images/line.gif) right repeat-y;
}

#mainContent #homeRightCol
{
	width: 335px;
	margin-left: 315px;
}

#mainContent .line
{
	margin-bottom: 10px;
}


#mainContent #leftCol
{
	float:left;
	width: 520px;		
}

#mainContent #rightCol
{
	float: right;
	text-align: center;
	width: 375px;
}

#mainContent #leftColList ul li, #mainContent #rightColList ul li
{
	list-style: none;
	font-weight: bold;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

#mainContent #leftColList
{
	float:left;
	width: 150px;	
}

#mainContent #rightColList
{
	float: right;
	width: 150px;
}

#mainContent #clearer, #mainContent .clearer
{
	clear: both
}



/********** FASHION BLOG STYLES ***************/
/**********************************************/

.galleryContainer {
	width: 1024px;
}

.galleryImage {
	background-color:#FFFFFF;
	width:325px;
	height:260px;
	overflow:hidden;
	margin:0px;
	float:left;
	border-right-color: #CCCCCC;
	border: 1px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.info{
	margin-left:10px;
	font-family:arial;
	padding:3px;
}

.info h2{
	color:gray;
}

.info p {
	color:white
}

.clear {
	clear:both;
	margin-top:10px;
}

#description {
	width:300px;
	font-size:16px;
	font-family: "Arial", "Helvitica", sans-serif;
	float:right;
	margin-right:125px;
}


	


/********** MAILING LIST STYLES ***************/
/**********************************************/

#mailingListForm
{
    background: url(../images/email-list-bg.jpg) no-repeat;
    padding: 10px;
    margin-top: 35px;
    position: relative;
}

#mailingListForm h1
{
    font-size: 28px;
    font-weight: bold;
    color: #75bbcb;
    margin-bottom: 0;
    text-transform: uppercase;
}

#mailingListForm p, #mailingListForm a
{
    font-family: Arial;
    font-size: 12px;
    color: #505050;
}

#mailingListForm a
{
    text-decoration: underline;
}

#mailingListForm label 
{
    position: absolute;
    left: 370px;
    top: 10px;
    font-family: Arial;
    font-size: 10px;
    color: #505050;
    text-transform: uppercase;
}

#mailingListForm label.lastName
{
		position: absolute;
		left: 490px;
}

#mailingListForm label.email
{
    position: absolute;
		left: 615px;
}

#mailingListForm .privacy
{
    position: absolute;
		left: 560px;
}


#mailingListForm input.text
{
    font-size: 11px;
    width: 180px;
    padding: 1px;
}

#mailingListForm input.submit
{
    position: absolute;
    left: 810px;
    top: 22px;
}

#mailingListForm .privacy
{
    font-size: 10px;
    top: 46px; 
    position: absolute;
}

#mailingListForm .privacy a
{
    font-size: 10px;
}


/************ FOOTER STYLES **************/
/*****************************************/


#ft
{
    margin-top: 20px;
    background: url(../images/ft-bg.jpg) no-repeat bottom left;
    margin-bottom: 100px;
}

#ft p
{
    padding-top: 15px;
    font-family: Tahoma;
    font-size: 12px;
    color: #777;
}

#ft .ftbull
{
    color: #000;
}

.bold
{
    font-weight: bold;
}

#ft .ftLinks, #ft .copy
{
    font-size: 10px;
}

#ft .ftLinks
{
    clear: both;
    padding-top: 10px;
    *padding-top: 20px;
    float: right;
    margin-right: 15px;
}

#ft .ftLinks li
{
    float: left;
    border-left: solid 1px #777;
    margin-top: 9px;
    padding: 0 8px;
}

#ft .ftLinks li.first
{
    border-left: none;
}

#ft a
{
    color: #777;
    text-decoration: none;
}

#ft a:hover
{
    text-decoration: underline;
}

#ft .copy
{
    padding-top: 30px;
}

