/* ========== File Information ========== */
/*
	File:			global.css
	Type:			Stylesheet
	Description:	Stylesheet for constant aspects of PreWayPrepaid.com.
	Company:		PreWay
	Author:			CapturedLiving.com
	Copyright:		Copyright 2009. All Rights Reserved.
	Last Updated:	Wednesday, March 25, 2009
*/

/* ========== Page Attributes ========== */
* 
{
	margin: 0;
	padding: 0;
}

html
{
	height:auto;
	background:#212832 url(../images/global/pagebg.jpg) repeat-x top center;
	color:#fff;
}

body
{
	margin:0 auto;
	padding:0;
	width:100%;
	font:14px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
}
/* ========== Page Components ========== */
div#header 
{
	margin:25px auto 0 auto;
	width:900px;
	text-align:left;
}

div#container
{
	margin:0 auto;
	padding:25px 10px 15px 10px;
	width:880px;
	background:url(../images/global/contentbg.jpg) top center;
	font:14px/18px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
}

div.right_side
{
	width:250px;
	background:url(../images/global/articlebg.png);
	float:right;
}

div.left_side
{
	margin:10px;
	padding:5px;
	width:595px;
	background:url(../images/global/articlebg.png);
	float:left;
}

div#footer
{
	margin:0 auto;
	padding:20px 0;
	width:900px;
	height:60px;
	background:url(../images/global/footerbg.jpg) top center no-repeat;
	font:14px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#fff;
}

div.clear{
	clear:both;
}

/* ========== Headings ========== */
h1
{
	margin:0 auto;
	width:900px;
	height:199px;
	background:url(../images/global/headerbg.jpg) top center no-repeat;
}

h1 img
{
	margin:0;
	padding:0;
	border:0;
}

h2
{
	font:22px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#002b71;
	clear:both;
}

h3
{
	font:18px "Century Gothic", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:bold;
	color:#002b71;
	clear:both;
}


div.right_side h4
{
	margin:5px;
	font:14px "Century Gothic", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:bold;
	color:#002b71;
	clear:both;
}

div.right_side h3
{
	padding:10px;
	font:16px "Century Gothic", Arial, Helvetica;
	border-bottom:1px #212832 solid;
	background:#002b71;
	color:#eee;
}

/* ========== Navigation ========== */
ul#main_navigation
{
	margin:0 auto;
	width:900px;
	height:26px;
	display:block;
	list-style:none;
	background:url(../images/global/menubg.jpg) top center no-repeat;
}

ul#main_navigation li
{
	padding:0 8px;
	height:26px;
	display:block;
	text-align:left;
	list-style:none;
	float:left;
}

ul#main_navigation li a
{
	padding:2px 10px;
	height:22px;
	display:block;
	font:14px "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
}

ul#main_navigation li a:hover
{
	background:#fff;
	color:#002b71;
}

/* ========== Text Attributes ========== */

/* ========== Image Attributes ========== */
h1 img
{
	margin:0;
	border:0;
}

img
{
	border:0;
	margin:0;
}

img.right
{
	float:right;
	border:0;
	margin:0;
}

img.left
{
	float:left;
	border:0;
	margin:0;
}

/* ========== Menu Attributes ========== */

ul#contractors_list
{
	width:615px;
	float:left;
	list-style:none;
}

ul#contractors_list li
{
	margin:5px;
	float:left;
}

ul#contractors_list li a
{
	padding:5px;
	width:185px;
	height:115px;
	background:#4c4c4c;
	display:block;
}

ul#contractors_list li a:hover
{
	background:#798db4;
}

ul#contractors_list li a img
{
	margin:0;
	border:1px #4c4c4c solid;
}

ul#contractors_list li a:hover img
{
	border:1px #798db4 solid;
}

div.left_side ul
{
	margin:5px 25px;
	font:14px;
}

div.right_side ul
{
	margin:5px 25px;
}

p
{
	margin:10px;
	font:14px;
}


div.project
{
	margin:0 auto 15px auto;
	width:600px;
}

div.project div.title
{
	width:585px;
	height:20px;
	padding:5px;
	background:#002b71;
}

