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

body {
	background-color:#000000;
	background-image:url(../images/layout/background.gif);
	background-repeat:repeat-x;
	font-family:Arial, sans-serif, Helvetica;
	font-size:12px;
}





/*********************
Style ID's and Classes
**********************/

/*	ID's  */

div#containter {
	width:788px;
	margin-left:auto;
	margin-right:auto;
}

div#header {
	width:788px;
	position:relative;
	height:131px;
}

div#top_nav {
	position:absolute;
	top:5px;
	right:10px;
	color:#FFFFFF;
	text-align:right;
}

div#navigation {
	position:absolute;
	right:55px;
	bottom:5px;
}

div#content {
	background-image:url(../images/layout/top.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:788px;
	padding:16px 0px 5px 0px;
}

div#flash_box {
	width:705px;
	margin-left:auto;
	margin-right:auto;
}

div#body {
	margin:20px auto 0px auto; 	
	width:705px;
}

div#footer {
	background-image:url(../images/layout/bottom.gif);
	background-repeat:no-repeat;
	padding-top:19px;
	width:788px;
	color:#FFFFFF;
}

#phone {
	line-height:25px;
	font-size:18px;
}

#copyright {
	float:right;
	font-size:10px;
}

h1#header_long {
	margin:0px 0px 0px 0px;
	background-image:url(../images/glossy_bar_long.gif);
	background-repeat:no-repeat;
	width:249px;
	height:25px;
	line-height:24px;
	font-size:14px;
	color:#FFFFFF;
	padding-left:10px;
	font-weight:normal;
}

h1#logo {
	margin:0px 0px 0px 0px;
}
h1#logo a {
	background-image:url(../images/layout/web_8_studios_logo.gif);
	background-repeat:no-repeat;
	height:111px;
	width:173px;	
	display:block;
}
h1#logo span {
	display:none;
}



/* Classes */

.left_float {
	float:left;
}

.image {
	border:none;
	display:inline;
}

.block {
	display:block;
}

.spacer {
	clear:both;
}

.large_font {
	font-size:18px;
}

.white_font {
	color:#FFFFFF;
}

h1.header {
	margin:0px 0px 0px 0px;
	background-image:url(../images/glossy_bar.gif);
	background-repeat:no-repeat;
	width:191px;
	height:25px;
	line-height:24px;
	font-size:14px;
	color:#FFFFFF;
	padding-left:10px;
	font-weight:normal;
}

.active {
	margin-left:20px;
	padding-top:3px;	
	border-top:#666666 solid 3px;
	font-size:28px;
	color:#FFFFFF;
}

img.small_image {
	margin-left:3px;
	margin-right:5px;
	float:left;
}

div.row {
	padding-bottom:15px;
}

div.btn {
	padding-top:5px;
	text-align:center;
}

div.btn #button {
	background-color:#000000;
	border:solid thin #666666;
	color:#FFFFFF;
	height:18px;
	line-height:12px;	/* IE 7 */
}

.element {
	border:solid 1px #000000;
	background-color:#FFFFFF;
}
	




/*****************
Navigation & Links
*****************/

a.small_link:link {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
a.small_link:active {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
a.small_link:visited {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
a.small_link:hover {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:underline;
}


a.nav:link {
	margin-left:20px;
	padding-top:10px;
	border-top:none;
	font-size:28px;
	color:#FFFFFF;
	text-decoration:none;
}
a.nav:visited {
	margin-left:20px;
	padding-top:10px;
	border-top:none;
	font-size:28px;
	color:#FFFFFF;
	text-decoration:none;
}
a.nav:hover {
	margin-left:20px;
	padding-top:3px;	
	border-top:#666666 solid 3px;
	font-size:28px;
	color:#FFFFFF;
	text-decoration:none;
}
a.nav:active {
	margin-left:20px;
	padding-top:10px;
	border-top:none;
	font-size:28px;
	color:#FFFFFF;
	text-decoration:none;
}


a.tiny:link {
	font-size:10px;
	color:#0000FF;
	text-decoration:none;
}
a.tiny:visited {
	font-size:10px;
	color:#0000FF;
	text-decoration:none;
}
a.tiny:hover {
	font-size:10px;
	color:#0000FF;
	text-decoration:underline;
}
a.tiny:active {
	font-size:10px;
	color:#0000FF;
	text-decoration:none;
}


a.link:link {
	font-size:12px;
	color:#0000FF;
	text-decoration:none;
}
a.link:visited {
	font-size:12px;
	color:#0000FF;
	text-decoration:none;
}
a.link:hover {
	font-size:12px;
	color:#0000FF;
	text-decoration:underline;
}
a.link:active {
	font-size:12px;
	color:#0000FF;
	text-decoration:none;
}







/***************
Home Page Styles
***************/

div#who_we_are {
	width:250px;
	float:left;
}
div#who_we_are p {
	margin-top:15px;
	margin-bottom:10px;
}

div#block2 {
	width:350px;
	float:right;
}
 
