/* standard */

div, ul { box-sizing:border-box; }

body { margin: 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #666;}

img { border: none; }

td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

ul { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; list-style: square; color: #9FB3CD; }

a {	color: #003366; text-decoration: none; }
a:hover { text-decoration: underline; }



/* hidden elements */
#hidden, #hdn, .hdn { visibility: hidden; display: none; height: 0; } 

/* page structure */

#container { width: 100%; height: 100%; }
#logo {	float:right; width: 114px; height: 43px; margin: 20px; margin-bottom:12px; }

/* nav */

nav, footer { clear:both; }

nav ul { display:inline-block; margin: 0; padding: 0; list-style: none; padding-left: 20px; padding-right:35px; line-height: 23px; background-color:#cc0000; border-top-right-radius: 25px; min-width:325px; width:auto; }

nav li { margin: 0; padding: 0; display: inline; height: 23px; }

nav a { padding-bottom: 5px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } 
nav a:hover { /*color:#FC0;*/ text-decoration: underline; }

.vbar { margin: 0 5px; vertical-align: middle; width: 1px; height:7px; }
.active { font-weight:bold; }

/* main strip */

#pic-strip { width: 100%; min-width:310px; height: 124px; border-top: 1px solid #CC0000; border-bottom: 1px solid #CC0000; background-repeat: no-repeat;}

#phone-strip { display:inline-block; /*position: absolute; right: 0; left: auto;*/float:right; width: 170px; height: 22px; background-color: #cc0000; /*background-image: url(../imgs/corner2.gif); background-position: bottom left; background-repeat: no-repeat;*/ border-bottom-left-radius: 25px; }
#phone-strip a { color: #ffffff; }

.phone-no { margin-left: 28px; line-height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;}

/* content area */

img.title { display:block; float: left; padding: 4px 25px 0px 28px; }

#content { margin-top: 18px; }
.home_hr { color: #eee; background-color: #eee; width: 350px; }

.copy { float: left; width: 400px; margin-bottom:20px; }
.copy > p { margin-top:0; }
.copy li { color: #555; line-height: 1.5; }

/* home */

#launches { border-top: 1px #ccc solid; padding-top: 5px; width: 340px; font-size:11px;padding-top:10px;}
#db-launches { width:80px;display:inline-block; }

/* about */

#about ul { margin: 0px; margin-top: 1em; padding-left: 1.5em; }

/* services */

#services ul { margin: 0px; padding-left: 1.5em; }
#work ul { margin-left: 0px; padding-left: 1.5em; }

/* mobile tweaks */

@media only screen and (max-width: 480px) {
	#logo { margin-bottom: 18px;}
	.home #pic-strip { background-position-x: -295px; }
	#pic-strip { background-position-x: -40px; }
	nav { width:300px; }
	nav ul { padding-left:13px; width:280px; }
	.vbar { margin: 0 3px; }
	#phone-strip { width: 135px; }
	img.title { padding: 4px 13px 4px 8px; margin-top:29px; }
	.copy { width: 270px; margin-top:26px; margin-right:0px; }
}

@media only screen and (max-width:640px) {
	img.title { margin-top: 15px; }
	.copy { margin-top: 15px; }	
}