/*  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");


html, body{
   	background:#292828; 
}


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


/* headers for all pages */
#header-wrapper{
	background:#e77649 url('Images/header-bg.gif') no-repeat top left; 
}
      	
#header-wrapper2{
	background:#e77649 url('Images/header-bg.gif') no-repeat top left;
	color:#fff;
}

#header2 b{
	color:#fff; 
}  

#header2 span{
	color:#fff; 
}

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

.mainmenu li:hover, .mainmenu li#selected {
	background:#9fc255 url('Images/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:#9fc255 url('Images/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;
}
/* slideswrapper allows us to center slideshow */
#slideswrapper ul li{
	background:none; 
}

#slideswrapper ul li#panel1{
	background:url('Images/headers/header1.png') no-repeat;
}

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

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

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

#slideswrapper ul li#panel5{
	background:url('Images/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:#fcecda; 
	color:#3e3e3e;
}

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

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

#homepage-middle-content #quote p{
	background:url('Images/mid-quote-bg.png') repeat-y;  color:#fff;
}

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

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

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

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

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

#recent-work{
	background:#fff; 
}

#recent-buzz{
	background:#f7f6f6;
}

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


#super-call-to-action{
	background:#fff7ee; 
}
/* blog page styling */
#blog-articles .blog-article a.blog-title{
	color:#3e3e3e;
}

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

#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:#9FC255; 
	border:solid 1px #9FC255;
	color:#fff; 
}




#search{
	background:#F7F6F6; 	
}

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

#categories{
	background:#F7F6F6; 
}

#sponsors{
	background:#F7F6F6; 
}
/* portfolio page styling */
#portfolio-wrapper{
	background:#E77649; 
}

#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('Images/textbox.png') no-repeat;
	color:#3e3e3e
}

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

#contact-details{
	background:#F7F6F6; 
}

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







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

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

#loginbox h1{
	color:#fff; 
	background:#242628; 
}

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

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

/* end login page styling */







/* review comments subscribers page */
#comments-subscribers{
	background:url('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('Images/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('Images/errorbg.png') no-repeat 5px 8px; 
}

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