img#post {
	float:left;
	margin:15px 10px 0px 0px;
}

p#lost {
	margin-top:15px;
}

p#get_started {
	margin-bottom:0px;
	margin-top:0px;
	text-align:right;
}

div#featured_project {
	margin-top:40px;
	float:right;
	width:350px;
}

p#ad-guys {
	margin-top:15px;
	width:200px;
	float:left;
}

img#ad-guys_image {
	margin:15px 0px 0px 20px;
}







/*******************
Services Page Styles
*******************/

div.service_block {
	width:350px;
	float:left;
}

p.services {
	margin-top:10px;
}

img.service_logo {
	margin:10px 10px 0px 0px;
	float:left;
}

h2.service_name {
	font-size:16px;
	margin:10px 0px 0px 0px;
	line-height:16px;
	font-weight:normal;
}





/********************
Portfolio Page Styles
********************/

div#view {
	float:left;
	background-image:url(../images/site_background.gif);
	background-repeat:no-repeat;
	margin-top:20px;
	height:330px;
	width:415px;
}

img#big {
	margin:15px auto auto auto;	
	display:block;
}

div#thumbs {
	float:right;
	width:280px;
	margin:20px 0px 0px 10px;
	vertical-align:top;
}

img.small {
	float:left;
	margin-right:5px;
	border:none;
}





/**************
FAQ Page Styles
**************/

div.questions {
	float:left;
	margin-top:20px;
	margin-right:20px;
}

h2.question {
	font-size:14px;
	margin-bottom:0px;
	margin-top:25px;
}

p.answer {
	margin-top:10px;
	margin-bottom:10px;
}





/*********************
Contact Us Page Styles
*********************/

div#left_side {
	margin-right:45px;
	margin-top:20px;
	float:left;
	width:250px;
}

div#right_side {
	float:left;
	margin-top:20px;
}

form#contact {
	margin-top:0px;
}

div.row span.label {
	width:75px;
	padding-right:15px;
	float:left;
	text-align:right;
}

div.row span.label_Error {
	width:75px;
	padding-right:15px;
	float:left;
	text-align:right;
	color:#FF0000;
}

h2.header_font {
	font-size:18px;
	font-weight:normal;
	margin-top:0px;
}

p.top {
	margin-top:0px;
}

div#error_message {
	border:solid thin #FF0000;
	background-color:#FFFFFF;
	color:#FF0000;
	line-height:20px;
	margin-bottom:15px;
	padding:3px 3px 2px;
}

div#success_message {
	border:solid thin #006600;
	background-color:#FFFFFF;
	color:#006600;
	line-height:20px;
	margin-bottom:15px;
	padding-top:3px;
	padding-bottom:2px;
}





/**************************
Request A Quote Page Styles
**************************/

div#side_1 {
	width:250px;
	float:left;
	margin-right:20px;
	margin-top:20px;
}
div#side_1 h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
div#side_1 ul {
	margin-top:0px;
}

div#side_2 {
	margin-top:20px;
	float:left;
}

.title {
	width:125px;		
	text-align:right;
	float:left;
	padding-right:10px;
}

.title_Error {
	width:125px;		
	text-align:right;
	float:left;
	padding-right:10px;
	color:#FF0000;
}

p#quote {
	margin-top:0px;
}





/**************
Company Styles
**************/

img#legz {
	float:right;
	margin:20px 20px 10px 20px;
}





/*******************************
Employment Opportunities Stytles
*******************************/

img#girl {
	float:right;
	margin:auto 20px 10px 20px;
}

div#job_listing {
	margin-left:30px;
}

#position_header {
	text-decoration:underline;
	margin-bottom:10px;
}

p.listing {
	margin-left:10px;
	margin-top:10px;
	margin-bottom:0px;
}





/********************
Positions Page Styles
********************/

p#position_info {
	width:350px;
}





/****************
Apply Page Styles
****************/

div#app_container {
	width:400px;
}





/**************
Site Map Styles
**************/

ul.site_map {
	margin-top:20px;
	list-style-type:square;
	list-style:none;

}

ul.site_map li {
	padding-top:5px;
	padding-bottom:5px;
	list-style:none;
}





/******************
Remote Support Page
******************/

img#remote {
	float:right;
	margin-top:20px;
}