/*
Theme Name: Bec Development
Theme URI: http://www.becdevelopment.com/
Description: Bec Development
Version: 1.0
Author: wots the big idea
Tags: 

Bec Development by Wots the big idea || http://www.wotsthebigidea.com/
*/

*
{

  padding: 0;
  margin: 0;

}

p, img, li, ul, body, 
div, span, object, iframe, h1, 
h2, h3, h4, h5, h6, 
blockquote, table, caption, thead, tfoot, 
tbody, tr, th, td, dl, ol,
dd, dt, form, fieldset
{

  padding: 0;
  margin: 0;

}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 0px 0px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 0px 0px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.left
{

  float: left;

}

.right
{

  float: right;

}

.clear
{

  clear: both;

}

#wrapper
{

  width: 990px;
  min-width: 990px;
  margin: 0 auto;
  padding: 0px 0px;
  position: relative;  
  
}

img
{

  border: 0;

}

body
{

  font-family: arial, sans-serif;
  color: #707070;
  font-size: 12px;
  background-image: url(images/header_bg.gif);
  background-repeat: repeat-x;

}

h2, h3, h4
{

  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #7877c1;

}

h3
{

  font-size: 14px;

}

h4
{

  font-size: 12px;

}

h5
{

  font-size: 14px;
 color: #7877C1;
}

h3 a
{
 color: #7877c1;
 text-decoration: none;
}

#header
{

  height: 51px;
  padding-top: 10px;
  padding: 10px 33px 0px 47px;
  position: relative;

}

#searchbox
{

  top: 131px;
  left: 709px;
  position: absolute;  
  z-index: 99;
}

#searchbox  form label, #searchbox  form button
{

  display: none
  
}

#searchbox form input
{

  background-image: url(images/searchbox_bg.png);
  width: 259px;
  border: 0;
  height: 25px;
  padding: 3px 0 3px 13px;

}


#footer
{

  width: 100%;
  background-image: url(images/footer_bg.png);
  background-repeat: repeat-x;
  background-position: 50% bottom;

}

#footertext
{
  width: 990px;
  min-width: 990px;
  margin: 0 auto;
  padding: 0px 0px;
  position: relative;  
}

#footertext
{
 font-size: 11px;
 color: #000000;
 margin-top: 23px;
 padding-bottom: 40px;
 }

#footertext a
{
 color: #000000;
 text-decoration: none;
}

#footertext .left
{
 width: 295px;
}

#footertext .right
{
 width: 205px;
}

#title
{

  float: left;
  background-image: url(images/logo.png);
  background-repeat: no-repeat;
  padding-left: 58px;
  font-family: HelveticaNeueMedium, Arial, sans-serif;
  font-size: 26px;
  height: 37px;
  line-height: 37px;
  color: #ffffff;  

}

#subtitle
{

  float: right;
  font-size: 16px;
  color: #ffffff;
  font-family: QuicksandBold, arial, sans-serif;
  padding-top: 11px;

}


.middle
{

  border-left: 3px solid #dadada;
  border-right: 3px solid #dadada;
  width: 311px;

}

#nav
{

  background-image: url(images/nav_bg.png);
  background-repeat: no-repeat;
  height: 48px;

}

#nav ul li
{

  float: left;
  width: 96px;
  padding: 0px 7px;
  list-style-type: none;
  color: #ffffff;
  font-size: 14px;
  font-family: QuicksandBold, arial, sans-serif;
  text-align: center;
  display: block; 
  height: 47px;
  vertical-align: middle;
  position: relative;  

}

#nav ul li a
{

  padding-top: 16px;

}

#nav ul li.page-item-13 a, #nav ul li.page-item-15 a, #nav ul li.page-item-17 a, #nav ul li.page-item-19 a, #nav ul li.page-item-21 a
{

  padding-top: 7px;

}

#nav ul li.page-item-23 a, #nav ul li.page-item-27 a 
{
  padding-top: 7px;
  width: 95px;
}

#nav a:link, #nav a:active, #nav a:visited, #nav a:hover
{

  color: #ffffff;
  text-decoration: none;

}

