@charset "UTF-8";

@import url("/_css/reset.css");

img, div { behavior: url(/_css/resources/iepngfix.htc) }

/*
------------------------------------------------------------------
----------------------- TYPOGRPAHY -------------------------------
------------------------------------------------------------------

This is where you set your desired font size. The line-heights
and vertical margins are automatically calculated from this.
The percentage is of 16px (0.75 * 16px = 12px).

*/


body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  color: #b4b4b4;
  background-color: #222222;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

a, #design-build-link {	text-decoration: none;
  color: #FFCC33 }

a:focus, #design-build-link:focus { outline:none;	}

a:hover, #design-build-link:hover	{ text-decoration: underline;
     color: #FFCC33; }

.highlight		{
  color: #FF0000;	}

h1,h2,h3,h4,h5,h6 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 0px;
  margin: 0px;	}


h1 { font-size: 24px; }
h2 { font-size: 24px; padding-top: 20px; }
h3 { font-size: 14px; padding: 0px 0px 0px 0px; color: #FFCC33;  }
h4 { font-size: 14px; padding: 0px 0px 10px 0px;}
h5 { font-size: 12px; text-transform: uppercase; padding: 10px 0px 0px 0px; color: #FFFFFF; visibility:visible !important; }
h6 { font-size: 10px; font-weight: bold; text-transform: uppercase; }


/* Text elements
-------------------------------------------------------------- */
p	{ 	margin: 10px 0px 10px 0px;
    font-size: .80em;
    line-height: 1.4em;	}

ul, ol	{ margin:0 1.5em 1.5em 1.5em; font-size: 11px; color: #999999; }
  ul	{ list-style-type: square; }
  ol	{ list-style-type: decimal; }


blockquote  {
  margin: 1.5em;
}


/*
------------------------------------------------------------------
----------------------- PAGE CONTENT -----------------------------
------------------------------------------------------------------
*/

/* STRUCTURE & MAIN */

p.architect-attrib {
  margin-top: 0px; font-size: 11px; font-style: italic;
}

p.orangeTitle {
  font-size: 14px; line-height: 16px; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; color: #ff920e; font-weight: bold;
  }

img.mediaBreak {
  margin: 35px 0px 20px 0px;
  }

#wrapper {
  margin: 0 auto;
  padding-top: 60px;
  width: 944px; }

#content {
  margin: 0px 7px 20px 7px;
  background-color: #000000;
  background-image: url(/_common/bg2.jpg);
  background-repeat: no-repeat;
  }


#contentWrapper {
  position: relative;
  padding: 35px 20px 50px 50px;
  min-height:441px;
  }

#facebook {
	position: absolute;
	top: 20px;
	right:30px;
}

#facebookto {
	position: absolute;
	top: 68px;
	left: 877px;
}

#logo {
  }

.slogan {
  padding: 0px 0px 0px 0px;
  display: block;	}

#nav {
  position: absolute;
  margin: -30px 0px 0px 250px;
  z-index: 2;
  }

#nav a img { padding: 0px 35px 0px 0px; }

.indexContent {
  position: relative;
  padding: 40px 0px 0px 0px;
  width: 410px;
  }

.portfolioContent {
  position: relative;
  padding: 80px 0px 50px 0px;
  width: 420px;
  }


.portfolioContent p span {
  font-size: 15px; margin: 0; padding: 0px 0px 0px 0px; color: #FFCC33;
 }

.portfolioContent ul {
  font-size: 12px;
  line-height: 16px;
  }

.portfolioContent li {
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
  }


.indexLargeImages {
  position: absolute;
  margin: 40px 0px 0px 441px;
  }

.contentImages {
  position: absolute;
  margin: 105px 0px 0px 620px;
  }

.pageContent {
  position: relative;
  padding: 80px 0px 0px 0px;
  }

table.companyTable {
  width: 840px;
  }

img.companyTitle {
  padding: 0px 0px 15px 0px;
  }

.companyTable td {
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  }

.companyTable td ul {
  padding: 0px; margin: 10px 0px 10px 0px;
  list-style-type: none;
  font-size: 12px;
  }

.companyTable td ul li {
  line-height: 15px;
  padding: 0px 0px 12px 0px;
  }

ul#clientsListed {
  padding: 0px;
  margin: 0px;
  }

ul#clientsListed li {
  padding: 0px;
  margin: 0px;
  line-height: 18px;
  }

