/* CSS Document */

*
{
	margin:0;
	padding:0;
	outline:0;
}
* ul
{
	list-style:none;
}
p {
	margin-bottom: 15px;
}
img{
	border:none;
}
	
body
{
	background:#000000;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif, Arial;
	font-size:12px;
}

#container
{
	background:#000000 url(../images/container-bg.jpg) repeat-y center;
	width:939px;
	margin:0 auto;
	/*border:2px dotted green;*/
}

#header
{
	background: #000000 url(../images/header-bottom-bg.jpg) no-repeat center 79px;
	height: 100px;
	/*border:2px dotted red;*/
	position:relative;
}
#starball
{
	position:absolute;
	background: transparent url(../images/starball.png) no-repeat top left;
	height: 253px;
	width:253px;
	top:-60px;
	left:30px;
}
#logo
{
	position:absolute;
	height: 25px;
	width: 215px;
	right:20px;
	bottom:20px;
	border:none;
}

#links_bar
{
	height:24px;
	margin:0 40px 8px 285px;
	/*border-bottom: 1px solid #DDDDDD;*/
	text-align:center;
	padding-right: 20px;
}

#links_bar ul li
{
	display:inline;
	color: #CCCCCC;
	margin:0 5px 0 5px;
	font-size:14px;
}

#links_bar ul li a
{
	text-decoration:none;
	color: #999999;
	padding:0px 10px 3px 10px;
	letter-spacing:2px;
}
#links_bar ul li a:hover {
	color:#000000;
	background-color:#EFEFEF;
}

#left_sidebar
{
	border-right:0px solid silver;
	width:240px;
	/*height:500px;*/
	float:left;
	margin: 60px 0 0 0 ;
}

.left_nav
{
	background:url(../images/left_nav_body.jpg) repeat-y left;
	border:0px solid red;
}
.left_nav h2
{
	background:url(../images/left_nav_top.jpg) no-repeat left top;
	font-size: 16px;
	padding: 16px 0 0px 10px;
	color: #ffffff;
}
.left_nav ul
{
	background:url(../images/left_nav_bottom.jpg) no-repeat left bottom;
	color:#990000;
	/*padding-top:10px;*/
	padding-bottom:20px;
	border:0px solid blue;
}

.left_nav ul li
{
	border: 0px solid red;
	padding:0 0 0px 6px;
}

.left_nav ul li a.left_nav_link
{
	display:block;
	height:39px;
	width:219px;
	text-decoration:none;
	text-indent:-99999px;
	margin-bottom:8px;
}
.left_nav ul li a.left_nav_link.last {
	 margin-bottom:0;
}
.left_nav ul li a.left_nav_link.basic { background:url(../images/left_nav_basic.png) no-repeat left top; }
.left_nav ul li a.left_nav_link.basic:hover { background:url(../images/left_nav_basic_over.png) no-repeat left top; }
.left_nav ul li a.left_nav_link.editable { background:url(../images/left_nav_editable.png) no-repeat left top; }
.left_nav ul li a.left_nav_link.editable:hover { background:url(../images/left_nav_editable_over.png) no-repeat left top; }
.left_nav ul li a.left_nav_link.ecommerce { background:url(../images/left_nav_ecommerce.png) no-repeat left top; }
.left_nav ul li a.left_nav_link.ecommerce:hover { background:url(../images/left_nav_ecommerce_over.png) no-repeat left top; }
.left_nav ul li a.left_nav_link.graphic { background:url(../images/left_nav_graphic.png) no-repeat left top; }
.left_nav ul li a.left_nav_link.graphic:hover { background:url(../images/left_nav_graphic_over.png) no-repeat left top; }
.left_nav ul li a.left_nav_link.recent { background:url(../images/left_nav_recent.png) no-repeat left top;}
.left_nav ul li a.left_nav_link.recent:hover { background:url(../images/left_nav_recent_over.png) no-repeat left top; }

#left_nav_ad {
	margin: 15px 0 0 0;
}

#right_sidebar
{
	border:0px dotted blue;
	width:200px;
	float:right;
	background: #e0e0e0 url(../images/right_nav_body.jpg) repeat-y left;

}
#right_sidebar h4 {
	background:#000000 url(../images/right_nav_top.jpg) no-repeat left top;
	color:#999999;
	font-size:16px;
	padding:12px 12px 0 12px;
}
#right_sidebar ul {
	background:url(../images/right_nav_bottom.jpg) no-repeat left bottom;	
	padding:12px;
	font-size:13px;
}
#right_sidebar ul li {
	padding: 0px 8px 8px 0;
}
#right_sidebar ul li p.author {
	text-align:right;
	color:#777777;
	padding: 0px 0 15px 0;
	font-size:12px;
}

