/*  Blue is the default stying for comercia web template.  
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{
   	background:#292828; 
}


/** default link styling **/
a{
	color:#0badd8;
}


/* headers for all pages */
#header-wrapper{
	background:#00b5e0; 
}
      	
#header-wrapper2{
	background:#00b5e0;
	color:#fff;
}

#header2 b{
	color:#fff; 
}  

#header2 span{
	color:#fff; 
}
/* end of headers */





/* top bar logo, menu styling */
#top-wrapper{
	background:#004d5f; 
}
.mainmenu ul {
	background:#00323e;
}

.mainmenu li:hover, .mainmenu li#selected {
	background:#00323e url('../website-images/blue/menu-leftbg.png') no-repeat top left;
}

.mainmenu ul li:hover{
	background:transparent;
}
.mainmenu a{
	color:#fff;
}

.mainmenu li:hover div, .mainmenu li#selected div{
	background:#00323e url('../website-images/blue/menu-rightbg.png') no-repeat top right;
}

/*submenu indicator styling*/
.mainmenu .sf-sub-indicator{
	color:#ffd251;
}
/* end top bar logo, menu styling */




/* default content section styling */
#content-wrapper{
	background:#fff; 
	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('../website-images/blue/headers/header1.png') no-repeat;
}

#slideswrapper ul li#panel2{
	background:url('../website-images/blue/headers/header2.png') no-repeat;
}

#slideswrapper ul li#panel3{
	background:url('../website-images/blue/headers/header3.png') no-repeat;
}

#slideswrapper ul li#panel4{
	background:url('../website-images/blue/headers/header4.png') no-repeat;
}

#slideswrapper ul li#panel5{
	background:url('../website-images/blue/headers/header5.png') no-repeat;
}


.toggles#prev{
	background-position: 0px -163px;
}
.toggles#next{
	background-position: -41px -163px;
}

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

.toggles#next:hover{
	background-position:-41px -204px;
}


a#geometric-gwen{
	color:#ffd251;
}


#slides .panel p{
	color:#fff;
}

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

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

a#demo-link{
	color:#ffd251;
}

b.note{
	color:#fff;
}

h1#header-calltoaction b a{
	color:#ffd251;
}
/** 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/blue/top-quote-bg.png') no-repeat top left;
}

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

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

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

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

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

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

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

#recent-work{
	background:#fff; 
}

#recent-buzz{
	background:#effcff;
}

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


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







/* blog page styling */
#blog-articles .blog-article a.blog-title{
	color:#3e3e3e;
}

#blog-articles .blog-article p.article-links{	
	background:#effcff; 
}

#blog-articles #page-navigation a{
	background:#f8f8f8; 
	border:solid 1px #eee;  
	color:#13bde8; 
}

#blog-articles #page-navigation a:hover{
	color:#fff;
}

#blog-articles #page-navigation a#current, #blog-articles #page-navigation a:hover{
	background:#13bde8; 
	border:solid 1px #13bde8;
	color:#fff; 
}




#search{
	background:#effcff; 	
}

#search #searchbox{
	background:url('../website-images/blue/searchbox.png') no-repeat;
}

#categories{
	background:#effcff; 
}

#sponsors{
	background:#effcff; 
}
/*end blog page styling */






/* portfolio page styling */
#portfolio-wrapper{
	background:#00b5e0; 
}

#portfolio{
	background:none; 
}

#portfolio-slides{
	background:none;
}

h1#portfolio-heading{
	color:#fff;
}
/* end portfolio page styling */






/* contact us page styling */
#contactform table tr td input{
	background:url('../website-images/blue/textbox.png') no-repeat;
	color:#3e3e3e
}

#contactform table tr td textarea{
	background:url('../website-images/blue/textarea.png') no-repeat; 
	color:#3e3e3e
}

#contact-details{
	background:#effcff; 
}

#contact-map{
	background:#effcff; 
}
/* end contact us page styling */







/* login page styling */
/* login page styling */
#login-wrapper{
	background:#00b5e0; 
}

#login{
	background:url('../website-images/login.png') no-repeat; 
}

#loginbox h1{
	color:#fff; 
	background:#00323e; 
}

#loginbox{
	background:#fff; 
	color:#3e3e3e; 
}

#loginbox table tr td input{
	background:url('../website-images/blue/textbox.png') no-repeat;
	color:#3e3e3e
}

/* end login page styling */







/* review comments subscribers page */
#comments-subscribers{
	background:url('../website-images/navigation.png') no-repeat 180px 0px;
}

#comments-subscribers table th{
	background:#004d5f; 
	color:#fff;
}

#comments-subscribers table tr.odd{
	background:#e7fafe;
}

#comments-subscribers table tr.even{

}

#comments-subscribers .ui-tabs-nav  a{
	color:#9e9e9e; 
	border:solid 1px #fff;
}

#comments-subscribers .ui-tabs-nav .ui-tabs-selected a,  #comments-subscribers .ui-tabs-nav a:hover{
	border:solid 1px #cccccc; 
	color:#004d5f 
}
/* end comments and subscribers page */



/*footer*/
#footer-wrapper{
	background:#292828;
}

.footer-links h1{
	color:#b3afaf;
}

.footer-links ul li a{
	color:#818181; 
}

.footer-links ul li a:hover{
	text-decoration:underline;
}

#subscribe-area-wrapper h1{
	color:#818181;
}

#subscribe-area-wrapper #subscribe-area input{
	background:url('../website-images/blue/subscribe-textfield.png') no-repeat;
	color:#b3afaf; 
}

#subscribe-area-wrapper #subscribemessagebox p.success, #subscribe-area-wrapper #subscribemessagebox b{
	color:#b3afaf;
}



/* form validation error styling */
#errors, .errors{
	background:#fededa; 
	border:solid 2px #ff8b7f; 
}

#subscribeError{
	background:#fededa; 
	border:solid 2px #ff8b7f; 
}

#loginerror{
	background:#fededa; 
	border:solid 2px #ff8b7f; 
}

#loginresult p.error{
	border:solid 2px #ff8b7f;
	color:#89190C;
	background:#fededa url('../website-images/errorbg.png') no-repeat 5px 8px; 
}

.errors p.error, #errors p.error, #subscribeError p.error, #loginerror p.error{
	color:#89190C; 
	background:#fededa url('../website-images/errorbg.png') no-repeat 5px 5px; 
}
/* end form validation error styling */