body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Page reset */
	margin:0px;
	padding:0px;
}
html { -webkit-font-smoothing: antialiased; }
body{
	/* Setting default text color, background and a font stack */
	color:#111111;
	background-color:ffffff;
	font-size:12px;
  font-family: Arial, sans-serif; 
  font-weight: 300;
}
#container {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	padding-left: 0px;
}
a { color:#111111; }
.clear { float:none; clear:both; height:0px; line-height:0px; font-size:0px; }

/* homepage - classes to work with jquery cycle plugin for background images */
#bg_containers {width:960px; margin:0;}
#bg_containers div {width:960px; height:700px; margin:0 auto;}
#bg_containers .bg1 {background:url(images/homenew1.jpg) no-repeat;}
#bg_containers .bg2 {background:url(images/homenew2.jpg) no-repeat;}
#bg_containers .bg3 {background:url(images/homenew3.jpg) no-repeat;}
#bg_containers .bg4 {background:url(images/homenew4.jpg) no-repeat;}

#pf_containers {width:960px; height:563px; margin:0; }

#homecontent {position:relative; left:47px; top:-153px; width:380px; margin:0; z-index:999; }
.homebutton { background-color: #d5e4e5; width: 111px; height: 111px; margin-right:10px; float:left; color:#639a9e; font-size:12px; font-family:Arial, sans-serif; }
a.fill-div { display: block; height: 100%; width: 100%; text-decoration: none; }
.homebutton a { color:#90b6b9; font-size:14px; }
.buttontext { padding: 46px 10px 0px 0px; text-align:right; }

#header { width:100%; height:137px; background-color:#ffffff; }
#logocontainer { width:290px; height:137px; float:left; }
#logo { margin: 47px 0px 0px 70px; }
#menucontainer { float:right; padding: 108px 75px 0px 0px; text-align: right; }
#menu { color: #90b6b9; text-align: right; font-size:13px; font-family:Arial, sans-serif; }
#menu ul li { color: #90b6b9; float: left; list-style-type: none; display: block; padding-left: 64px; }
#menu ul li a:hover { text-decoration: underline; }
#menu ul li a { color: #90b6b9; text-decoration: none; }
#about { background:url(/images/about-page-image.jpg) no-repeat; width:960px; height:563px; }
#aboutcontent { position:relative; top: 65px; left: 70px; width:400px; }
#abouttext { width:304px; margin-top:36px; font-size:12px; line-height:17px; font-family:Arial, sans-serif; color:#000000; }
#abouttextsmall { width:284px; margin-top:30px; font-size:11px; line-height:16px; font-family:Arial, sans-serif; color:#000000; }
#abouttexttop { width:250px; }
#portfolio { width:960px; height:563px; }
#contact { width:960px; height:563px; background-image:url(/images/contact.jpg); background-repeat:no-repeat; background-position: 701px 0px; }
#contactcontent3 { position:relative; top: 60px; left: 480px; width:224px; font-size:12px; line-height:19px; color:#888888; font-family:Arial, sans-serif; }
#contacttext a { color:#888888; text-decoration:none; }
#contacttext a:hover { text-decoration:underline; }
.contactsmall { font-size:9px; line-height:10px; }
#social { margin: 26px 0px 20px 0px; }
.bold { font-weight:bold; }
#footer { text-align:center; font-size:11px; margin-top:10px; color:#888888; }


/*modify these values to change the size of the stage or the thumbs */
.pikachoose-whiteout{
    position:relative;
    width:810px;
    height:500px;
    top:20px;
		left: -2px;
    margin:0 auto;
		border:0px solid #0000ff; }

.pika-stage{
    width:790px;
    height:380px;
		overflow:hidden;}

.pika-thumbs li{
    width: 114px;
    height:55px;}

.pika-stage{
    padding:10px;}

.pika-stage .pika-aniwrap{
    position: absolute;
    top: 10px;
    left: 0px;
    z-index:9;}

.pika-stage, .pika-thumbs li, .pika-stage .caption{
    position: relative;}

.pika-stage { border:1px solid #90b6b9; }

.pika-thumbs li{}

.pika-stage .caption {
    font-family: Rokkitt;
    position: absolute;
    bottom: 18px;
    right: 18px;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.7);
    width: 250px;
    height: 31px;
    padding: 7px;}

.pika-stage .caption a{
    color:black;}

.pika-imgnav{display:none;}

.pika-imgnav a{
    position: absolute;
    text-indent: -5000px;
    height: 65px;
    width: 55px;
    display: block;
    z-index:11;
    background:url(controls.png) 0 0 no-repeat;
    cursor:pointer;
    top:10px;
    right:28px;}

.pika-imgnav .next, .pika-imgnav .previous{
    top:160px;
    background-position: 0 -160px;}

.pika-imgnav .previous{
    left:13px;
    background-position: 0 -80px;}

.pika-imgnav .play{
   background-position:0 -240px;}



.pika-thumbs li{
    float:left;
    list-style: none;
    overflow:hidden;
    margin:3px 5px;
    padding:4px 8px;}

.pika-thumbs li .clip{
    position:relative;
    height:100%;
    overflow: hidden;}

.pika-textnav{display:none;}
.pika-counter{display:none;}



.jcarousel-clip-horizontal{
    width:704px;
    overflow:hidden;
    left:52px;
		border:0px solid #00ff00;}

.jcarousel-container{
    position:relative;
    width:810px;
    padding-top:8px;
    height:80px;
    z-index:10;
    overflow:hidden;
    top:10px;
    left:0px;
		border:0px solid #ff0000;}

.jcarousel-prev,.jcarousel-next{
    width:35px;
    height:54px;
    background:url(/images/controls2.png) top left no-repeat;
    display:block;
    position:absolute;
    right:5px;
    top:20px;
    cursor:pointer;}

.jcarousel-prev:hover, .jcarousel-next:hover{}

.jcarousel-prev-disabled:hover, .jcarousel-next-disabled:hover, .jcarousel-next-disabled, .jcarousel-prev-disabled{}

.jcarousel-next{
    background-position: -32px -307px;}

.jcarousel-prev{
    background-position: 0 -307px;
    left:5px;}