#content
{
	border:0px solid red;
	width:465px;
	margin:0px 10px 0 10px;
	/*min-height:1000px;*/
	float:left;
	padding-left: 5px;
}

#content_home
{
	border:0px solid red;
	width:630px;
	margin:0px 10px 0 10px;
	/*min-height:1000px;*/
	float:left;
	padding-left: 15px;
}

#content a {
	text-decoration:none;
	color:#0066FF;
}
#content a:hover {
	color:#990000;
	text-decoration:underline;
}

#content p {
	text-align:justify;

}
#content ul {
	margin: 0 0 00px 40px;
	border:0px solid red;
	float:left;
}
#content .line {
	border-top: 1px solid #DDDDDD;
	margin-bottom:12px;

}
#content ul li {
	color:#660000;
	border:0px solid silver;
	margin-top:-3px;
	margin-bottom:8px;
	list-style-image:url(../images/li_star.gif);

}
#content ul.no_columns li {
	float:none;
	width:100%;
}
#content ul.recent {
	padding:0;
	margin:0;
	list-style:none;
}
#content ul.recent li {
	list-style:none;
	padding:0;
	margin:0;
	border-bottom:1px dashed #BBBBBB;
	list-style-image:none;
	width:100%;
	float:none;
}
#content ul.recent li.last {
	border-bottom:none;
}

.info_box {
	float:right;
	margin-left:15px;
	/*border:5px solid #000000;
	background-color:#880000;*/
	border-left:1px solid #666666;
	padding-left:10px;
}
.info_box h2 {
	background:url(../images/our_services.jpg) no-repeat top right;
	text-indent:-99999px;
	height:26px;
	border:0px solid red;
}
.info_box ul {
	padding: 10px 10px 10px 25px;
	font-size:14px;
	color:#660000;
}
.info_box ul li {
	padding: 5px 0;
	list-style-image:url(../images/li_star_black.gif);
}

h1
{
	height:42px;
	text-indent:-99999px;
	margin-bottom: 15px;
}

h1.basic_websites {
	background:url(../images/basic_websites.jpg) no-repeat left top;
	margin-left:10px;
}
h1.cms_sites {
	background:url(../images/cms_sites.jpg) no-repeat left top;
	margin-left:10px;
}
h1.recent_projects {
	background:url(../images/recent_projects.jpg) no-repeat left top;
	margin-left:10px;
}
h1.graphic_design {
	background:url(../images/graphic_design.jpg) no-repeat left top;
	margin-left:10px;
}
h1.ecommerce {
	background:url(../images/ecommerce_websites.jpg) no-repeat left top;
	margin-left:10px;
}
h1.about_us {
	background:url(../images/about_us.jpg) no-repeat left top;
	margin-left:10px;
}
h1.contact_us {
	background:url(../images/contact_us.jpg) no-repeat left top;
	margin-left:10px;
}
h1.quote {
	background:url(../images/quote.jpg) no-repeat left top;
	margin-left:10px;
}

h3 {
	color:#999999;
	font-size:36px;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial;
	text-align:right;
	margin-bottom: 15px;
}
h2 {
	color:#0099FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h5 {
	margin-bottom:10px;
	font-family:Arial;
	font-size:16px;
	letter-spacing:1px;
	color:#999999;
}
.help-box {
	margin-top: 15px;
	padding:10px;
	background:#f0f0f0;
	clear:both;
	color:#666666;
}

.top-margin {
	margin-top: 10px;
}
#portfolio_top
{
	clear:both;
	border:0px dotted red;
	height:104px;
	height:22px;
/*	background:url(../images/torn_top.png) no-repeat left top;
	background: #000000 url(../images/footer-top-bg.jpg) no-repeat center top;*/
}

#portfolio_bottom
{
	clear:both;
	border:0px dotted red;
	height:88px; 
	background: #ffffff url(../images/torn_bottom.png) no-repeat left top;
}

.portfolio_title
{
	position:absolute;
	top:25px;
	left: 20px;
	height:23px;
	width:149px;
	text-indent:-99999px;
	background:url(../images/our_portfolio.jpg) no-repeat left top;
}