#management td.name	{
  padding: 4px 5px 0px 8px;
  font-size: 12px;
  line-height: 14px; }

table.aboutTable {
  width: 580px;
  }

img.aboutTable {
  padding: 0px 0px 15px 0px;
  }

.aboutTable td {
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  }

.aboutTable td ul {
  padding: 0px; margin: 10px 0px 10px 0px;
  list-style-type: none;
  font-size: 12px;
  }

.aboutTable td ul li {
  line-height: 15px;
  padding: 0px 0px 12px 0px;
  }


table.mediaTable {
  width: 700px;
  }

img.mediaTable {
  padding: 0px 0px 15px 0px;
  }

.mediaTable td {
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  }

.mediaTable td ul {
  padding: 0px; margin: 10px 0px 10px 0px;
  list-style-type: none;
  font-size: 12px;
  }

.mediaTable td ul li {
  line-height: 15px;
  padding: 0px 0px 12px 0px;
  }







.teamBios {
  width: 300px;
  position: absolute;
  margin: 78px 0px 0px 500px;
  }

.teamBios p {
  font-size: 11px;
  line-height: 16px;
  }

.featured {
  position: absolute;
  margin: 360px 0px 0px 560px;
  z-index: 2;
  display: none; }

.statement {
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 35px 50px 10px 0px;
  font-size: 18px;
  line-height: 24px;
  }

.statement2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 35px 50px 10px 0px;
  font-size: 16px;
  line-height: 20px;
  width: 600px;
  }

.frontrow_golf {
	position: absolute;
	top: 85px;
	left: 660px;
}

.frontrow_golf p {
	text-align: center;
}

.frontrow_golf p a {
	color: #FFCC33;
}

.frontrow_golf p a:visited {
	color: #FFCC33;
}


.frontrow_golf p a:hover {
	text-decoration: underline;
}




.white { color: #FFFFFF; }

#portfolioDiv {
  /* background-image: url(/_common/portfolioOn.png);
  width: 480px;
  height: 324px;
  padding: 70px 30px 0px 30px;*/
  position: absolute;
  margin: -31px 0px 0px 76px;
  z-index: 100;
  }

ul.portfolioListed	{
  margin: 0px;
  padding: 0px 0px 15px 0px;
  list-style-type: none;
  line-height: 13px;
  font-size: 11px; }

ul.portfolioListed li {
  padding: 0px;
  margin: 0px 0px 7px 0px; 	}

ul.portfolioListed a {
  color: #fff;
  text-decoration: none; }

ul.portfolioListed a:hover {
  color: #ff9204; }

#indexThumbs {
  margin: 10px 0px 20px 0px;
  }

ul#subMenu {
  padding: 0px;
  margin: 0px;
  color: #FFFFFF; }

ul#subMenu li {
  padding: 0px 0px 10px 0px;
  margin: 0px; }

ul#subMenu li a {
  color: #FFFFFF;
  }

ul#subMenu a.iframe2 {
  text-decoration: none;
  color: #FFCC33
  }

ul#subMenu a.iframe2:focus {
  color: #FFCC33;
  outline: none;
  }

ul#subMenu li a:hover {
  color: #FFCC33;
  text-decoration: none;
  }

ul#subMenu a.iframe2:hover {
  color: #FFCC33;
  text-decoration: underline;
  }



ul#basicList {
  list-style-type: square;
  margin: 15px 0px 15px 25px;
  color: #666666;
  font-size: 12px;
  }

ul#basicList li {
  list-style-type: square;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 0px;
  }






/*
-----------------------------------------------------------------
------------------------ NAVIGATIONAL ---------------------------
-----------------------------------------------------------------*/


/* Begin CSS Drop Down Menu */

#menuh-container
  {
  position: relative;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
  z-index: 1;
  }

#menuh
  {
  font-size: small;
  font-family: arial, helvetica, sans-serif;
  width:100%;
  float:left;
  }

#menuh a
  {
  text-align: left;
  display:block;
  white-space:nowrap;
  margin:0;
  }

#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
  {
  color: white;
  text-decoration:none;
  }

#menuh a:hover						/* menu on mouse-over  */
  {
  color: white;
  text-decoration:none;
  }

#menuh ul ul a
  {
  color: white;
  background-color: #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  text-decoration:none;
  }

#menuh ul ul a:hover						/* menu on mouse-over  */
  {
  color: white;
  background-color: #000000;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  text-decoration:none;
  }

