/*
Description: Bound Creative
Version: 1.0
Author: Noah Halter
Author URI: www.madebybound.com
*/

/*RESET
-----------------------------------------------------------*/
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,p,
blockquote {margin:0; padding:0; }
a img {border:none;}
ul,ol { list-style:none; }
.clear {clear:both;}
:focus {outline: 0;}
a {text-decoration:none; color:#000}
a:hover {text-decoration: none;}
/*---------------------------------------------------------*/


/*WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body{border:0; margin:0 auto; padding:0; background: #fff;}
body{background: #fff; font-family: Arial, Helvetica, sans-serif; position:relative;}
h2{margin-top:30px; font-size: 16px; color:#000;}
h3{margin-top:20px; text-transform:uppercase;font-size: 14px;color:#000;}
h3.contact{margin-top:35px; text-transform:uppercase;font-size: 14px;color:#fff;}
h4{color:#004D71;}
h5{margin-top:0px; font-style:italic;color:#9f9f9f;font-size: 12px;}
h6{margin-top:10px;color:#ec008c; font-size:22px;}
p{margin-top: 25px;}
#header, #navigation, #showcase, #aboutContent, #workContent, #contactContent, #clientContent, #clientBiotran, #masthead, #main, #footer {margin: auto; width: 960px;}
strong{color:#666;}
/*---------------------------------------------------------*/


/*STRUCTURE HOME
-----------------------------------------------------------*/
#wrapHeader{float:left; width:100%; height:117px; background: #fff;}
#header{}
#navigation{}
#wrapNavigation{float: right; margin-right: 20px; width: 100%; margin-top: 50px;}
#wrapMasthead{float:left; width:100%; height: 200px; background:#FFF;}
#masthead{height: 200px; background: url(../images/mastheadbg.jpg);}
#learnMore{float:right; margin-top:260px; margin-right: 60px; height: 24px; width: 88px;}
a.rollover {background: url(images/learnmore.png) repeat 0px 0px; width: 88px; height: 24px; display: block;}
a.rollover span {display: none;}
a.rollover:hover {background: url(images/learnmore.png) repeat 0px -24px;}
#wrapShowcase{float:left; width:100%; height:250px; background:#fff;}
#showcase{height: 310px;}
#wrapMain{float:left; width:100%;  background: #fff;}
#main{height: 350px;}
#main p {margin-top:10px;}
#wrapFooter{float:left; width:100%; height:50px; background:#fff;}
#footer{height: 50px;}
/*---------------------------------------------------------*/


/*STRUCTURE ABOUT
-----------------------------------------------------------*/
#wrapMasthead.about{float:left; width:100%; height: 150px; background:#fff; margin-left:auto;}
#wrapAbout{float:left; width:100%; height:950px; background:#fff;}
#wrapAbout img.bio{border: 5px solid #3d3d3d; }
#aboutContent{height:900px;}
#aboutContent a{color:#f70093; font-weight:bold; border-bottom:1px dotted #f70093;}
#aboutContent a:hover{color: #fff; text-decoration: none; background: #000;}
#aboutText{margin-top:10px; width: 500px; font-size:12px; color:#5f5f5f; line-height:18px;}
#aboutText strong{color:#fff;}
#aboutText ul{float:left; font-size: 12px; color:#5f5f5f;}
#aboutText li{line-height:20px; border-bottom:1px dotted #5f5f5f; padding:10px 0px 10px 0px;}
#aboutText span{font-size:13px; font-weight:bold; color:#24d1e2;}
p.reasonsHeader{margin-top:-80px; font-size: 14px; height: 0px; font-weight: bold; color: #000; text-transform: uppercase; padding:15px;}
#process{background:#eaeaea url(../images/servicesbg.png) center; height: 250px; margin-top:315px;}
#process p{margin-top:25px;}
#process p.services{margin-top:10px;}
#branding{float:left; width:325px;margin-top:40px;}
#web{float:left; width:305px;margin-top:40px;}
#print{float:left; width:300px;margin-top:40px;}
#process span{margin-left: 100px; font-size:14px; font-weight:bold; text-transform: uppercase; color:#fff;}
#process ul{margin-left: 100px; float:left; font-size: 12px; color:#727272; list-style:square inside; }
#process li{line-height:28px; color:#5f5f5f;}
#reasons{margin-top: 15px; width: 400px; height: 300px; float:right;}
#reasons em{color:#000; font-size: 12px;}
#reasons strong{color: #000;}
#reasons span{font-size:13px; font-weight:bold; color:#444444;}
p.reasonsText{color:#5f5f5f; font-size: 12px; font:Verdana; line-height:22px; display: block; margin-top: 20px;}
#reasons p.gen{color:#5f5f5f; font-size: 12px; font:Verdana; line-height:22px; display: block;}
/*---------------------------------------------------------*/


/*STRUCTURE WORK
-----------------------------------------------------------*/
#wrapWork{float:left; width:100%; height:1200px; background:#fff;}
#workContent{height:900px;}
#workContent h4{font-size: 14px; margin-top:0px; color:#000;}
#workContent p{font-size: 12px; margin-top: 5px; color:#9f9f9f;}
ul#ourWork {width: 960px; margin: 0 0 0 -20px; padding: 0; list-style: none; overflow: hidden;}
ul#ourWork li {display: inline; float: left; width: 205px; margin-left: 20px; font-size: 1em; margin-top: 35px;}
ul#ourWork li img { margin-bottom: 9px;}
#ourWork img{border: 1px solid #3d3d3d; }
#workContent a{color:#f70093; font-weight:bold; border-bottom:1px dotted #f70093;}
#workContent a:hover{color: #2dcedb; text-decoration: none;}
#workText{margin-top:10px; width: 500px; font-size:12px; color:#353535; line-height:18px;}
p.workDesc{color:#000; font-size: 12px; font:Verdana; line-height:18px; display: block; margin-top: 10px; width: 400px;}
#work span{font-size:20px; font-weight:bold; color:#000;}
#work p.services{font-size:10px; color:#486b9f; line-height:18px; display: block; margin-top: 5px; width: 500px; text-transform: uppercase;}
#clients{height: 350px; margin-top:75px;}
#clients p{margin-top:25px;}
#clients p.row{margin-top:10px;}
#row1{float:left; width:240px;}
#row2{float:left; width:240px;}
#row3{float:left; width:240px;}
#row4{float:left; width:240px;}
#clients span{font-size:14px; font-weight:bold; text-transform: uppercase; color:#fff;}
#clients ul{float:left; font-size: 12px; color:#727272; list-style:square inside; }
#clients li{line-height:28px;}
/*---------------------------------------------------------*/


/*STRUCTURE CLIENT
-----------------------------------------------------------*/
#wrapClient{float:left; width:100%; height:650px; background:#000;}
#clientContent {height: 700px;}
#wrapBiotran{float:left; width:100%; height:1600px; background:#000;}
#clientBiotran{height: 1600px;}
#clientBiotran h3{margin-top:35px; text-transform:uppercase;font-size: 24px;color:#fff;}
#clientBiotran span {color: #9d9d9d; font-size: 12px; font-weight: bold;}
#clientBiotran a{color:#f70093; font-weight:bold; border-bottom:1px dotted #f70093;}
#clientBiotran a:hover{color: #2dcedb; text-decoration: none;}
#clientContent h3{margin-top:35px; text-transform:uppercase;font-size: 24px;color:#fff;}
#clientContent span {color: #9d9d9d; font-size: 12px; font-weight: bold;}
#clientContent a{color:#f70093; font-weight:bold; border-bottom:1px dotted #f70093;}
#clientContent a:hover{color: #2dcedb; text-decoration: none;}
/*---------------------------------------------------------*/


/*STRUCTURE CONTACT
-----------------------------------------------------------*/
#wrapContact{float:left; width:100%; height:600px; background:#000;}
#contactContent{height:600px;}
#contactContent a{color:#f70093; font-weight:bold; border-bottom:1px dotted #f70093;}
#contactContent a:hover{color: #2dcedb; text-decoration: none;}
#contactContent p{margin-top: 10px;}
#contactInfo{float:left; width: 300px; font-size:12px; color:#353535; line-height:18px;}
#contactInfo strong{color: #fff;}
p.contactDesc{font-size:12px; color:#9f9f9f; line-height:18px; display: block; margin-top: 10px;  width: 250px;}
#contactStuff{margin-top: 25px; float:left;}
#contactStuff p{padding:7px;}
#contactStuff h3{margin-top:10px; margin-left:170px;text-transform:uppercase; font-size: 14px;color:#000;}
#contactStuff span{font-size:9px; font-weight:bold; color:#24d1e2;}
label.error{font-weight:normal;color:red;text-align:left;width:140px; font-size:8px;}
label { float:left;  font-weight: bold; margin-right:0.5em; display:block;color:#373737; font-size: 11px; font:Verdana; line-height:24px;}
label#messageLabel{}

input#name{float:left;}
label#name_error{position:absolute; top:380px; left:1000px;}
input#email{float:left;}
input#phone{float:left;}
input#company{float:left;}
textarea#message{background: #f5f5f5; border: 1px dotted #c1c1c1; width:470px; height: 150px; color:#000; font-style:Verdana; size: 11px; line-height:18px;}
fieldset{border:1px solid #c1c1c1; width:20em;}
legend{color:#000;}
.submit input{margin-left:13em;}
/*---------------------------------------------------------*/


/*NAVIGATION
-----------------------------------------------------------*/
#navigation ul{float:right; font-size: 14px; margin-left: 50px; font-weight: bold; text-transform:uppercase;}
#navigation li{display: inline; padding-right: 27px;}
#navigation li a{color:#9A53A1;}
#navigation li a:hover{color: #999; text-decoration: none;}
#navigation a.selected{color:#000;}
/*---------------------------------------------------------*/


/*HEADER
-----------------------------------------------------------*/
#header h1{float:left; background:url(../images/Logo-The%20Land.jpg)no-repeat; width: 250px; height: 80px; position: absolute; top:35px;}
/*---------------------------------------------------------*/


/*MASTHEAD
-----------------------------------------------------------*/
p.mastheadText{width:445px; margin-top:120px; text-align:left; float:right; color:#c4c4c4; font:normal 14px Arial, Helvetica, Sans-serif; line-height:20px;}
p.mastheadButton{width:0px; margin-top:275px; margin-right:50px; float:right;}
/*---------------------------------------------------------*/


/*SHOWCASE
-----------------------------------------------------------*/
#showcaseText{margin-top:15px; width: 350px; font-size:13px; color:#353535; line-height:18px;}
#showcaseImg{margin-top:0px; width: 565px; float:right;}
#readmoreButton{margin-top:20px;}
#readmoreButton a{height: 24px; width: 90px; background: url(images/readmore.png) no-repeat top left; display: block;}
#readmoreButton a:hover {background: url(images/readmoreOn.png) no-repeat bottom left;}
/*---------------------------------------------------------*/


/*MAIN
-----------------------------------------------------------*/
#homeAbout{float:left; width:350px;}
#homeAbout a{color:#9A53A1; font-weight: bold; border-bottom:1px dotted #9A53A1;}
#homeAbout a:hover{color: #fff; text-decoration: none; background: #212121;}
#homeContact{float:left; width:320px;}
#homeContactOur{float:left; width:900px;}
#homeConta{float:left; width:630px;}
#homeConta-left{float:left; width:320px; margin-top:25px; margin-left:10px;}
#homeConta-left a{color:#9A53A1; font-weight: bold; border-bottom:1px dotted #9A53A1;}
#homeConta-left a:hover{color: #fff; text-decoration: none; background: #000;}
#homeTestimonial{float:left; width:280px;}
#homeContact a{color:#9A53A1; font-weight: bold; border-bottom:1px dotted #9A53A1;}
#homeContact a:hover{color: #fff; text-decoration: none; background: #000;}
#homeContactOur a{color:#9A53A1; font-weight: bold; border-bottom:1px dotted #9A53A1;}
#homeContactOur a:hover{color: #fff; text-decoration: none; background: #000;}
p.iconText{color: #000; font-size:16px; font-weight:bold;}
p.iconText img{margin: 0px 10px -7px 0;}
p.testimonial{color:#e4e4e4; font-size: 13px; font:Verdana; padding:18px; line-height:22px; display: block;}
p.testimonialName{color:#191919; font-size:13px; width:270px; line-height:18px; margin-top:0px;}
p.homeAboutText{color:#5f5f5f; font-size:12px; width:270px; line-height:18px; margin-top:10px;}
p.homeContactText{color:#5f5f5f; font-size:12px; width:270px; line-height:18px; margin-top:10px;}
.homeContactTextOur{margin-left:0px;}
p.homeContactTextOur{color:#5f5f5f; font-size:12px; width:900px; line-height:18px; margin-top:10px; margin-left:10px;}
#testimonialText{ background-image:url(../images/testimonialsbg.gif); height:201px; width: 280px; margin-top: 10px;}
#testimonialText span{color:#9A53A1; font-weight:bold;}
#testimonialText a{color:#9A53A1; border-bottom:1px dotted #9A53A1;}
#testimonialText a:hover{color: #fff; text-decoration: none; background: #000;}
/*---------------------------------------------------------*/


/*FOOTER
-----------------------------------------------------------*/
#copyright{float:center; text-align: center;}
p.copyrightText{color:#565656; font-size: 11px; padding:0px; line-height:10px; display: block;}
#footer a{color:#9A53A1; border-bottom:1px dotted #9A53A1;}
#footer a:hover{color: #999; text-decoration: none;}
#footerLogo{float:left; margin-top:25px;}
/*-----------------------------------------------------------*/



#slider1 {
    width:960px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:auto;
}

#slider1Content {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin:auto;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
	margin:auto;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 100px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
/*.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}*/
ul { list-style-type: none;}


/*Formulary Contact*/

input{background: #f5f5f5; border: 1px dotted #d9d7d7; width: 350px; height: 20px;}

input, textarea, select {
color:#9A53A1;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:normal;
}

input, textarea, select {
color:#9A53A1;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:normal;
}

#contactpageleft{
float:left;
margin-left:5px;
margin-top:0px;
width:450px;
}

#contactpageleft .label {
color:#333;
float:left;
font-size:0.9em;
margin-top:11px;
padding:3px;
text-align:left;
width:80px;
}

#contactpageleft .field {
float:left;
margin-top:11px;
width:auto;
}

#contactpageleft .field input, #contactpageleft .field textarea {
border:1px solid #687D90;
}

#contactpageleft .field textarea {
height:190px;
width:350px;
}

#contactpageleft .field signupbutton-contact {
float:left;
height:25px;
width:78px;
margin-top:8px;
margin-left:-15px;
}

#contactpageleft #signupbutton-contact {
background:#9A53A1 url(../images/bg_button.png) repeat-x scroll 0 0;
cursor:pointer;
display:inline-block;
font-size:12px;
height:32px;
line-height:0;
width:112px;
border:2px solid #9A53A1;
color:#FFFFFF;
}

#contactpageleftcontainer p {
color:#333;
font-size:11px;
line-height:1.5em;
margin-top:22px;
font-family:Arial,Helvetica,Geneva,sans-serif;
}


#contactpageright {
float:left;
margin-top:40px;
margin-left:10px;
width:370px;
}

#contactpageright .cprdata {
color:#333;
font-size:11px;
line-height:1.5em;
margin-bottom:22px;
margin-top:11px;
font-family:Arial,Helvetica,Geneva,sans-serif;
}

#thank-you{
color:#333333;
width:100%;
height:110px;
margin-left:40px;
margin-top:15px;
}

main_content {
width:630px;
}

.main {
display:inline;
float:left;
margin:20px 0 0 15px;
width:630px;
}

.secondary_image {
border:8px solid #CDCCBA;
margin:0;
}

.main main_content ul{
padding-bottom:50px;
}

#featured {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin:0 0 31px;
overflow:hidden;
width:630px;
}

#featured1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
overflow:hidden;
width:320px;
}

#featured .featured-1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/image_welcome.jpg) no-repeat scroll 14px 12px;
padding-top:10px;
}

#featured .featured-2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/image_welcome.jpg) no-repeat scroll 14px 12px;
padding-top:10px;

}

#featured .featured-3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/image_welcome.jpg) no-repeat scroll 14px 12px;
padding-top:10px;
}