#flowContainer
{
	background: #000000 url(../images/footer-top-bg.jpg) no-repeat center top;
	height: 300px;
	padding-top: 45px;
	padding-left:19px;
	position:relative;
	clear:both;
	border:0px dotted red;
}

#footer
{
	clear:both;
	height:100px;
	/*background: #000000 url(../images/footer-top-bg.jpg) no-repeat center top;*/ 
	background:#000000;
	padding:0px 20px 0 20px;
	color:#666666;
	text-align:right;
	font-size:10px;
}

#footer #footer_links
{
	text-align:center;
	margin: 0 auto;
	border-top:1px solid #666666;
	width:800px;
	padding-top: 10px;
	font-size:12px;
	letter-spacing:1px;
}

#footer #footer_links a
{
	font-size:12px;
	letter-spacing:1px;
	color: #666666;
	text-decoration:none;
}

#footer #footer_links a:hover
{
	color: #FFFFFF;
}

#footer p {
	margin-top:20px;
}

#footer #footer_links ul li
{
	display: inline;
	margin-right: 15px;
}

#footer #footer_links ul li.divider
{
	color:#444444;
}

.clear {
	clear:both;
}

.red {
	color:#990000;
}

.float_left {
	float:left;
	margin-right: 10px;
}
.float_right {
	float:right;
	margin-left: 10px;
}
.align_left {
	text-align:left;
}
.center {
	text-align:center;
}	
#content .recent_desc {
	padding : 10px 0 0 0;
	width:235px;
}
#content .recent_desc a{
	color:#003399;
	text-decoration:none;
}
#content .recent_desc a:hover{
	text-decoration:none;
	color:#990000;
}
#content .recent_desc .small {
	color:#AAAAAA;
	font-size:11px;
}
#content .recent_desc h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding : 15px 0 0 0;
	letter-spacing:1px;
	color:#666666;
}
#content .recent_desc p {
	color: #666666;
	line-height:14px;
}
#content .recent_desc a.visit_site {
	height:20px;
	width:146px;
	background:url(../images/visitsite.jpg) no-repeat top left;
	text-indent:-99999px;
	margin-bottom:10px;
}
#content .recent_desc a.visit_site:hover {
	background:url(../images/visitsite_over.jpg) no-repeat top left;
}

div.row {
	clear: both;
}

div.row span.label {
  float: left;
  width: 140px;
  text-align: right;
  color: #999;
}

div.row span.formw {
  float: right;
  width: 315px;
  text-align: left;
  margin-bottom: 15px;
} 

div.row span.formw input, div.row span.formw textarea {
	padding: 5px;
	letter-spacing:1px;
	width: 95%;
	border: 1px solid #aaa;
	background:#fafafa;
}
div.row span.formw select {
	padding: 5px;
	letter-spacing:1px;
	width: 95%;
	border: 1px solid #aaa;
	background:#fafafa;
}

div.row span.formw input.checkbox {
	width:auto;
	float:left;
}

div.row span.formw input.error, div.row span.formw textarea.error, div.row span.formw select.error {
	border: 2px dashed #FF6666;
	background: #FFBBBB;
}
label.error {
	color:red;
}
.smalltext {
	font-size: 10px;
}

.box {
	border:1px solid #999;
	background: #fafafa;
	padding: 10px;
	margin-bottom: 15px;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0;
}

.box .no {
	background:url(../images/cross.jpg) no-repeat top right;
	width:156px;
	height:152px;
	float:right;
}

fieldset {
	border: none;
}

form h3 {
	text-align: left;
	margin: 10px 0 5px 0;
}

div.row span.formw div.buttonSubmit input, div.row span.formw div.buttonSubmit span {
	background-image:url(../images/button-submit.gif);
	background-position:right 0;
	background-repeat:no-repeat;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:36px;
	margin:20px 0;
	padding:0 15px 2px;
	position:relative;
	z-index:5;
	outline:0;
}

div.row span.formw div.buttonSubmit span {
	background-position:left -36px;
	left:0;
	padding:0;
	position:absolute;
	top:0;
	width:4px;
	z-index:10;
}
div.row span.formw div.buttonSubmit {
	position:relative;
}
div.row span.formw div.buttonSubmitHover input  {
	background-position: right -72px;
}
div.row span.formw div.buttonSubmitHover span  {
	background-position: left -108px;
}
.brown {
	color:#996600;
}