#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
  {
  background-image: url(navdown_white.gif);
  background-position: right center;
  background-repeat: no-repeat;
  }

#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
  {
  background-image: url(nav_white.gif);
  background-position: right center;
  background-repeat: no-repeat;
  }

#menuh ul
  {
  list-style:none;
  margin:0;
  padding:0;
  float:left;
  /* width of all menu boxes */
  /* NOTE: For adjustable menu boxes you can comment out the above width rule.
  However, you will have to add padding in the "#menh a" rule so that the menu boxes
  will have space on either side of the text -- try it */
  }

#menuh li
  {
  position:relative;
  min-height: 1px;		/* Sophie Dennis contribution for IE7 */
  vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
  }

#menuh ul ul
  {
  position:absolute;
  z-index:500;
  top:auto;
  display:none;
  }

#menuh ul ul a {
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    font-size: 10px;
  }

#menuh ul ul a:hover {
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    font-size: 10px;
    color: #FFCC33;
  }

#menuh ul ul ul
  {
  top:0;
  left:100%;
  }

div#menuh li:hover
  {
  cursor:pointer;
  z-index:100;
  }

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */
































.imgContainerMask {
  position: relative;
  width: 488px;
  height: 366px;
  overflow: hidden;
}

#imgContainer {
  position: absolute;
  width: 488px;
}

#imgContainer img {
  display: block;
}

#thumbs	div {
  display: inline;
  width: 52px;
  height: 71px;
  margin: 0px 4px 0px 0px;
}

#thumbs div img	{
  }














#indexSignUp {
  margin: -15px 0px 0px 0px;
  position: absolute;
  border: 1px solid #181818;
  background-color: #0f0f0f;
  padding: 7px 10px 10px 10px; }

#indexSignUp input.text {
  padding: 1px;
  margin: 2px 5px 2px 0px;
  height: 18px;
  border: 1px solid #999999;
  background-color: #ccc;	}

#indexSignUp input.text:focus {
  border: 1px solid #999999;
  background-color: #bed1e4; }

#indexSignUp label {
  color: #9b9b9b;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  display: block;
  margin: 3px 0 2px 0; }







/*
-----------------------------------------------------------------
------------------------ BUTTONS --------------------------------
----------------------------------------------------------------- */

/* my buttons */
ul.myButton {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.myButton li {
  text-align: left;
  white-space: nowrap;
  float: right;
  margin: .25em 0 .5em 2em;
}

.createButton {
  width: 100px;
  }
.deleteButton {
  width: 100px;
  }
.submitButton {
  width: 115px;
  }

/*
http://www.w3schools.com/css/pr_pseudo_first-child.asp
http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
*/

*:first-child+html .createButton {
  width: 110px;
  }
*:first-child+html .deleteButton {
  width: 110px;
  }
*:first-child+html .submitButton {
  width: 125px;
  }
*:first-child+html .testButton {
  width: 185px;
  }

ul.myButton li img {
  vertical-align: middle;
  margin: -2px 0 0 0;
}

ul.myButton li a {
  display: block;
  font-size: 90%;
  font-weight: bold;
  color:#FFF;
  text-decoration: none;
  background-color: #000;
  border: solid 1px #333;
  padding: .6em .5em .4em .5em;
}

ul.myButton li#active a {
  color:#FFF;
  background-color: #000;
}

ul.myButton li a:hover, ul.myButton li#active a:hover {
  color: #FFF;
  background-color: #cccccc;
}


ul.myButton li.MoveLeft {
  text-align: left;
  white-space: nowrap;
  float: none;
  margin: .25em 0 .5em 0;
}

ul.myButton li.MoveUp {
  white-space: nowrap;
  margin: -24px 0 0 0;
}


/*
------------------------------------------------------------------
------------------------  FORMS ----------------------------------
------------------------------------------------------------------
*/

#myForm {
  margin: 0;
  padding: 0;
  font-size: 11px;
  }

#myForm thead td{
  padding: .5em;
  color: #666666;
  font-size: 80%;
  text-transform: uppercase;
  }

#myForm tbody td{
  padding: .25em;
  }

#myForm tbody td.description-td {
  vertical-align: top;
  }

#myForm h2 {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 2.5em;
  margin: .75em 0 .25em 0;
  padding: 0 0 12px 0;
  border-bottom: solid 1px #222;
}

