@charset "utf-8";
/* CSS Document */

#pitch {
	padding:20px 20px 1px;
	background:#FFF;
}

/**:first-child+html #pitch {
	height:300px;
}*/

#pitch h1 {
	margin:0 0 0 22px;
	width:220px;
	font-family: verdana;
	font-size: 2.3em;
	font-weight:bolder;
	text-transform:uppercase;
}

#pitch h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bolder;
}

#pitch table.quote {
	border:0 none;
	height:215px;
	margin-bottom:4px;
	margin-top:1px;
	margin-left:38px;
	width:850px;
	font-size: 10px;
}

#pitch table.quote td {
	color:#666666;
	font-family:verdana;
	font-size:10px;
	padding-top:6px;
}

#pitch table.quote select {
	color:#000000;
	font-family:verdana;
	font-size:10px;
	height:19px;
	margin-top:2px;
	width:183px;
}

#pitch table.quote input {
	color:#000000;
	font-family:verdana;
	font-size:10px;
	height:16px;
	margin-top:2px;
	width:177px;
}

#pitch table.quote textarea {
	color:#000000;
	font-family:verdana;
	font-size:10px;
	height:69px;
	margin-top:2px;
	width:400px;
	overflow:auto;
}

#pitch table.quote input.radio {
	border:0 none;
	color:#000000;
	height:11px;
	margin:0;
	padding:0;
	width:11px;
}

#pitch table.quote input.submit {
	background-image:url(http://www.img.trinelight.com/buttonBG.gif);
	border:0 none;
	color:#666666;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	height:21px;
	width:58px;
}

#pitch #phone_number {
	font-size: 9px;
}

#pitch .example1 {
	left:1px;
	position:absolute;
	top:1px;
	z-index:100;
}

#specializing {
	font-size:105%;
	margin-left:675px;
	position:relative;
	width:210px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	float:left;
	font-style:italic;
	background: #CCC;
	text-align:justify;
    padding: 3px 8px;
}

* html #specializing {
  margin-left:335px;
}

#pitch .example2 {
	left:349px;
	position:absolute;
	top:151px;
	z-index:100;
}


#home h2 {
	background:transparent url(http://www.img.trinelight.com/icon1.gif) no-repeat scroll 0 50%;
	height:100px;
	margin:0 0 0 22px;
	text-indent:-20000px;
	width:220px;
	font-family:'lucida sans unicode','lucida grande',verdana;
	letter-spacing:-0.03em;
}

#home {
	background:#FFF;
	padding-bottom:1px;	
}

#home #description {
	background:#FDFEFF url(http://www.img.trinelight.com/example1.jpg) no-repeat scroll 0 0;
	margin-left:22px;
	margin-top:10px;
	margin-right:22px;
	text-align:justify;
	font-family:'lucida sans unicode','lucida grande',verdana;
}

* html #home #description {
	
	margin-left:22px;
	margin-top:10px;
	margin-right:22px;
	text-align:justify;
	font-family:'lucida sans unicode','lucida grande',verdana;
}

#description p {
	display:block;
	font-size:14px;
	margin:9px 0 0 200px;
	padding-bottom:100px;
	width:677px;
}

.redheading {
	color:#CE2222;
}

.designspan {
	color:#CE2222;
}

.developmentspan {
	color:#046CB8;
}

.Invalid {
    color:red;    
    margin-left:38px;
}

#cover {
    margin-bottom: 10px;
    margin-left: 22px;
}

#cover .blurb,
#cover .feature {
    display: block;
    float: left;
    height: 268px;
}

.blurb {
    margin: 0 10px 0 0;
    width: 430px;
}

.blurb p {
    color: #616b80;
    font-size: 1.4em;
    line-height: 1.6;
    padding-right: 20px;
    text-align:justify;
	font-family:'lucida sans unicode','lucida grande',verdana;
}

/*h1 {
    font-size: 2.19em;
    margin: 0px 0 15px;
    text-shadow: 0 1px 0 #fff;
}*/

h1 span {
    color: #f50;
    display: block;
    font-size: 0.63em;
    margin: 15px 0 0;
}

.blurb a,
.blurb a:link,
.blurb a:visited {
    background: #66004e url(http://www.img.trinelight.com/bg-color-buttons.png) repeat-x 0 0;
    border: 2px solid #400b32;
    border-bottom-color: #26071e;
    border-top-color: #4d003b;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    display: block;
    margin: 10px 0px 0px 0px;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #26071e;    
    width: 276px;
    font-size:105%;	
    width:405px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bolder;	
	font-style:italic;
}

.blurb a span {    
    /*font-size: 0.70em;*/
    margin: 5px 0 0;
    text-align: center;
}

.blurb a:hover,
.blurb a:active {
    background-position: 0 -120px;
}

.blurb a:focus {
    outline: none;
}

#cover .feature {
    background-color: #f5f5f5;
    border: 0 solid #d5d5d5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    width: 458px;
}

#cover .feature ul.slideshow {
    position: absolute;
}

#cover .feature ul.slideshow li {
    display: none;
    left: 0px;
    position: absolute;
}

#cover .feature ul.slideshow li.active {
    display: block;
}

#cover .feature .controls {
}

#cover .feature .controls li {
}

#cover .feature .controls li a {
    background-color: #fff;
    height: 50px;
    outline: none;
    position: absolute;
    text-indent: -999em;
    top: 105px;
    width: 15px;
}

#cover .feature .controls .previous {
    -moz-border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
    border-radius: 0px 6px 6px 0px;
    left: 0px;
}

#cover .feature .controls .next {
    -moz-border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    border-radius: 6px 0px 0px 6px;
    right: 0px;
}

#cover .feature .controls .previous span, #cover .feature .controls .next span {
    border-style: solid;
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: 17px;
    width: 1px;
}

#cover .feature .controls .previous span {
    border-color: #fff #999 #fff #fff;
    border-width: 7px 7px 7px 0;
    left: 1px;
}

#cover .feature .controls .previous:hover span {
    border-color: #fff #143264 #fff #fff;
}

#cover .feature .controls .next span {
    border-color: #fff #fff #fff #999;
    border-width: 7px 0 7px 7px;
    right: 1px;
}

#cover .feature .controls .next:hover span {
    border-color: #fff #fff #fff #143264;
}

.feature img {
    border: 0px solid #d5d5d5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.section {
        clear: both;
        display: block;
        margin-bottom: 40px;
        position: relative;
        width: 100%;
    }

.clear {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
}

#services_page #home #cover .blurb a {
    color:#fff;
}