﻿@charset "utf-8";
/* CSS Document */

/* NAVIGATION and MAIN FEATURE */
body { margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; background-color: #272727;}
#body {  background:url(../images/bkgrnd.jpg) repeat-x; margin:0; padding: 0;}

#page-container { width:1000px; margin:auto; padding-top:0px;}
#login-bar-bkgrnd{ background:url(../images/login-bar-bkgrnd.jpg) repeat-x; height:37px; margin:0px; padding:0px;}
#login-bar{ background:url(../images/login-bar.jpg) no-repeat; width:141px; height:39px; margin:auto;}

#feature-left{ float:left; width:261px;}
#raven-logo{width:261px; height:142px; margin-top:2px;}
#development-services{ background:url(../images/development-services.jpg) no-repeat; width:261px; height:37px; margin:-5px auto;}
#line1{ background:url(../images/line-1.jpg) no-repeat; width:261px; height:13px;}
#line2{ background:url(../images/line-2.jpg) no-repeat; width:261px; height:15px;}
#line3{ background:url(../images/line-3.jpg) no-repeat; width:261px; height:16px;}
#line4{ background:url(../images/line-4.jpg) no-repeat; width:261px; height:13px; margin-top:8px;}
.feature-type{ font-size:12px; color:#FFF; margin:0; padding-bottom:8px;}
.service_link { border-style:none; text-decoration:none;}
.service_link img { border-style:none; }
#feature-right{}
#navigation-bkgrnd{ background:url(../images/navigation-bkgrnd.jpg) no-repeat; width:328px; height:58px; float:right; margin-top:15px;}
#navigation {float: right; margin-top: 18px; padding-right:11px;}
ul.nav, ul.nav li {margin: 0; padding: 0;}
ul.nav li {display: inline; list-style: none; background: none;}
#navigation .nav a, #navigation .nav a:link, #navigation .nav a:visited {
font-size: 18px; text-decoration: none; padding: 0 10px; background: none; color: white; float: center;}
#navigation .nav a:hover, #navigation .nav li a.selectedPage {padding-top: 0px;}
#feature-box{ background:url(../images/feature.jpg) no-repeat; width:721px; height:333px; float:right; margin:50px auto auto 10px;}
#feature-slider { width:702px; height:317px; margin: 8px 9px 0px 9px; position:absolute;  }
#feature-work-banner { position:relative; float: right; margin:-5px -5px 0px 0px; z-index:1;}

/* CONTENT BOXES */
#box-container{ width:1000px; margin:auto auto 15px 30px; clear:both; padding-top:0px; height:230px;}
#box {float: left; padding: 10px; margin: 13px; background: #f8f8f8 url(../images/watermark.png) no-repeat; background-position:right; border: 1px solid #ebeaea; border-bottom: solid 15px #262626;    width: 275px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 275px; height: 175px;}
#box h3 { font-size:17px; color:#9e1d22; font-weight:normal; margin:0; padding:0 0 10px 0; }
#box a { color: Black; font-size: 13px;}
#box ul { color: #9e1d22; }
/* FOOTER */
#footer-container{ background:url(../images/footer-bkgrnd.jpg) repeat-x #272727; width:auto; clear:both; height:275px;}
#footer{width:1000px; margin:auto; padding-top:10px; color:#7c7c7c; font-size:12px; line-height:16px;}
#footer-left{float:left; width:290px; padding:10px;}
#footer-middle{float:left; width:370px; padding-left:20px;}
#footer-right{float:left; width:295px;}
.footer-header {font-size:18px; color:#FFF; font-weight:normal; margin:0; padding-top:5px; line-height:18px;}
.footer-p {font-size:18px; color:#FFF; font-weight:normal; margin:0; padding-top:5px; line-height:18px;}

.search_container {width: 181px; height: 28px; float: right; padding-top:15px; padding-left:4px; }
.search_container .search_field {float:left; font-size: 12px; color: #7c7c7c; padding: 6px 6px 0 6px; width: 134px; height: 22px; background: url(../images/search_field.jpg) no-repeat; border: none;}
.search_container button {background: url(../images/button_search.gif) no-repeat; cursor: pointer; border: none; height: 28px; text-indent: -9999px; width: 35px;}
.copyright {font-size: 12px; color: #c2c2c2; margin-top: 20px; padding-top: 20px; float: right; text-align: right; border-top: 1px solid #393939; width: 280px;}

.copyright {font-size: 12px; color: #c2c2c2; margin-top: 40px; padding-top: 10px; float: right; text-align: right; border-top: 1px solid #393939; width: 280px;}
.copyright p {font-size: 12px; color: #7c7c7c; margin-bottom: 7px;}
.copyright a {color: #c2c2c2; font-size: 12px; text-decoration: none;}
.copyright a:hover {color: #fff; text-decoration: underline;}

/*----- CONTENT CONTAINER --------*/
#content-container { width:1000px; margin:-40px auto auto auto; clear:both;}
#container-top{ background:url(../images/container-top.png); width:1000px; height:15px;}
#container-middle{ background:url(../images/container-middle.png) repeat-y; width:1000px; height:auto;}
#middle-content{  margin: 0 71px; padding-top: 20px; padding-bottom: 20px; position: relative;}
#container-btm-wrapper{ background-color:#3c3c3c;}
#container-btm{ background:url(../images/container-btm.png) repeat-y; width:1000px; height:19px; margin:-14px auto; padding-bottom:11px;}
.col_right { float: right; width: 273px; }
.sub_header { font-size: 18px; line-height: 28px; color: #333333; margin-top: 0px; padding-bottom: 5px; width: 590px; }
h1{ font-size:28px; color:#9e1d22; font-weight:normal; margin:0; padding:0 0 10px 0;}
h2{ font-size:20px; color:#333333; font-weight:normal; margin:0; padding:0 0 10px 0;}
p{margin:0; padding:0 0 14px 0; line-height:18px;}
.img-footer{ float:left; margin:0px;}


.web_icon { float: left; width: 70px; padding-right: 0px; }
.web_content{ margin: 10px auto 20px auto; color:#484848; font-size:14px;}
.web_content h2 { border: none; color:#333333; }

.wedo_content {  width: 150px; }
.wedo_content h2 { border: none; }
.wedo_content ul { float: none; color: #6C6B67; padding-left: 2px; list-style-type:none;}
.wedo_content li { font-size: 12px; line-height: 22px; list-style-type:none;}
blockquote { font-style:italic; }
/*------ PORTFOLIO ITEMS -----------*/
.portfolio_item { text-align:center; padding:15px; }
.portfolio_item img { padding: 6px; border: solid 1px #d6d6d6; text-align:center; display:block; background: #ffffff; }
.portfolio_item a { font-size: 10px; color: #9e1d22;  }


/*----SOCIAL NETWORKS-------------*/
ul.social {padding: 0 !important;}
ul.social li {border-top: 1px solid #383838; width: 300px !important; display: block; position: relative;}
ul.social li.last {border-bottom: 1px solid #383838;}
ul.social li a {padding: 8px 0 8px 25px; font-size: 12px; color: #dfdfdf; text-decoration: none; padding-left: 28px; display: block; text-align:left;}
ul.social li a:hover {color: #fff; background-position: 0 -28px;}
ul.social li a div {position: absolute; top: 8px; right: 0; color: #868686;}
a.facebook {background: url(../images/icon_facebook.gif) no-repeat left 6px;}
a.flickr {background: url(../images/icon_flickr.gif) no-repeat left 6px;}
a.feed {background: url(../images/icon_feed.gif) no-repeat left 6px;}
a.linkedin {background: url(../images/icon_linkedin.gif) no-repeat left 6px;}
a.delicious {background: url(../images/icon_delicious.gif) no-repeat left 6px;}
a.digg {background: url(../images/icon_digg.gif) no-repeat left 6px;}

/* UNIVERSAL */
.img { float:left; margin-right:5px;}
.img-read-more { padding-top:5px;}
.img-footer{ float:left; margin:0px;}
h2{ font-size:18px; color:#FFF; font-weight:normal; margin:0; padding-top:5px;}
h3{ font-size:18px; color:#000; font-weight:normal; margin:0; padding-top:0px; padding-bottom:5px;}



/*------ LOGIN DROP DOWN ------*/

#login_info {
	height:101px;
	background: url('../images/footer-bkgrnd.png') repeat-x;
	border-bottom:1px solid #6E5631;
	color:#FFFFFF;
	margin-top:-117px
}
#login_info .inside {
	position: relative;
	width:875px;
	margin: 0 auto;
	height:101px;
	margin-top: 15px;
}

#login_info .tab {
	width: 141px;
	height: 39px;
	/*position: absolute;*/
	bottom: -34px;
	left: 419px;
	cursor:hand;
}

/*------------- FORM CONTENT ---------------*/
label { text-decoration: none; font-size: 12px; color: #6a6a6a; float: right; margin-top: 8px; }
.user_info { width: 690px; margin: 15px 15px 0 0; }
.user_info input { height: 20px; margin: 0 0 30px 10px; padding: 5px; width: 300px; text-decoration: none; font-size: 15px; color: #6a6a6a; background-color: #EDECEC; border: 1px solid #9f9f9f; }
.text_box { height: 20px; margin: 0 0 30px 10px; padding: 5px; width: 300px; text-decoration: none; font-size: 15px; color: #6a6a6a; background-color: #EDECEC; border: 1px solid #9f9f9f; }
.dropdown { margin: 0 0 30px 10px; padding: 2px; text-decoration: none; font-size: 15px; color: #6a6a6a; background-color: #EDECEC; border: 1px solid #9f9f9f; }
.dropdown option { padding: 3px; }
.none { /* border-bottom: 1px solid #666666; */ }
.last { margin-bottom: 4px; }
.user_info textarea { margin: 0 0 30px 10px; width: 300px; padding: 5px; height: 150px; text-decoration: none; font-size: 15px; color: #6a6a6a; background-color: #EDECEC; border: 1px solid #9f9f9f; }
.link_box {  width: 273px; border: 1px solid #aeaaa2; padding: 4px; margin: -440px 400px 0px 550px; position:absolute; background: #url(../images/watermark.png) no-repeat; background-position:right; border-bottom: solid 15px #262626;  } /*jandaco link_box*/
.contact_box { float: right; width: 270px; height: 100%; padding: 4px; margin-top: 30px; }
.link { width: 223px; height: 100%; background: #edecec; padding: 20px 25px; }
div.easy_steps { list-style: none; display: inline; }

/*----------------NOTICES--------------------*/
.system_messages {
	margin: 0;
	padding: 5px 0 0;
}

.system_messages li {
	list-style:none;
	margin: 0 0 7px;
	padding: 5px 0 5px 38px;
	font-size: 11px;
	position: relative;
	top: 0;
	left: 0;
	min-height: 1px;
	list-style-position: outside;
	
}

.white {
	background: #fefefe url(../theme-images/white_message.gif) repeat-x;
	border: 1px solid #dbdbdb;
}

.system_title {
	font-size: 11px;
}

.ico {
	display: block;
	width: 23px;
	height: 23px;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	left: 4px;
	top: 1px;
}

.white .system_title {
	color: #4f4f4f;
}

.white .ico {
	background-image:url(../theme-images/white_ico.png);
}

.red {
	background: #e2c5c5 url(../theme-images/red_message.gif) repeat-x;
	border: 1px solid #cf9e9e;
}

.red .system_title {
	color: #ae2727;
}

.red .ico {
	background-image:url(../theme-images/red_ico.png);
}

.blue {
	background: #c4dde3 url(../theme-images/blue_message.gif) repeat-x;
	border: 1px solid #9cc6d0;
}

.blue .system_title {
	color: #0f4b74;
}

.blue .ico {
	background-image:url(../theme-images/blue_ico.png);
}

.green {
	background: #c7e5c2 url(../theme-images/green_message.gif) repeat-x;
	border: 1px solid #a2d399;
}

.green .system_title {
	color: #386d19;
}

.green .ico {
	background-image:url(../theme-images/green_ico.png);
}

.yellow {
	background: #eae1b1 url(../theme-images/yellow_message.gif) repeat-x;
	border: 1px solid #e0d182;
}

.yellow .system_title {
	color: #675918;
}

.yellow .ico {
	background-image:url(../theme-images/yellow_ico.png);
}