#myForm tbody h3 {
  font-size: 18px; line-height: 1; margin: 1.0em 0 0.5em 0; color: #305a84; font-weight: bold;
 }

#myForm .submit {
  background: #fff;
  padding: 1.5em 0;
  }

#myForm label {
  color: #666;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  display: block;
  margin: 3px 0 2px 0;
  }

label img {
  vertical-align: text-bottom;
  margin-right: 6px;
  margin-left: 6px;
  }

#myForm .line {
  background-color:#cccccc;
  height: 2px;
  padding: 0;
  font-size: 2px;
  line-height: 2px;
}

#myForm input.text {
  background-color: #ccc;
  font-size: 95%;
  padding: .125em;
  margin: .125em 0 .050em 0;
  border: 1px solid #999999;
  }

#myForm input.text:focus {
  border:1px solid #999999;
  background:#bed1e4;
  }


#myForm select.editSelect {
  background-color: #ccc;
  font-size: 95%;
  padding: .125em;
  margin: .125em 0;
  border:1px solid #999999;
  }

#myForm select.editSelect:focus {
  border:1px solid #999999;
  background:#bed1e4;
  }
/* Textareas */
#myForm textarea            { margin:0.125em 0; }
#myForm textarea            { border:1px solid #999; background:#ccc; padding: .125em; }
#myForm textarea:focus      { border:1px solid #999; background:#bed1e4; }


.hiddenDiv {
  display: none;
  }
.visibleDiv {
  display: block;
  }


/*
------------------------------------------------------------------
----------------------- MORE USEFUL STUFF ------------------------
------------------------------------------------------------------
*/

.hide { display: none; }

.prop-theme {
    height: 566px;
    float: right;
    width: 1px;
  }

.clear-both {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  }
.center {
  text-align: center;
  }
.nowrap {
  white-space: nowrap;
  }
.warning {
  color: #FF6600;
  }

.asterix	{
  color: red;
  font-size: 10px;
  position: absolute;
  margin: 0px 0px 0px 3px;
  }

/* some default widths */
.width25 {
  width: 25px;	}

.width50 {
  width: 50px;	}

.width75 {
  width: 75px;	}

.width100 {
  width: 100px;	}

.width125 {
  width: 125px; 	}

.width150 {
  width: 150px;	}

.width175 {
  width: 175px;	}

.width200 {
  width: 200px;	}

.width230 {
  width: 230px;	}

.width235 {
  width: 235px;	}

.width250 {
  width: 250px;	}

.width300 {
  width: 300px;	}

.width350 {
  width: 350px;	}

.wdith400 {
  width: 400px;	}


.up10	{
  margin: -10px 0px 0px 0px;
  }

.up20	{
  margin: -20px 0px 0px 0px;
  }

.up30	{
  margin: -20px 0px 0px 0px;
  }
  
.referncebox{ width:345px; float:left; margin:18px 0 0 0; padding:10px; background:#0f0f0f; border:1px solid #181818;  color:#707070;}
.referncebox p{ margin:0px; padding:11px 0 0 0; font:bold 12px Arial, Helvetica, sans-serif;} 

.referncebox a{ /*color:#707070;*/} 
.referncebox a:hover{  }

.refernceboxto{ width:220px;margin:18px 0 0 0; padding:10px; background:#0f0f0f !important; border:1px solid #181818; position: relative;  z-index: 99999; }
.refernceboxto p{ margin:0px; padding:6px 0 0 0; font:bold 12px Arial, Helvetica, sans-serif;  color:#707070;}

.refernceboxto a{} 
.refernceboxto a:hover{ text-decoration: underline;}

.refernceboxthree{ width:175px;margin:24px 0 0 0; padding:10px 10px 6px 10px; background:#0f0f0f !important; border:1px solid #181818; }
.refernceboxto p{ margin:0px; padding:6px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif;  color:#707070;}  

.refernceboxthree a{ /*color:#B4B4B4;*/} 
.refernceboxthree a:hover{ text-decoration: underline;}

.refernceboxfour{ width:280px;margin:24px 0 0 0; padding:10px; background:#0f0f0f !important; border:1px solid #181818; position: relative;  z-index: 99999; }
.refernceboxto p{ margin:0px; padding:6px 0 0 0; font:bold 12px Arial, Helvetica, sans-serif;  color:#707070;} 

.refernceboxfour a{ } 
.refernceboxfour a:hover{  text-decoration: underline;}