*{padding:0;margin:0;} /*reset all*/
/******
	
	general layout ids
	
**************************/
body {
	font-family:"Verdana","Calibri","Arial", sans-serif;	
	font-size:12px;
	background: #eaeaea url(../../images/starling/bgd_body.gif) repeat-x;
}
div#wrap {
	width:850px;
	margin:0 auto;
}
p {
	font-size:12px;
	line-height:20px;
	color:#6b6969;
}
a, a:visited, a:active {color:#666;}
a:hover {text-decoration:underline;}
img {
	border:none;
}
h2 {
	color:#660000;
	font-size:22px;
	font-family:Trebuchet MS, "Helvetica Neue", "Helvetica CY", "Geneva CY", "Verdana", sans-serif;
	padding-top:15px;
}
h3 {
	font-weight:normal;
	font-size:18px;
	color:#333;
	padding:15px 0 0 0 ;
}
h3.title {
	padding-top:30px;
}
.border-none {
	border:none;
}
.emphasis {
	line-height:25px;
	font-size:20px;
	
}
/******
	
	classes
	
**************************/
.dark-gray {
	color: #474444;
}
.red {
	color:#9b2223;
}
.lg-text {
	font-size: 18px;
	line-height:24px;
}
a.gray-arrow,
a.gray-arrow:visited,
a.gray-arrow:active {
	background:transparent url(../../images/starling/arrow.jpg) right no-repeat;
	padding-right:10px;
	color:#838383;
	display:block;
}
.align-right {
	text-align:right;
}
a.red-arrow,
a.red-arrow:visited,
a.red-arrow:active {
	background:transparent url(../../images/starling/red_arrow.gif) right no-repeat;
	color:#660000;
	display:block;
	padding-right:15px;
	text-align:right;
	margin-right:20px;
}
.tb-padding {
	padding:10px 0;
}
.pull-quote {
	width:200px;
	height:200px;
	font-size:14px;
	line-height:22px;
	float:left;
	color:#333;
}
h2.title {
	padding:30px 0 15px 0;
}
/******
	
	header / nav
	
**************************/
div#header {
	height:224px;
	background:transparent url(../../images/starling/masthead.jpg) top left no-repeat;
}
.logo {
	position:relative;
	top:-20px;
	left:23px;
	float:left;
}
ul.nav {
	float:right;
	margin:7px 0 0 0;
}
ul.clear {
	clear:both;
}
ul.nav li {
	list-style:none;
	display:block;
	float:left;
}
ul.nav li a,
ul.nav li a:visited,
ul.nav li a:active {
	font-family:"Geneva","Candara","Verdana","Calibri","Arial", sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
	padding:0 27px;
	display:block;
	text-transform: lowercase;
}
ul.nav li a:hover {
	text-decoration: underline;
}
ul.nav li a.current {
	color:#660000;
}

ul.white li a,
ul.white li a:active,
ul.white li a:visited {
	color:#fff;
}
ul.white li a.current {
	color:#660000;	
}
/******
	
	sub nav
		
	
**************************/
ul.subnav {
	list-style: none;	
	margin-top:30px;
	padding-bottom: 20px;
}
ul.subnav li {
	float:left;
	padding-bottom:3px;
	border-bottom:1px solid #aaa;
}
ul.subnav li a {
	color:#444;
	padding:18px 20px 3px 3px;
	margin-right:8px;
	background:#bbb;	
	text-decoration:none;
	font-size:12px;
}
ul.subnav .no-margin {
	margin:0;
}
ul.subnav li a:hover {
	background:#ccc;
	text-decoration: none;
	color:#fff;
}
ul.subnav li a.current {
	background:#444;
	color:#fff;
}
/******
	
	content
	
**************************/
div#content {
	padding:15px 0 20px 0;
	clear:both;
/* 	height:200px; */
	background: transparent url(../../images/starling/bgd_sbar.gif) 580px 0 no-repeat;
}
div#left-content {
	width:520px;
	float:left;
	padding-bottom:15px;
}
div#left-content p {
	padding:10px 10px 0 0;
}
/**************
	
	sbar (sidebar)
	
********************/
div#sbar {
	width:280px;
	float:right;
	text-align: left;
	padding-top: 60px;
	padding-left:45px;
	background: transparent url(http://starlinginteractive.com/images/starling/sbar-divide.gif) 0 50% no-repeat;
}
div.sbar-content {
	padding:15px 0;
	background: transparent;	
	
}
div.sbar-content p {
	padding:0 5px;
	font-size:12px;	
}