div.project div.title input
{
	width:140px;
	padding:0 5px;
	height:20px;
	border:1px #798db4 solid;
	background:#aaa;
	float:right;
}

div.project div.title input:focus
{
	border:1px #798db4 solid;
	background:#fff;
	float:right;
}

div.project div.view
{
	margin-left:5px;
	width:75px;
	height:20px;
	border:1px #798db4 solid;
	background:#798db4;
	color:#fff;
	text-align:center;
	float:right;
	cursor:pointer;
}

div.project div.view:hover
{
	background:#fff;
	color:#002b71;
}

div.project h3
{
	font:18px "Century Gothic", ial, Helvetica, sans-serif;
	background:#002b71;
	color:#fff;
	float:left;
}

div.project div.project_content {
	display:none;
	width:595px;
	margin:25px 10px;
	height:0;
	overflow:hidden;
}


div.project div.project_content table
{
	border-collapse: collapse;
	empty-cells: show;
	border:1px #555 solid;
	width:250px;
	float:left;
	clear:left;
}

div.project div.project_content table thead tr td.files
{
	width:150px;
	background:#002b71;
	color:#fff;
	font:14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	border:1px #555 solid;
}

div.project div.project_content table thead tr td.orderfiles
{
	background:#002b71;
	color:#fff;
	font:14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	border:1px #555 solid;
}

div.project div.project_content table tr td.orderfiles
{
	background:#f1f1f1;
	color:#000;
	font:12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	border-bottom:1px #999 solid;
}

div.project div.project_content table tr td.files
{
	width:150px;
	background:#f1f1f1;
	color:#000;
	font:12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	border-bottom:1px #999 solid;
	border-right:1px #555 solid;
	overflow:hidden;
}



div.projects_page img
{
	background:#999;
	margin:32px;
}

div.moreorder
{
	padding:10px;
	width:220px;
	color:#000;
	float:right;
}

div.moreorder fieldset
{
	padding:5px;
}

div.moreorder legend
{
	padding:5px 10px;
	font-weight:bold;
	color:#000;
}

div.moreorder input 
{
	margin:1px 5px 1px 10px;
	width:25px;
	height:25px;
	float:left;
	clear:left;
}

div.moreorder input.otherlabel 
{
	margin:0 5px 1px 10px;
	width:135px;
	height:25px;
	float:right;
	clear:left;
	background:#fff;
}

div.moreorder label 
{
	margin:1px 10px;
	width:130px;
	height:25px;
	float:left;
}

div.moreorder select
{
	margin:1px 5px 1px 10px;
	width:85px;
	float:left;
}

div.moreorder p.select_instructions
{
	width:75px;
	float:right;
	font:11px Arial, Helvetica, sans-serif;
}

div.moreorder fieldset input.info
{
	margin:2px 5px;
	width:175px;
	height:25px;
	background:#fff;
}

div.moreorder fieldset select.deliveryoptions
{
	margin:2px 5px;
	width:175px;
	height:25px;
	background:#fff;
}

div.moreorder input.submit
{
	margin:5px;
	width:205px;
	height:25px;
	border:1px #002b71 solid;
	background:#798db4;
	color:#fff;
	text-align:center;
	font:16px;
}

div.moreorder label.info
{
	margin-bottom:-5px;
}

div.projects_page img
{
	background:#999;
	margin:32px;
}

a.pricing
{
	margin:10px 32px;
	padding:10px;
	width:165px;
	border:1px #002b71 solid;
	background:#798db4;
	color:#fff;
	text-align:center;
	float:right;
	cursor:pointer;
	text-decoration:none;
	font:16px;
}

a.pricing:hover
{
		background:#fff;
		color:#002b71;
}


.required
{
	color:#990000;
	font-weight:bold;
	border:1px #990000 solid;
}


div.notes
{
	margin:0px;
	width:250px;
	height:90px;
	clear:left;
}

div.notes a.note
{
	margin:0 0 5px 0;
	padding:10px;
	width:230px;
	height:15px;
	display:block;
	border:1px #002b71 solid;
	background:#798db4;
	color:#fff;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	font:11px;
}

div.notes a.note:hover
{

	background:#fff;
	color:#002b71;
}