/* CSS Document */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }


body {
font-family:Trebuchet MS, Arial, Helvetica;
font-size:12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color:#000000;
background-color:#ffffff;
}

.bodyback {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
font-family:Trebuchet MS, Arial, Helvetica;
font-size:12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color:#000000;
background-color:#131314;
background-image:url(../images/background.gif);
background-repeat: repeat-x;
}

table {
font-family:Trebuchet MS, Arial, Helvetica;
font-size:12px;
color:#131314;
}

/* links */

a:link, a:visited, a:hover, a:active {
color: #131314;
font-family:Trebuchet MS, Arial, Helvetica;
font-size:12px;
}

a:link, a:visited {
text-decoration: underline;
}

a:hover, a:active {
text-decoration: none;
}

a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {
color: #131314;
font-family:Trebuchet MS, Arial, Helvetica;
font-size:14px;
text-transform:uppercase;
text-decoration: none;
font-weight:bold;
margin:0px 20px 0px 0px;
}

a.menu:link, a.menu:visited {

}

a.menu:hover, a.menu:active {

}


/* styles */

.homeback {
background-image:url(../images/homeback2.jpg);
background-repeat:no-repeat;
background-position:center top;
}

.topmenu {
background-image:url(../images/website-texas_01.gif);
background-repeat:no-repeat;
background-position:center top;
height:51px;
}

.logoarea {
background-image:url(../images/website-texas_02.gif);
background-repeat:no-repeat;
background-position:center top;
height:117px;
}

.talkwrap {
width:440px;
}

.bluearea {
background-image:url(../images/website-texas_03.gif);
background-repeat:no-repeat;
background-position:center top;
height:315px;
}

.girlsarea {
background-image:url(../images/website-texas_04.gif);
background-repeat:no-repeat;
background-position:center top;
height:187px;
}

.shadowsarea {
background-image:url(../images/website-texas_05.gif);
background-repeat:no-repeat;
background-position:center top;
height:36px;
}

.shadowtop {
background-color:#037bd5;
background-image:url(../images/background_web2.gif);
background-repeat: no-repeat;
background-position:center middle;
background-attachment:fixed;
overflow: auto;
width: 100%;
display:block;
}

.topcontent {
margin-top:20px;
width:998px;
margin-left: auto ;
margin-right: auto ;
border-top:8px solid white;
border-right:8px solid white;
border-left:8px solid white;
}

.setheight1 { 
height:432px;
}

.scrolloption {
overflow: auto;}

.toppadding {
padding-top:15px;
padding-bottom:65px;
}

.toppadding1 {
padding-top:12px;
}

.aligncenter {
text-align:center;
}

.sidepadding {
padding-right:25px;
padding-left:25px;
}

.whitetrans {
background-image:url(../images/whitetrans.png);
background-repeat:repeat;
}

.leftcol {
float: left;
width: 459px;
}
.rightcol {
margin-left: 539px;
vertical-align:top;
}

.tabnav {
}

.tabdiv {
}

.ui-tabs-hide {
display: none;
}
/*portfolio*/
ul#filter { float: left; font-size: 16px; list-style: none; margin-left:50px; padding-bottom:10px; width: 100%;  }
ul#filter li { 
	border-right: 1px solid #000;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #000; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #000; font-weight: bold; }

ul#portfolio { float: left; list-style: none; width: 910px;  margin-left: 50px; }
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 205px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }

.hidden{
	visibility: hidden;
	display: none;
}

/* text effects */

h1 {
font-family:Trebuchet MS, Arial, Helvetica;
font-size:14px;
padding:5px 0px 5px 0px;
color:#131314;
display:block;
}

h1.talk {
font-family:Trebuchet MS, Arial, Helvetica;
font-size:16pt;
color:#ffffff;
text-align:justify;
padding:2px 0px 2px 0px;
margin:2px 0px 2px 0px;
}

h1.hello {
font-family:Trebuchet MS, Arial, Helvetica;
font-size:36pt;
color:#000000;
display: compact;
text-transform:uppercase;
font-weight:bold;
padding:20px 0px 2px 0px;
margin:2px 0px 2px 0px;
}

h1.ready {
font-family:Trebuchet MS, Arial, Helvetica;
font-size:28pt;
color:#000000;
display: compact;
text-transform:uppercase;
font-weight:bold;
padding:2px 0px 2px 0px;
margin:2px 0px 2px 0px;
}

h2.phone {
font-family:Trebuchet MS, Arial, Helvetica;
font-size:34px;
padding:0px 5px 0px 0px;
color:#131314;
display: inline;
letter-spacing:5px;
}