#nav ul li:hover
{

  background-image: url(images/arrow.png);
  background-repeat: no-repeat;
  background-position: 50% bottom;

}

#nav ul li.current_page_item
{

  background-image: url(images/arrow.png);
  background-repeat: no-repeat;
  background-position: 50% bottom;

}

.button
{

  background-image: url(images/button_bg.png);
  background-repeat: no-repeat;
  background-position: right top;
  display: inline-block;
  height: 18px;
  padding: 5px 29px 0px 11px;
  color: #ffffff;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #444572;

}

a.button:link, a.button:active, a.button:visited, a.button:hover
{

  color: #ffffff;
  text-decoration: none;

}

.current_page_arrow
{

  position: absolute;
  top: 39px;

}


.activearrow
{

  position: absolute;
  top: 39px;

}

.plusicon h3
{

  background-image: url(images/plusicon.gif);
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 28px;
  display: block;
  height: 22px;
  width: auto;  

}

.minusicon h3
{

  background-image: url(images/minusicon.gif);
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 28px;
  display: block;  
  height: 22px;
  width: auto;

}

#subpage_left input[type=text], #subpage_left textarea
{

  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #808285;

}

#subpage_left input[type=submit]
{

  border: 0;
  height: 23px;
  padding-top: 3px;

}

.more_btn
{
 margin-bottom: 20px;
}

.textfield
{

  background-image: url(images/textfield.png);
  background-repeat: no-repeat;
  width: 312px;
  height: 30px;
  border: 0;
  padding: 6px 16px 0px 16px;
  font-size: 14px;
    font-weight: bold;
	color: #808285;
}

.textarea
{

  background-image: url(images/textarea.png);
  background-repeat: no-repeat;
  width: 310px;
  height: 103px;
  border: 0;
  padding: 6px 16px 0px 16px;

}

#si_contact_form1 textarea.textfield
{

  background-image: url(images/textarea.png);
  background-repeat: no-repeat;
  width: 310px;
  height: 103px;
  border: 0;
  padding: 6px 16px 0px 16px;


}

#si_contact_form1 label
{
 display: block;
 padding-bottom: 5px;
}

.dropdown_support .dropdownchild a
{
 color: #707070;
}

.back_btn p a
{
 color: #7877C1;
 font-family: QuicksandBold,arial,sans-serif;
 font-weight: bold;
 font-size: 16px;
}

.slide
{

  padding-top: 23px;  

}

.purplepanel
{

  position: relative;
  width: 207px;
  padding: 12px 13px 0px 9px;

}

.purplepanel h2
{

  font-size: 29px;
  font-family: QuicksandBold, arial, sans-serif;
  font-weight: normal;
  color: #ffffff;
  padding-bottom: 28px;

}

.purplepanel p
{

  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #ffffff;

}

.purplepanel p a
{

  position: absolute;
  top: 285px;
  left: 9px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 11px;
  font-family: QuicksandBook, arial, sans-serif;
  font-weight: normal;
  width: 200px;
  height: 23px;
  padding-top: 13px;
  background-image: url(images/more_info.gif);
  background-repeat: no-repeat;
  background-position: right top;
  text-decoration: none;

}

.logos {
	width:360px;
	float:right;
	margin-top:20px;
}
.logos-left-col, .logos-right-col {
	display:block;
	float:left;
	width:150px;
	margin-right:30px;
}
.logos img {
	display:block;
	margin-bottom:40px;
}

.clear {
	clear:both;
}

@font-face {
    font-family: 'HelveticaNeueMedium';
    src: url('helveneumed-webfont.eot');
    src: url('helveneumed-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveneumed-webfont.woff') format('woff'),
         url('helveneumed-webfont.ttf') format('truetype'),
         url('helveneumed-webfont.svg#HelveticaNeueMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBook';
    src: url('Quicksand_Book-webfont.eot');
    src: url('Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Book-webfont.woff') format('woff'),
         url('Quicksand_Book-webfont.ttf') format('truetype'),
         url('Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBold';
    src: url('Quicksand_Bold-webfont.eot');
    src: url('Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Bold-webfont.woff') format('woff'),
         url('Quicksand_Bold-webfont.ttf') format('truetype'),
         url('Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;

}