@import 'reset.css';
@import 'core/template/template.css';
@import 'typo.css';

/*------------------------------------*\
  MAIN
\*------------------------------------*/

/*
Take care of the page's main strucural elements.
*/

html{
  font:100%/1.5 "trebuchet ms", Arial, sans-serif;  
  background:transparent url(../images/content-bg.jpg) repeat left top scroll;
  border-top:1px dashed #f54e96;
  
}

body{
color:#211c18;  
font:87.5%/1.5 "trebuchet ms", Arial, sans-serif; 
}

/*------------------------------------*\
  Custom Layout
\*------------------------------------*/

.three-cols-layout .main-content {
	float: left;
	position: relative;
	width: 66%;
}

.three-cols-layout .primary-content {
	float: left;
	width: 48%;
}

.three-cols-layout .secondary-content {
	float: right;
	width: 51%;
}

.three-cols-layout .side-content {
	float: right;
	width: 33%;
}

.two-cols-layout .primary-content {
width:66%;
float:left;
}

.side-content{
float:left;
width:33%;
}

#content{
	padding:25px 0;
}


/*------------------------------------*\
  Header
\*------------------------------------*/

.header{
	position:relative;
	height:191px;
}
	
.header-wrap{
background:#43165e url("../images/header-bg.png") repeat-x left top scroll;
}

.header-wrap2{
background:#43165e url("../images/header-bg2.png") repeat-x left top scroll;
}


/* Logo
---------------------------------------- */

.logo {    
	position:relative;	
	font-size: 136%;
	font-weight: normal;
    overflow: hidden;
	width: 255px;
	display:block;
    height: 155px;
	padding:0 0 0 0;
    margin: 0;
	background-color: transparent;
	float:left;
}

.logo  a {
    background:url("../images/fabfunctions-logo.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    position: relative;
    width: 100%;
	height: 100%;
    z-index: 10000;
}

.logo a:active {
    top: 0;
}

.logo a img {
    display: none;
    float: left;
    margin: 0;
    padding: 0;
	vertical-align: top;
}

.alt-logo {

}

h1 a:link, .h1 a:link, h2 a:link, .h2 a:link, h3 a:link, .h3 a:link, h4 a:link, .h4 a:link {
    border-bottom: 2px solid transparent;
    font-weight: normal;
}


/* Main Nav
---------------------------------------- */

.main-nav {
  float:right;
  display:inline;
  margin:-30px 0 0 0;
}

.main-nav ul,.main-nav ul li {
  list-style: none;
  margin:0;
}

.main-nav ul li {
  display:inline;
  float:left;
  padding:0px 25px;
  }

.main-nav li a {
  display: block;
  text-decoration: none;
  font-family: "trebuchet ms", Arial, sans-serif; 
  font-size: 15px;
  line-height:36px;
  padding:90px 15px 0 10px;
  color:#fff;
  background: transparent url("../images/mainnav-divider.png") no-repeat scroll left 0px;
}

.main-nav ul li.first a{

}

.main-nav ul li.last{
  background:none;
  padding-right:none;
}

main-nav ul li.last a{
padding:none;
}

body.home .main-nav li.home a, body.about .main-nav li.about a, body.services .main-nav li.services a, body.gallery .main-nav li.gallery a, body.contact .main-nav li.contact a{
color:#f54e96;
}

.main-nav ul li a:hover {
color:#f54e96;
}

/*------------------------------------*\
  Banner
\*------------------------------------*/

.slider-wrapper { 
	width: 100%; 
	margin: 16px 0 0 0;
}

.banner{
  background: #cecfce url("../images/banner-bg.jpg") repeat left top scroll;
  border-bottom:1px dashed #adaaac;
  height:485px;
}

.banner img {
width:940px;
height:400px;
box-shadow: 2px 2px 2px #adadaf;
}

/*------------------------------------*\
  General Styles
\*------------------------------------*/

#do_not_fill, .accessibility, .hide{
position:absolute;
left:-99999px;
}

.strong {
font-weight:600;
}


.black {
color:#211c18;
}
/*------------------------------------*\
  TYPOGRAPHY
\*------------------------------------*/

h2 {
   font-size:24px;
   margin-bottom:10px;
   margin-right:16px;
   line-height:21px; 
   color:#521c6b;
   font-family:Georgia, "Times New Roman", Serif; 
   padding-bottom:12px;
   background: url("../images/underline.png") repeat-x scroll left bottom transparent;
}

