@charset "utf-8";
/******************************************************** 
* Client: West Ridge Villas
* Coded by: Marcus Thompson (marcus@brighsquareinc.com)
* Version: 1.0
********************************************************
top,right,bottom,left

COLORS
text brown and dots: #774b45
background blue and dots: #85D1DA 
Green: #008177*/
html {
font-size:100.1%
}

body {
background-color:#85D1DA;
color:#774b45;
font-family: 'Helvetica Neue Light', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, Sans-Serif; 
font-size:12px;
line-height:1.4
}

/***********************************
			GENERAL
***********************************/


a { 
color: #774b45; 
text-decoration:none;
}
.newa{
    color:#774B45;
    text-decoration:underline;
}
a:hover { 
color:#85D1DA
}

.cbfl{
    clear:both;
    float:left;
}
.cbfr{
    clear:both;
    float:right;
}
.clfl{
    clear:left;
    float:left;
}


/***********************************
			WRAP
***********************************/

#wrap {
width:980px;
margin: 3% auto;
background:#FFFFFF
}

/***********************************
		MASTHEAD
***********************************/
#masthead {
background: #fff url(../images/bg-masthead.gif) top left no-repeat;
padding: 25px 25px 0 25px;
position:relative;
}

/***********************************
		MASTHEAD: LOGO
***********************************/
#logo {

}


/***********************************
		MASTHEAD: SHOPPING CART LINK
***********************************/
#cart-link a {
font-size:12px;
width: 130px;
position:absolute;
top:100px;
right:0px;
padding:10px 0px 0 0;
background: url(../images/icon-cart.png)  88px 7px no-repeat !important;
background: url(../images/icon-cart.gif)  88px 7px no-repeat;
}

/***********************************
		MASTHEAD: FACEBOOK ICON
***********************************/
div#icon-facebook-position
{
    position:absolute;
    top:50px;
    right:28px;
}

/***********************************
		MASTHEAD: TWITTER ICON
***********************************/
div#icon-twitter-position
{
    position:absolute;
    top:50px;
    right:70px;
}

/***********************************
		MASTHEAD: NEWSLETTER ICON
***********************************/
div#icon-newsletter-position
{
    position:absolute;
    top:50px;
    right:110px;
}


/***********************************
		MASTHEAD: MENU
***********************************/

#menu {
border-top:1px dotted #85d1da;
border-bottom:1px dotted #85d1da;
padding: 5px 0;
}

#menu li {
float:left;
padding-right:10px;
margin-right:10px;
border-right: 2px solid #85d1da;
font-weight:bold
}

#menu li.menu_Go-Green a {
background: url(../images/go-green-leaf.png) left no-repeat !important;
background: url(../images/go-green-leaf.gif) left no-repeat;
color: #becd73
}

#menu li.menu_Go-Green a:hover {
color:#85D1DA
}

#menu li.menu_Go-Green span {
padding-left:12px;
}

#menu li.active a {
color: #85d1da;
}

/***********************************
		MASTHEAD: HIGHLIGHT
***********************************/

#highlight {
background: #85D1DA; 
padding: 15px;
margin: 15px 0;
height:80px;
}

#highlight .sb-inner { 
background:#85D1DA; 
}


#highlight h1 {
font-size:30px;
font-weight:normal;
}

#highlight p {
font-size:15px
}

#highlight_Green {
	position:relative;
	margin: 15px 0;
	height:110px;
}


#highlight_Green  h1  {
	position:absolute;
	top:10px;
	left:15px;
	font-size:30px;
	font-weight:normal;
}

#highlight_Green p {
font-size:15px
}

/***********************************
		CONTENT
***********************************/
#content {
background: #fff url(../images/bg-content.gif) bottom left no-repeat;
padding: 0px 25px 5px 25px;
position:relative;
line-height:1.5
}

#showcase
{
    border-top:1px dotted #774b45;
    border-bottom:1px dotted #774b45;
    padding: 15px 0 5px 0;
    position:relative;
    right:0;
}

#showcase .image {
position:relative;
}

#showcase .caption {
position:absolute;
bottom: 45px;
left: 30px;
color:#f2f2f2;
font-size:28px;
letter-spacing:1px;
font-weight:normal
}


#dotted-line
{
    border-top:1px dotted #774b45;
    margin-top: 15px;
    margin-bottom: 15px;
}

/***********************************
		MANIPURA HOMEPAGE LINKS
***********************************/
#manipura-links {
margin: 10px 0 8px 0;
line-height:1.5
}

#manipura-links #headlines {
	width:565px;
	float:right;
	border-bottom:1px dotted #774b45;
	margin-right:10px;
}

#manipura-links #headlines h4 {
	font-size:16px;
}
#manipura-links #headlines h4 a:hover {
	color:#85D1DA;
}

#collection-image {
width:340px;
float:left;
}

#other-links {
width:590px;
float:left;
}

#manipura-links h2 a:hover {
	color:#85D1DA;
}

#manipura-links h2 {
	margin-left:10px;
	padding:5px 15px;
	width:250px;
	float:left;
	border-bottom:1px dotted #774b45;
	font-size:16px;
}