h1.titlebox {
font-family:Trebuchet MS, Arial, Helvetica;
font-size:16pt;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-transform:uppercase;
}

.titleboxorange {
color:#fa7d0e;
}

.titleboxblue {
color:#3b90b7;
}

.white {
color:#FFFFFF;
}

.justify {
text-align:justify;
}

.bold {
font-weight:bold;
}

.margins {
padding:0px 10px 0px 10px;}

.upper {text-transform: uppercase;}

.tinytext {
font-size:8px;}



/*images*/

img.left {
float:left;
margin:3px 3px 3px 3px;
padding:3px 3px 3px 3px;
}

img.right {
float:right;
margin:3px 3px 3px 3px;
padding:3px 3px 3px 3px;
}


.bordergrey {
margin:3px 3px 3px 3px;
padding:3px 3px 3px 3px;
border:1px solid #c0c0c0;
}


/* class for mouseover photo preview*/

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	

.lavaLampBottomStyle {
position: relative;
height: 29px;
width: 550px;
padding: 15px;
margin: 0 10px 0;
overflow: hidden;
}
.lavaLampBottomStyle li {
float: left;
list-style: none;
}
.lavaLampBottomStyle li.back {
border-bottom: 5px solid #000;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampBottomStyle li a {
font: bold 14px;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
border: none;
}                   
			      			
/* Styles for jQuery Label Effect. */
.labelEffect-orig, .labelEffect-highlight, .labelEffect-shadow {
position: absolute;
width: 100%; 
height: 100%;
}       

/*--------------------------------------------
Banner Content
------------------------------------*/
#banner #title { background: transparent url(../images/we_make.png) no-repeat; height: 30px; width: 383px; margin: 0 auto; margin-top: 26px; }
#banner #title SPAN { display: none; }
/*----------------------------------------
SLIDER
* ---------------------------------------
image replacement*/
.graphic, #prevBtn, #nextBtn { margin: 0; padding: 0; display: block; overflow: hidden; text-indent: -8000px; }
/*// image replacement
Easy Slider*/
#slide { position:relative; background: url(../images/sliderContainer-trans.png) no-repeat top center; width: 431px; height: 266px; margin-top: 26px; float:left; }
.badge { position:absolute; left:7px; top:6px; z-index:999; }
#slider { margin-top: 20px; margin-left: 24px; }
#slider UL, #slider LI { margin: 0; padding: 0; list-style: none; }
#slider LI { /*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ width: 388px; height: 206px; overflow: hidden; }
#prevBtn, #nextBtn { display: block; width: 28px; height: 37px; position: absolute; left: -21px; top: 115px; }
#nextBtn { left: 424px; }
#prevBtn A, #nextBtn A { display: block; width: 28px; height: 37px; background: url(../images/btn_prev-trans.png) no-repeat 0 0; }
#nextBtn A { background: url(../images/btn_next-trans.png) no-repeat 0 0; }
#description { display:block; float:right; width:480px; padding-top:56px; margin-right:-20px; }
#description h1 { text-transform:uppercase; font-weight:bold; font-size:3.4em; margin-bottom:0; }
#description h2 { text-transform:uppercase; font-size:29px; margin-bottom:0; }
#description p { font-size:2.4em; color:#fff; text-shadow:1px 1px 4px #000000; }
/*// Easy Slider */









#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#cccccc;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:725px;
  height:520px;
  display:none;
  z-index:9999;
  padding:5px;
  cursor:pointer;
}
 
#boxes .dialog {
  width:725px; 
  height:520px;
  padding:10px;
  background-color:#fff;
}



/* Contact Form */

.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset { -moz-border-radius: 7px; padding-left: 20px; margin: 5px; border: 1px #dddddd solid; }

.info_fieldset legend
{

font-family:Trebuchet MS, Arial, Helvetica;
font-size:14px;
color:#000000;
padding: 2px 5px 2px 5px;
}

.button
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background: white;

font-family:Trebuchet MS, Arial, Helvetica;
font-size:11px;
color:#000000;

-moz-border-radius: 3px;
}

/* Label */
label  { width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left; }

/* Input, Textarea */
input, textarea, select
{
margin: 5px;
padding: 0px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

font-family:Trebuchet MS, Arial, Helvetica;
font-size:11px;
color:#000000;

-moz-border-radius: 3px;
}

optgroup {
background-color:#CCCCCC;
}

/* BR */

br { clear: left; }
 