/*   
Theme Name: Dallas Design Group
Theme URI: http://www.talkbackmedia.com
Description: Theme for Dallas Design group
Author: Kyle Phelps
Author URI: http://www.talkbackmedia.com
Version: 1
*/


/* Reset */
* { margin: 0; padding: 0; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

div, p, ul, img{padding:0px; margin:0px; border:none;}
ul{list-style-type:none;}
a { outline:none;  text-decoration:underline; padding:0; margin:0; color:#000000;}
a:hover { outline:none;  text-decoration:none; padding:0; margin:0; color:#FFFFFF;}

a img { border:none;} 

/* End */


/* Global Type */
h1 {color:#FFFFFF; background-image:url(images/bottomline.gif); background-position:bottom; background-repeat:repeat-x; font-size:16px; font-weight:100; margin-bottom:25px; padding-bottom:5px; letter-spacing:.1em;  }
h2 {color:#FFFFFF; background-image:url(images/bottomline.gif); background-position:bottom; background-repeat:repeat-x; font-size:16px; font-weight:100; margin:15px 0 15px 0; padding-bottom:5px; letter-spacing:.1em; }
h3 {font-size:23px; color:#565759;  padding-bottom:10px; }
h4 {font-size:14px; padding-bottom:5px; margin-bottom:5px;}
h4.contactwords {font-size:14px; padding-bottom:5px; margin-bottom:5px;  background-image:url(images/contactbottom.gif); background-position:bottom; background-repeat:repeat-x;}

h6 { padding-bottom:5px; margin-bottom:5px;}

p {margin:10px 0 10px 0;}

/* End */


/* Global classes */
.fleft {float:left;}

.fright {float:right;}
.imgfixright {margin:0 0 5px 10px; float:right;}
.imgfixleft {margin:0 10px 5px 0; float:left;}

.headfix {margin:25px 30px 0 30px;}
.picborder {border:6px solid #cfd1d4;}
.margfixpic {margin-bottom:20px;}
.margifixgallery {margin-left:80px;}

.aboutmargfix {margin-bottom:40px;}

/* END */


#headwrap {background-image:url(images/headerbackground.png); background-repeat:repeat-x; background-position:bottom; background-color:transparent; height:110px; width:100%; margin:0px auto; position:relative; z-index:300;   }



#header {width:960px; margin:0px auto; padding:0 10px 0 10px; overflow:auto; }

a.logo {float:left; margin-top:5px;}
a.logo:hover { margin-top:5px;}

ul#nav {float:right; margin-top:36px; }
ul#nav li {float:left; }
ul#nav li a {color:#ffffff; padding:6px 7px 7px 10px; display:block; text-decoration:none; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
ul#nav li a:hover {padding:5px 6px 6px 9px; color:#ffffff;  display:block; border-left:#000000 solid 1px; border-top:#000000 solid 1px; border-right:#9a9b9c solid 1px; border-bottom:#9a9b9c solid 1px; background-image:url(images/selectedbackground.gif); background-repeat:repeat-x; color:#FFFFFF; text-decoration:none;  }
ul#nav li.current_page_item a {padding:5px 6px 6px 9px; color:#ffffff; display:block; border-left:#000000 solid 1px; border-top:#000000 solid 1px; border-right:#9a9b9c solid 1px; border-bottom:#9a9b9c solid 1px; background-image:url(images/selectedbackground.gif); background-repeat:repeat-x; color:#FFFFFF; text-decoration:none; }
				

		
		
			body {
			background-color:#000000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
						line-height:1.4em;

		}
		
		#footwrap{
			margin:0px auto;
			height:135px;
			width:100%;
		background-image:url(images/footerbackground.png); background-repeat:repeat-x; background-position:top;
	
	position:relative;

	
	margin-top:-10px;
		}
		
		
		
			#bottomfootwrap{
			margin-top:-10px;
		
			width:100%;
		background-image:url(images/bottomfooterbkgd.jpg); background-repeat:repeat-x; background-position:top;
	
	position:relative;

	height:40px;
	
		}
		
				#bottomfoot{
			padding:0 10px 0 10px;
		
		
			z-index: 3;
			width:960px;
			margin:0px auto 0px auto;
	overflow:hidden;
	
		}
		
		
		#footer{
			
			padding:15px 10px 0 10px;
		
			text-align:left;
			z-index: 3;
			width:960px;
			margin:0px auto 0px auto;
			
		overflow:hidden;
		}
		
		
		.footcolleft {width:29%;  float:left; text-align:center; margin-top:36px; }
		#footer h5 { font-family:"Times New Roman", Times, serif; font-weight:100; letter-spacing:.32em; text-align:center; font-size:11px; margin-bottom:5px; }
		.footcolright h5 {line-height:1.2em; }

		.footcolleft span {padding-top:10px;}
		.footcolright {width:31%;  float:left; text-align:center; margin-top:29px; line-height:1.2em; }

		.footmiddle {width:39%; float:left; margin:10px 0 0 9px;}
		.footmiddle ul {margin:17px 40px 0 0; text-indent:-999999px;}
		.footmiddle ul li {width:56px; height:56px; float:right; margin:0 5px 0 5px; background-repeat:no-repeat; }
		.footmiddle ul li.best2010 {background-image:url(images/dhomebest2010.png);}
		.footmiddle ul li.best2009 {background-image:url(images/dhomebest2009.png);}
		.footmiddle ul li.best2008 {background-image:url(images/dhomebest2008.png);}
		.footmiddle ul li.best2007 {background-image:url(images/dhomebest2007.png);}
		.footmiddle ul li.best2006 {background-image:url(images/dhomebest2006.png);}
		
		.tbminfo {font-size:8px!important; text-align:left; padding:5px 0 0 0; font-family: Arial, Helvetica, sans-serif; letter-spacing:0em; color:#FFFFFF; width:330px; float:left;}
		
ul.socialsmall   { overflow:hidden; float:right; margin-top:11px;}

ul.socialsmall  li { float:right; width:20px; height:20px; margin-right:3px;}

a.twittersm {display:block; width:20px; height:20px; background-image:url(images/twitter_20.png);  background-repeat:no-repeat; text-indent:-9999px; float:left; margin-right:5px;}
a.facebooksm {display: block; width:20px; height:20px; background-image:url(images/facebook_20.png); background-repeat:no-repeat; text-indent:-9999px; float:left; margin-right:5px;}
a.linkedinsm { display:block; width:20px; height:20px; background-image:url(images/linkedin_20.png); background-repeat:no-repeat; text-indent:-9999px; float:left;  margin-right:5px;}
		
		
			/*Opening Page*/
	
			#footwrapopen{
			margin:0px auto;
			height:95px;
			width:100%;
			position:absolute;
			bottom:0;
			z-index:5;
		background-image:url(images/footerbackground.png); background-repeat:repeat-x; background-position:top;
		padding-bottom:5px;
		
		}
		
		#headwrapopen {background-image:url(images/headerbackground.png); background-repeat:repeat-x; background-position:bottom; background-color:transparent; height:110px; position:absolute; top:-1;  z-index:4; width:100%; margin:0px auto; }
		
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		

	#contentwrap {width:960px; padding:0 10px 0 10px; background-color:#a7a9ac; margin:-9px auto 0 auto; overflow:hidden; }

/* About us */
 .leftcol{width:550px; padding:25px 30px 0 30px; float:left;}
 .sidebar {width:298px; float:left; background-image:url(images/sidebargrad.png); background-position:left; background-repeat:repeat-y; padding:25px 15px 25px 25px;  position:relative; top:0px; overflow:auto; }



.sidebar h4 {background-image:url(images/bioborder.gif); background-position:bottom; background-repeat:repeat-x;  }
.sidebar h6 { letter-spacing:.1em; font-size:8.5px; letter-spacing:.05em;}


.leftbio {float:left; }
.rightbio {float:right; }
.sidebar ul {overflow:hidden;}
.sidebar ul li {overflow:hidden;}
 .sidebar ul li.leftbio img {border:4px solid #ffffff; float:left;}
  .sidebar ul li.rightbio img {border:4px solid #ffffff; float:right;}


.sidebar ul li {position:relative; display:block; width:100%; margin:5px 0 5px 0;}


.sidebar ul li.leftbio span {  float:left; margin-left:10px; position:relative; top:30px;}
.sidebar ul li.rightbio span {  float:right; margin-right:10px; position:relative; top:30px;}


.sidebar ul li.leftbio:last-child span {  float:left; margin-left:10px; position:relative; top:30px;}



.biobtn {color:#FFFFFF; font-size:7.5px; background-image:url(images/button.png); width:42px; height:20px; background-repeat:no-repeat; background-position:center; display:block; padding:6px 0 3px 6px; background-color:transparent; border:none; float:left; text-decoration:none;}

.biobtn:hover {color:#a7a9ac;  display:block; width:42px; height:20px; padding:6px 0 3px 6px;}


a.linkenbio {background-image:url(images/linkedin-logo-square2-webtreatsetc.png); background-position:center; display:block; width:40px; height:41px; text-indent:-9999px; margin-top:10px;}
a.linkenbio:hover {background-image:url(images/linkedin-logo-square2-webtreatsetc.png); background-position:center; display:block; width:40px; height:41px; text-indent:-9999px; margin-top:10px;}




a.linkenbiofix {background-image:url(images/linkedin-logo-square2-webtreatsetc.png); background-position:center; display:block; width:40px; height:41px; text-indent:-9999px; margin:10px 0 0 212px;}
a.linkenbiofix:hover {background-image:url(images/linkedin-logo-square2-webtreatsetc.png); background-position:center; display:block; width:40px; height:41px; text-indent:-9999px; margin:10px 0 0 212px;}





/* About us - Profile */

.profilereplace {}


.fixnamelt {margin-right:70px;}
.fixnamert {margin-left:50px;}

strong.contactblurb {background-color:#7f7f7f; border:1px solid #5e5e5e; display:block; text-align:center; padding:10px 0 10px 0; margin-top:15px;}


/* End */


/* Recognition */

	#contentwraprecogniton {width:960px; padding:0 10px 0 10px; background-color:#a7a9ac; margin:-9px auto 0 auto; overflow:hidden; background-image:url(images/sidebargradsmall.png); background-position:730px; background-repeat:repeat-y;}


ul#magazines li {float:left;  width:165px; height:190px; margin-bottom:5px;}

ul#magazines li:first-child {float:left; }

 .leftcolrecognition {width:661px; padding:25px 30px 0 30px; float:left;}
 .sidebarsmall {width:197px; float:left;  padding:25px 15px 25px 25px;  position:relative; top:0px; }

 .leftcolrecognition ul#magazines li img {border:4.25px solid #cfd1d4;}
.sidebarsmall ul li {margin:5px 0 5px 0}
.sidebarsmall ul li strong {font-size:16px; color:#434344; }

/* Tipsy */

.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif)  ;}
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; -moz-box-shadow: 1px 1px 3px #000000;
  -webkit-box-shadow: 2px 2px 3px #000000 }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
    .tipsy-south { background-position: bottom center; margin-top:5px; }
	
	


/* End */

/* Contact */

.sidebarcontact {width:298px; float:left;  padding:25px 15px 25px 25px;  position:relative; top:0px; }

#contactFormArea {background-color:#ececec; border:solid 1px #8d8f92; color:#747576; margin-bottom:30px; padding:20px 20px 0 20px; position:relative;}
#contactFormArea label {display:block; margin:20px 0 10px 0;}
#contactFormArea input {width:98.5%; height:20px;}
#contactFormArea textarea {width:98.5%; height:100px;}

#contactFormArea fieldset {border:none; clear:left;}
#contactFormArea #sendContactEmail {background-image:url(images/mailbutton.jpg); background-repeat:no-repeat; background-position:center; width:78px; height:39px; border:none; background-color:transparent; float:right; position:relative; bottom:15px;}
#contactFormArea label span {position:relative; left:445px; bottom:3px; color:#FFFFFF; font-size:18px; font-weight:100; }
#contactFormArea label span:hover {color:#a7a9ac; }

#contactFormArea #selfCC {float:left; width:5%;}

#social ul  { overflow:auto;}

#social ul li { float:left; width:32px; height:32px;}

a.twitter {display:block; width:32px; height:32px; background-image:url(images/twitter_32.png);  background-repeat:no-repeat; text-indent:-9999px; float:left;}
a.facebook {display: block; width:32px; height:32px; background-image:url(images/facebook_32.png); background-repeat:no-repeat; text-indent:-9999px; float:left;}
a.linkedin { display:block; width:32px; height:32px; background-image:url(images/linkedin_32.png); background-repeat:no-repeat; text-indent:-9999px; float:left;}

a.iframe {background-image:url(images/googlemaps.jpg); background-repeat:no-repeat; background-position:center; width:120px; height:165px; float:left; margin:0 10px 20px 0; display:block; position:relative;}


a.iframe:hover {background-image:url(images/googlemaps.jpg); background-repeat:no-repeat; background-position:center; width:120px; height:165px; float:left; margin:0 10px 20px 0; display:block;}

.requiredfirst {background-image:url("../images/required.png");
background-repeat:no-repeat;
bottom:18px;
float:right;
height:16px;
position:relative;
width:69px; }



/* Services */


#leftcolservices {width:610px; height:500px; padding:0 0 0 0; float:left;  margin:0 0 0 30px; position:relative;}

.sidebarservices {width:197px; float:left; padding:25px 15px 25px 25px;  position:relative; top:0px; }
.sidebarservices ul h4 {margin-top:10px; color:#000000;  border-bottom:1px solid #666666;}

.sidebarservices ul li {list-style:url(images/bullet.gif); list-style-position:outside; margin:2px 0 2px 20px;}
.bflinks a {background-image:url("images/button_lg.png"); background-repeat:no-repeat; background-position:center; color:#FFFFFF!important; text-decoration:none; height:55px; width:26px; display:block; float:left; padding-top:3px; font-size:10px;}

.container1 {float:left;}
#beforeafter {margin-bottom:10px;}

ul.servicesnav {display:block; margin:0 0 0 7px; position:relative; right:52px; width:246px; bottom:25px; }
ul.servicesnav li {color:#777; list-style-image:none; list-style-type:none;}

ul.servicesnav li a {color:#ccc; background-image:url(images/servicenavbkgd.jpg); background-position:top; background-repeat:repeat-x; padding:8px 0 8px 24px; text-decoration:none;  display:block; width:100%; letter-spacing:.01em;}

ul.servicesnav li a:hover {color:#FFFFFF;   background-image:url(images/servicenavbkgd_rollover.jpg); background-position:top; background-repeat:repeat-x;padding:8px 0 8px 24px; }
/* End */



/* Gallery */
#gallerycontent {width:960px; height:500px; position:relative;}

.gallerynav {display:block;  width:92.25%;  margin:0 0 0 7px;}
.gallerynav a {color:#777; background-color:#9c9c9e; padding:5px 0 5px 10px; text-decoration:none;  border-bottom:solid 1px #8e8e90;}

.gallerynav a:hover {color:#FFFFFF; margin:0 0 0 7px;   background-color:#afafaf; }
.thumbnav {display:block; width:100%; height:100%;}
#sidebargallery {float:right; width:175px; height:500px; position:absolute; top:0px; right:-10px; background-image:url(images/gallerysidebar.png); background-position:-2px; background-repeat:repeat-y; }

#scrollfix {overflow:auto;
overflow-x:hidden;  width:175px; height:416px;}
 


#galleryswitch {width:50px; height:150px;  background-image:url(images/close.png); background-position:right center; background-repeat:no-repeat; position:absolute; top:200px; right:147px; z-index:500; text-indent:-9999px; cursor:pointer;}
#opengallery {width:150px; height:45px; background-image:url(images/open.png); background-position:center center; background-repeat:no-repeat; position:absolute; top:-15px; right:0px;cursor:pointer; }
#opengallery span {position:relative; top:19px; left:24px; color:#777;}
.container {width:230px; margin:15px 0 15px 0;}

.container1 {width:310px; margin:15px 0 15px 0; float:left;}
.container2 {width:310px; margin:15px 0 15px 0; float:left;}

.containwrap {float:left; width:330px;}

.containwrap2 {float:left; width:315px; margin:0 0 25px 11px; }



/* End */