﻿body 
{
	line-height: 1;
	
}

div
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
	outline: 0;
}


a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;	
}

img 
{
	border-spacing:none;
	border-width:0;
}

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/*
CSS FOR MAIN PAGE
*/

#siteBody
{
	font-family:Arial
}

#container-main
{
	/*
		max-width: 800px;
		margin: auto;
	*/
}

#container-main-order
{
	font-family:Arial;
	padding-top:65px;
	max-width: 800px;
	margin: auto;
}

#header
{	
	overflow: hidden;
	width:105%;
	position:relative;
	left:-50px;
	background: url( "http://images.designcrowd.com/header_bg.png" ) top repeat-x;
	float:left;
	z-index:500;
}

#header_admin
{	
	overflow: hidden;
	width:105%;
	position:relative;
	left:-50px;
	background: url( "../img/header_bg.png" ) top repeat-x;
	float:left;
	z-index:500;
}

#header_inner
{	
	height: 55px;
	max-width: 900px;
	margin: auto;
}

#header_left
{
	float: left;
}

#header_right
{
	padding-right:5px;
	float: right;
	position:relative;
	top:13px;
	overflow: hidden;
	font-size: 12px;
	font-family: Arial;
	color: #666666;
	z-index:9999;
}

#header_right strong
{
	padding-right:5px;
	vertical-align: middle;
	font-size: 12px;
	font-family: Arial;
	color: #666666;
}


#header_right a
{
	padding-right:5px;
	vertical-align: middle;
	font-size: 12px;
	font-family: Arial;
	color: #666666;
}

#header_right img
{
	vertical-align: middle;
	padding-left:12px;
}

#nav
{
	background: url( "http://images.designcrowd.com/menu_bg.png" ) repeat-x;
	background-position: left bottom;
	height:82px;
	width:105%;
	position:relative;
	left:-50px;
	z-index:400;
}

#nav_inner
{
	max-width: 900px;
	margin: auto;
}

.imageFrame {
	text-align: left; 
    background-color: White; 
    border-style:solid;      
    font-size: 10px; 
    padding: 7px 7px 7px 7px;
    margin: 1px 1px 1px 1px; 
    border-width: 1px;
    border-color: #e0e0df; 
    vertical-align: middle; 
    text-align: center; 
    color: #BBBBBB;
}

.imageFrameVerySmall {
	text-align: left; 
    background-color: White; 
    border-style:solid;      
    font-size: 8px; 
    padding: 1px 1px 1px 1px;
    margin: 0px 1px 0px 1px; 
    border-width: 1px;
    border-color: #e0e0df; 
    vertical-align: middle; 
    text-align: center; 
    color: #BBBBBB;
}


#footer
{
	width:105%;
	position:relative;
	left:-50px;
	background: url( "http://images.designcrowd.com/footer_bg.png" ) top repeat-x;
	overflow: hidden;
	float:left;
	height:200px;
	color: #EEEEEE;
}


#footer_small
{
	width:105%;
	position:relative;
	left:-50px;
	background: url( "../img/footer_bg.png" ) repeat-x;
	background-position:0px -160px;
	display:block;
	overflow: hidden;
	float:left;
	height:43px;
	color: #EEEEEE;
}

#footer_inner
{
	max-width: 900px;
	margin: auto;
}

#footer_inner a
{
	font-size:11px;
	text-decoration:none;
	color: #EEEEEE;
}

#footer_copyright 
{
	padding-top:5px;
	max-width: 900px;
	margin: auto;
	font-size:9px;
	color:Gray;
}

#footer_copyright a
{
	text-decoration:none;
	color: #99ccff;
	padding-top:1px;
}

#footer_inner a:hover
{
	text-decoration:underline;	
}

#footer_inner td
{
	padding-left: 10px;
}

#footer_inner h4
{
	padding-top: 20px;
	padding-bottom: 10px;
	margin: 0;
	font-weight:bold;
	font-size:14px;
	color:#99ccff;
}

.main-body
{
	font-family: arial;
	font-size: smaller;
	padding-left: 15px;
}

/*--TopNav DroDown Menu --*/
ul#topnav 
{
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	height:43px;
	list-style: none;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 43px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/
ul#topnav a.home {
	background: url("http://images.designcrowd.com/menu_item_home.png") no-repeat;
	width: 37px;
}

ul#topnav a.categories {
	background: url("http://images.designcrowd.com/menu_item_category.png") no-repeat;
	width: 111px;
}
ul#topnav a.getstarted {
	background: url("http://images.designcrowd.com/menu_item_getstarted.png") no-repeat;
	width: 100px;
}
ul#topnav a.browseprojects {
	background: url("http://images.designcrowd.com/menu_item_browseproj.png") no-repeat;
	width: 119px;
}
ul#topnav a.porfolios {
	background: url("http://images.designcrowd.com/menu_item_portfolio.png") no-repeat;
	width: 91px;
}
ul#topnav a.aboutus {
	background: url("http://images.designcrowd.com/menu_item_aboutus.png") no-repeat;
	width: 91px;
}
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 43px; left: 0;
	z-index: 99999;
	background: #eeeeee url("http://images.designcrowd.com/sub_bg.png") repeat-x; /*--Background gradient--*/
	padding: 10px 15px 15px;
    border-color: #cbcbcb;
    border-style:solid; 
    border-width:1px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 7px;
	-khtml-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 7px;
	-khtml-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	display: none; /*--Hidden for those with js turned off--*/
}

ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 170px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #AAAAAA;
	font-size:13px;
	padding-bottom:4px;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 13px;
	font-weight: normal;
	padding-bottom:10px;
	color: #555555;
	font-weight:bold;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #555555;
	font-weight:bold;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url("http://images.designcrowd.com/header_downarrow.png") no-repeat 5px 12px;*/
	padding: 7px 5px 7px 0px;
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #555555;
}
ul#topnav .sub ul li a:hover {
	color: #458fad;
	background-position: 5px 12px ;/*--Override background position--*/
}