#featured1 .featured-10 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding-top:10px;
height:150px;
}

#featured1 .featured-11 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding-top:10px;
height:150px;
}

#featured1 .featured-12 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding-top:10px;
height:150px;
}

#homeConta-left p.dates {
font-size:.8em;
margin:5px 0 10px;
}

#top {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/top_bg.png) repeat-x scroll 0 0;
height:34px;
width:100%;
}

.clearfix {
display:inline-block;
}

#wrapHeader ul#navright {
display:inline;
float:right;
}
#navright {
margin-top:-34px;
}

#wrapHeader ul#navright li {
display:inline;
float:right;
}

#wrapHeader #navright a, #wrapHeader #navright a .hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/top_right.gif) no-repeat scroll 0 0;
display:block;
height:25px;
position:relative;
}

#wrapHeader #navright a#nav_contact {
background-position:-0px 0;
width:150px;
}

#wrapHeader ul#navright- {
display:inline;
float:right;
}
#navright- {
margin-top:-38px;
}

#wrapHeader ul#navright- li {
display:inline;
float:right;
}

#wrapHeader #navright- a, #wrapHeader #navright- a .hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/top_right-en.gif) no-repeat scroll 0 0;
display:block;
height:25px;
position:relative;
}

#wrapHeader #navright- a#nav_contact {
background-position:-0px 0;
width:150px;
}