#manipura-links h1 {
	margin-left:10px;
	border-bottom:1px dotted #774b45;
	width:540px;
	float:left;
	font-size:24px;
	color:#85D1DA;
	padding:10px 15px;
}


/***********************************
		TEXT
***********************************/
#text { 
padding: 10px 15px;
}

#text + #footer {
margin-top:15px
}

#content hr {
height: 1px;
border:0;
border-top:1px dotted #774b45;
margin-bottom:15px !important;
margin-bottom:10px;
background:#fff
}

#content #text .sb-inner {
background: #85d1da;
}

#text-content {
width:600px;
float:left;
}

#text-content h1 {
font-size:24px;
padding: 5px 0;
border-bottom:1px dotted #774b45;
margin: 0 0 10px 0
}

#text-content p {
margin-bottom:15px;
}

#text-news-content {
width:885px;
float:left;
}

#text-news-content h1 {
font-size:24px;
padding: 5px 0;
border-bottom:1px dotted #774b45;
margin: 0 0 10px 0
}

#text-news-content p {
margin-bottom:15px;
}

#text-image {
width:245px;
float:right;
margin:45px 15px 0 20px;
}


#text-image h3 {
text-align:right;
}

/***********************************
		SERVICES
***********************************/
#services {
margin: 20px 0;
padding: 10px;
}

#services .sb-inner {
background: #85d1da
}

 #services .services_info {
padding:5px 10px;
margin: 5px 0;
}

#services .services_info .sb-inner {
background:#fff;
}

#services .services_info img {
float:left;
width:310px;
margin-right:15px;
}


#services h1 {
font-size:16px;
padding: 5px 0;
border-bottom:1px dotted #85d1da;
margin: 0 0 10px 0;
width:560px;
float:right;
}

#services p {
float:right;
text-align:justify;
width:560px;
}

/***********************************
		WORKS
***********************************/
#work-categories {
margin:20px 0;
padding:5px 10px 5px 10px;
}

#content #work-categories .sb-inner {
background: #85d1da;
}

#content #work-categories .work-type-single .sb-inner { 
background: #fff;
}

#work-types {
padding:10px 0 0 0;
}

.work-type-single {
padding:10px;
}

.work-type-single {
width:255px;
float:left;
margin: 10px 10px 15px 15px;
}

#work-categories h1{
font-size: 16px;
border-bottom:1px dotted #774b45;
padding:5px 0px;
margin-bottom:5px;
}

#work-categories h1 span {
/*padding:5px 0 0px 15px;*/
}

.work-type-single  h2 {
font-size:14px;
margin:5px 0;
}

.work-type-single p {
margin:5px 0 0 0;
border-top:1px dotted #774b45;
padding: 10px 0 0 0;
text-align:justify 
}




/***********************************
		PRODUCTS
***********************************/

#products {
margin: 15px 0
}

#product-current {
width:600px;
float:left;
padding: 15px 15px 25px 15px;
}

#product-current .sb-inner {
background: #85d1da
}

#product-description .sb-inner {
background:#fff
}

#product-details .sb-inner {
background: #85d1da
}

#product-description {
padding:10px 15px;
position:relative
}

#product-current h1 {
font-size: 24px;
border-bottom:1px dotted #774b45;
padding:0 0 5px 0px;
margin-bottom:10px;
margin-left:5px;
width:97%
}

#product-details h2 {
	font-size: 16px;
}

#product-details h3 {
	margin-top:10px;
}


#product-details {
padding: 15px;
margin-top:7px;
margin-bottom:100px;
}

#content a:hover {
color:#fff
}

#content #works a:hover {
color:#85d1da;
}

#content #product-buy a {
color:#fff
}

#content #product-buy a:hover {
color:#d9edee
}

#product-buy {
width:195px;
float:right;
color:#fff;
font-size: 11px;
position:absolute;
top: 25px;
right:0px;
padding-left: 115px;
}

#product-buy span {
float:left;

}

#product-buy span#quantity-select {
padding-right:15px;
}

span#quantity {
margin-top:10px
}

span#quantity-select {
margin-top:10px;

}

span#add-to-cart {
position:absolute;
top:0;
margin-left:80px;
}


#scroller {
width:250px;
float:right;
}

/***********************************
		FOOTER
***********************************/
#footer {
border-top:1px dotted #774b45;
padding: 5px 5px 0 0;
font-size:12px;
text-align:right;
font-weight:bold
}

#footer li {
display:inline;
margin-right:5px
}

#footer a {
text-decoration:none;
color:#774b45;
}

#footer a:hover {
color:#85D1DA;
}

img[align=left],img.alignleft,div.alignleft  {
float:left;
padding:0 10px 5px 0
}

img[align=right],img.alignright,div.alignright {
float:right;
padding:0 0 5px 10px
}



#home img {
	float:left;
}
#home p {
	float:right;
}


#bs-photo-gallery .image {
	float:left;
	width:250px;
	margin:10px 10px;
	height:200px;	
	text-align:center;
	overflow:hidden;
}

#bs-photo-gallery img {
	height:168px;
	width:250px;
}

.required{
	color: #d70000;
}

.errorContainer{
	padding: 4px;
	background-color: #ffff80;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}