h3 {
font-size:20px;
margin-bottom:21px;
line-height:21px;
color:#7b7d7b;
font-family:Georgia, "Times New Roman", Serif; 
}

h4 {
font-size:16px;
color:#f54e96;
font-weight:600;
font-family:Georgia, "Times New Roman", Serif; 
}


/*------------------------------------*\
  Home Page
\*------------------------------------*/

.split-3-ways div{
float:left;
width:33%;
margin-bottom:21px;
}

.split-3-ways p, .split-3-ways li{
padding-right:10px;
}

.split-3-ways img{
border:1px solid #ccc;
padding:3px;
}

.services-list li, .services-list{
padding:0;
margin:0;
list-style:none;
}

.services-list{
margin-bottom:41px;
}

.services-list li{
margin-bottom:7px;
background: url(../images/bullet.png) no-repeat left 6px scroll transparent;
padding-left:10px;
}

.contact-details li, .contact-details{
padding:0;
margin:0;
list-style:none;
}

.contact-details{
margin-bottom:48px;
}

.contact-details li {
margin-bottom:7px;
}

.more-info{
 background:#e3e3e3;
 padding:3px 10px 3px 10px;
 border:1px solid #d6d6d6; 
 border-radius: 20px 20px 20px 20px;
}

a.more-info:link , a.more-info:visited {
	color:#d1005d;
}

a.more-info:hover{
	color:#43165e;
}

p.overview {
padding-top:5px;
margin:0 0 20px 0;
}


/*------------------------------------*\
  About page
\*------------------------------------*/

.table-about {
padding-top:15px;
margin-bottom:25px;

}

.table-about td{
padding:0 10px 10px 0;
color:#7b7b7b;
}

.table-about h3{
padding:0;
margin:0;
}

.box  {
width:285px;
padding:10px;
border:1px dashed #adadaf;
background: #f7f7f7 url(../images/box-bg.gif) repeat left top scroll;
}

.box h3{
text-align:center;
padding-top:10px;
}

p.box-pic{
text-align:center;
}

p.box-info {
text-align:center;
font-style: italic;
color:#7b7b7b;
}


/*------------------------------------*\
  Gallery Page
\*------------------------------------*/

.gallery-table img{
border:1px solid #ccc;
padding:3px;
text-align:center;
margin-bottom:25px;
margin-top:15px;
}




/*------------------------------------*\
  Contact page
\*------------------------------------*/

.contact-info li, .contact-info{
padding:0;
margin:0;
list-style:none;
}

.contact-info{
margin-bottom:48px;
}

.contact-info li {
margin-bottom:7px;
}



/*------------------------------------*\
  Page-Footer
\*------------------------------------*/

.page-footer{
background: #cecfce url(../images/footer-bg.jpg) repeat left top scroll;
padding:10px 0;
color:#fff;
font-size:14px;
text-align:left;
border-top:1px dashed #adaaac;
height:100%;
}

.page-footer p{
margin:0;
padding:0;

}

.footer{
color:#7b7d7b;
padding-bottom:20px;
}

.footer a, .footer a:visited{
color:#7b7d7b;
}

.footer a:hover {
color:#d1005d;
}



/* Contact Email Form
---------------------------------------------------------------------------------*/
.form_wrap{
padding-left:15px;
}

.form_wrap dt{
margin-bottom:5px;
}

.form_wrap dd{
margin:0;
}

.form_wrap label{
font-size:.99em;
}

.form_wrap  input.input_field{
margin-bottom:10px;
}

.form_wrap  input.input_field, .form_wrap textarea{
  width:400px;
  padding:5px;
  color: #211c18;
}

.form_wrap  input {
border: 1px dashed #adaaac;
font-size: 14px;
background:#f2f2f2;

}

.form_wrap textarea{
  height:130px;
  border: 1px dashed #adaaac;
  background:#f2f2f2;
 }
 
 .submit input {
 color: #d1005d;
 font-size: 14px;
 width: 158px;
 height: 33px;
 border: none;
 margin: 0;
 padding: 0;
 background: transparent url("../images/submit-button.png") 0 0 no-repeat;
}
		
		

/*------------------------------------*\
  Common
\*------------------------------------*/
.c_error, .elm_error {
                display: none;
                padding: 5px;
                color: #211c18;
                font-size: 12px;
                background-color: #f54e96;
				
            }

.success {
                display: none;
                padding: 10px;
                color: #211c18;
                font-size: 12px;
                background-color: #B7FBB9;
            }
            
.error img {
                vertical-align: top;
            }