*{padding:0;margin:0;} /*reset all*/
/******
	
	general layout ids
	
**************************/
body {
	font-family:"Trebuchet MS","Calibri", Verdana, Geneva, Arial, sans-serif;	
	font-size:12px;
	background: #eaeaea url(http://starlinginteractive.com/images/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:#9b2223;
	font-size:24px;
	font-family:"Helvetica Neue", "Helvetica CY", "Geneva CY", "Verdana", sans-serif;
	padding-top:15px;
}
h3 {
	font-weight:normal;
	font-size:18px;
	color:#333;
}
.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(http://starlinginteractive.com/images/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(http://starlinginteractive.com/images/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;
}
/******
	
	header / nav
	
**************************/
div#header {
	height:224px;
	background:transparent url(http://starlinginteractive.com/images/masthead.jpg) top left no-repeat;
}
.logo {
	position:relative;
	top:-23px;
	left:23px;
	float:left;
}
ul.nav {
	float:right;
	margin:8px 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 {
	font-size: 14px;
	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: 3px;
}
ul.subnav li {
	float:left;
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}
ul.subnav li a {
	color:#555;
	padding:20px 20px 3px 3px;
	margin-right:15px;
	background:#bbb;	
	text-decoration:none;
}
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:0 0 20px 0;
	clear:both;
}
div#left-content {
	width:580px;
	float:left;
        padding-top:5px;
	padding-bottom:15px;
}
div#left-content p {
	padding:10px 10px 0 0;
}
/**************
	
	sbar (sidebar)
	
********************/
div#sbar {
	width:260px;
	float:right;
	text-align: center;
	padding-top: 115px;
	background: transparent url(http://starlinginteractive.com/images/bgd_sbar.gif) -10px 0 no-repeat;
border-left:1px solid #ccc;
}
div.sbar-content {
	padding:10px 20px;
	margin:20px 0 0 0;
	background: transparent;	
	text-align:right;
}
div.sbar-content h3 {
	margin-bottom:10px;
	font-family:Trebuchet MS;
}
div.sbar-content a {
	display:block;
	float:left;
	padding:5px 0;
	text-decoration:none;
	color:#333;
}
div.sbar-content p {
	border-bottom:1px solid #ccc;
	clear:both;
	padding-bottom:5px;
}
div.sbar-content span {
	display:block;
	padding:5px 0;
	text-align:right;
	border-bottom:1px solid #ccc;

}
/******
	
	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://starlinginteractive.com/images/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://starlinginteractive.com/images/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 30px;
	padding-top:10px;
	clear:both;
}
ul.centering {
	margin-left:80px;
}
ul.technology li  {
	float:left;	
	margin-right:15px;
}
ul.technology li a img {
	border:4px solid #e9babb;
}
/******
	
	about us
	
**************************/
div.profile {
	margin:20px 0;
}
/******
	
	marketing
	
**************************/
div.marketing-content {
	border-left:1px solid #bbb;
	padding:0 25px 10px 10px;
	clear:both;
}
/******
	
	portfolio
	
**************************/
div.portfolio {
	clear:both;
/* 	border-top:1px solid #aaa; */
}
div.no-border {
	border:none;
}
div.portfolio dl {
	float:left;
	width:150px;
	margin:40px 20px 20px 20px;
}
dl dt {
	color:#767676;
	font-size:14px;
	padding:4px 0;
}
dl dd {
	font-size:12px;
	color:#999999;
	padding:2px 0 2px 8px;
	background:transparent url(http://starlinginteractive.com/images/bullet.gif) left no-repeat;
}
.bgd-none {
	background: none;
	padding:0;
}
/******
	
	ecommerce
	
**************************/
ul.example {
	list-style: none;
	background:#efefef;
	padding:10px;
}
ul.example li {
	border-bottom:1px solid #eee;
	padding:5px 0;
	color:#333;
}
ul.example li.switch {
	background:#eaeaea;
	color:#555;
}
/******
	
	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;
}