/* Lite is a nice lighter grid implementation of Comercia.  
All structure sizing, placement etc... are coded in the 
base.css file.  The reset.css file is an awesome starting point.
Styles in this file are background color, image, text colors for 
this implementation.  Defaults are in the base.css

@import url("reset.css");
@import url("base.css");
@import url("menu.css");
@import url("../js/fancybox/fancybox/jquery.fancybox-1.2.6.css");

*/

html, body{

}





#header-wrapper{

}
      	
#header-wrapper2{
	background:transparent;
	color:#3e3e3e;
}

#header2{
	border-bottom:solid 4px #656565;
}

#header2 b{
	color:#3e3e3e; 
}  

#header2 span{
	color:#3e3e3e; 
}










/* default content section styling */
#content-wrapper{

	color:#3e3e3e;
}
/* end default content section styling */




/* homepage slideshow */	
/* slideswrapper allows us to center slideshow */
#slideswrapper ul li{
	background:none; 
}

#slideswrapper ul li#panel1{
	background:url('../images/firstslide6.png') no-repeat;
	background-position: bottom center;
}

#slideswrapper ul li#panel2{
	background:url('../images/shop-on-facebook.gif') no-repeat;
	background-position: bottom right;
}

#slideswrapper ul li#panel3{
	/*background:url('../images/shop_blue.png') no-repeat;
	background-position: bottom right;
	background-width:70px!important;*/
}

#slideswrapper ul li#panel4{
	background:url('../images/header1.png') no-repeat;
	background-position: bottom right;
}


.homepage-toggles#prev, #next{
	background:url('../images/toggle.png') no-repeat;
}


a#geometric-gwen{
	color:#3294ac;
}


#slides .panel p{
	color:#3e3e3e;
	font-size:16px;
	margin-top:15px;
	width:450px;
}


.panel-link{
	color:blue;
	font-size:16px;
}


h1#header-calltoaction, h1.calltoaction{
	color:#4e6b8f;
	font-size:30px;
}

h1#header-calltoaction, h2.calltoaction{
	color:#727171; 
}

h1#header-calltoaction b, h1.calltoaction b, h1#header-calltoaction b a{
	color:#3e3e3e; 
}

a.demo-link{
	color:#3294ac;
}

b.note{
	color:#3e3e3e;
}

h1#header-calltoaction b a{
	color:#3294ac;
}
/** end homepage slideshow styling **/







/* homepage content below slideshow styling
#homepage-middle-wrapper{
	background:#dff9ff; 
	color:#3e3e3e;
}

#homepage-middle-content #quote-wrapper{ 
	background:url('../website-images/lite/top-quote-bg.png') no-repeat top left;
}

#homepage-middle-content #quote{
	background:url('../website-images/lite/mid-quote-bg.png') repeat-y; 
}

#homepage-middle-content #quote p{
	background:url('../website-images/lite/mid-quote-bg.png') repeat-y; 
}

#homepage-middle-content #quote-details{
	background:url('../website-images/lite/bottom-quote-bg.png') no-repeat top left; 
}

#homepage-middle-content #features .feature #feature1{
	background:url('../website-images/lite/feature1.png') no-repeat;
}

#homepage-middle-content #features .feature #feature2{
	background:url('../website-images/lite/feature2.png') no-repeat;
}

#homepage-middle-content #features .feature #feature3{
	background:url('../website-images/lite/feature3.png') no-repeat;
}

#homepage-middle-content #features .feature #feature4{
	background:url('../website-images/lite/feature4.png') no-repeat;
}

#recent-work{
	background:transparent; 
}

#recent-buzz{
	background:#effcff;
}

#recent-buzz h1{
	background:url('../website-images/lite/rssfeed.png') no-repeat top right; 
}

*/
#super-call-to-action{
	background:#fcffd8; 
}
/* end of homepage styling */




/* homepage slideshow */	

/* slideswrapper allows us to center slideshow */

#slideswrapper{

	position:relative; 

	margin:auto; 

	width:960px;
}



#slideswrapper ul{

	width:960px;

	overflow: hidden; 

	margin:0px;

}



#slideswrapper ul li{

	position:relative;

	overflow: hidden; 

	float:left; 

	width:960px;

	height:400px;

	text-align:left;

}





#slideswrapper ul li#panel1{



}



#slideswrapper ul li#panel2{



}



#slideswrapper ul li#panel3{



}



#slideswrapper ul li#panel4{



}



#slideswrapper ul li#panel5{



}







/*

.toggles is used on homepage and the portfolio 

the next and previous buttons are pushed down a bit 

further for the portfolio page.  See below.

*/

.toggles{

	width:1150px;

	position:relative; 

	margin:auto;

}

.toggles#prev, .toggles#next{

	display:block; 

	height: 36px;
	
	width: 36px;

	border:none;

	cursor: pointer; 

	cursor: hand; 

}



.toggles#prev{
	
	background:url('../images/back.gif') no-repeat 0 -36px;
}

.toggles#next{
	background-position: 0 -36px;
	background:url('../images/next.gif') no-repeat 0 0; 
}



.toggles#prev:hover{
	background-position: 0 0;
}



.toggles#next:hover{
	background-position: 0 -36px;
}



.toggles#prev{

	position:absolute; 

	top:170px; 

	left:0px;

}



.toggles#next{

	position:absolute; 

	top:170px; 

	right:0px;

}


p.demo, p.{

	width:200px; 

	margin:0px; 

	/*position:absolute; 
	top:50px;*/
	left:0px; 

	

}


#minicontent {
	margin:0px;padding:30px;background:#ffffff;margin-top:10px;
	border:5px solid grey;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:relative;
	width:890px;
	float:left;
}
		
#minicontent:after {
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	border: 15px solid transparent;
	border-bottom-color: grey; /*#3f6096;*/
	top: -30px;
	left: 100px;
}

#minicontent p {
	font-size:13px;
}