/******
	
	footer
	
**************************/
div#footer-wrap {
	background:#e0e0e0;
	border-top:1px solid #b0b0b0;
	clear:both;
}
div#footer {
	width:850px;
	margin:0 auto;
	clear:both;	
	font-size:10px;
}
div#footer p {
	font-size:12px;
}
p.worksheet {
	background:transparent url(http://dev.starlinginteractive.com/images/starling/ic_worksheet.gif) top left no-repeat;
	padding-left:40px;
	margin-top: 10px;
}

div.footer-left {
	float:left;
	width:300px;
}
div.footer-right {
	width:444px;
	height:188px;
	background: transparent url(http://dev.starlinginteractive.com/images/starling/bgd_technology.gif) 0 -1px no-repeat;
	float:right;
}
div.footer-right p {
	text-align:center;
	color:#fff;
	line-height: normal;
}
span.ex-padding {
	margin-left:136px;
}
ul#foot-nav  {
	clear:both;
	padding:15px 0;
}
ul#foot-nav li {
	display:block;
	float:left;
	border-right:1px solid #aaa;
	padding:0 5px;
}
ul#foot-nav li.no-padding {
	padding-left:0;
}
ul#foot-nav a,
ul#foot-nav a:visited,
ul#foot-nav a:active {
	text-decoration:none;
	text-transform:lowercase;
	color:#aaa;
}
ul#foot-nav a:hover {
	text-decoration:underline;
}
div.download-worksheet {
	padding-left:40px;
	margin:5px 0 0 0;
}
div#footer dl {
	list-style: none;
}
div#footer dl dt {
	font-size:12px;
	color:#333;
	padding:0 0 3px 0;	
}
div#footer dl dd {
	float:left;
	background:none;
	padding:0 10px;	
}
div#footer dl dd a {
	text-decoration: none;
}
div#footer dl dd a img {
	border:1px solid #aaa;
}
/******
	
	technology list
	
**************************/
ul.technology {
	list-style: none;
	margin:0 0 0 80px;
	padding-top:5px;
	clear:both;
}
ul.centering {
	margin-left:125px;
	margin-top:5px;
}
ul.technology li  {
	float:left;	
	margin-right:15px;
}
ul.technology li a img {
	border:4px solid #e9babb;
}
/******
	
	about us
	
**************************/
div.profile {
	margin:20px 0;
}
/******
	
	sub-content
	
**************************/
div.bird-bgd {
	background: transparent url(../../images/starling/bgd_sbar.gif) top right no-repeat;
	width:830px;
}
div#sub-content {
	clear:both;
}
div#sub-content p {
	margin:15px 0;
}
/******
	
	portfolio
	
**************************/
div.portfolio {
	clear:both;
	margin:20px 0;
}
div.portfolio h3 {
	font-size: 20px;
	color:#660000;
	padding:8px 0;
	font-family: "Trebuchet MS", inherit;
}
div.portfolio p {
	font-size:13px;
	line-height: 20px;
}
.url {
	font-size: 13px;
}

/******
	
	contact
	
**************************/
div.snail {
	border-bottom:1px solid #aaa;
	margin-bottom:10px;
	padding-bottom:10px;
	width:300px;
}
div.snail p {
	padding:0;
	line-height:18px;
}
form {
	margin-bottom: 15px;
}
form input {
	padding:4px;
	border:1px solid #aaa;
	width:200px;
}
form label {
	float:left;
	width:70px;
}
textarea {
	width:500px;
	height:200px;
	border:1px solid #aaa;
}
p.send input {
	width:auto;
	background:#fff;
	border:1px solid #bbb;
	color:#666;
	cursor: pointer;
}
/******
	
	layout with no sidebar
	
**************************/
div.bird-bottom {
	background: transparent url(../../images/starling/bgd_sbar.gif) left no-repeat;
	width:250px;
	height:131px;
	position: absolute;
	top:0;
	left:580px;
}
