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

body,
	html {
		margin:0;
		padding:0;
		background:#174f83 url(../images/main_bg.jpg) top repeat-x;
		color:#000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 18px;
	}
	body {
		min-width:750px;
	}
	#globalwrap {
		background: url(../images/shining_bg.jpg) top no-repeat;
		margin:0 auto;
		width:943px;
	}
	#wrap {
		margin:0 auto;
		width:803px;
	}
	#header {
		background: url(../images/header_bg.jpg) no-repeat;
		height: 82px;
	}
	#header .logo {
    	padding-left:10px;
	    margin:0;
		float:left;
    }
	#header #action {
		width:249px;
		float:right;
		color:#ececec;
		padding-top: 12px;	
	}
	#header #action img {
		margin: 7px 0 0 -15px;	
	}
	#navwrap {
		margin: 0 10px;		
		border: 1px solid #b0baaa;		
		height: 50px;		
		border-bottom: none;
		background:url(../images/nav_bg.jpg) top repeat-x;
	}
	#navwrap img{
		float:left;
	}	
	#nav {
		padding: 22px 0 0 0;
		float:left;
	}

	#nav ul{
		width: 757px;
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;		
	}
	#nav li{
		display:inline;
		margin:0;
		padding: 17px 10px 14px 10px;	
		border-right: 1px solid #d4d9dd;
	}
	#nav li.last { 
		border-right: none; 
	}

	#nav li a{
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration:none;
		font-size:12px;	
		text-transform:uppercase;
	}
	#nav li a:hover{
		text-decoration: underline;
	}
	#mainwrap {
		background:#648baf;
		padding: 0 10px 10px 10px;

	}
	#wrapwhite {
		background:#ececec url(../images/wrap_white_bg.jpg) top no-repeat;
		padding: 10px;
		border: 1px solid #b0baaa;	
		border-top: none;
		width: 761px;
	}
	#seo #wrapwhite {
		background:#ececec url(../images/wrap_white_bg_seo.jpg) top no-repeat;
	}
	#webdesign #wrapwhite {
		background:#ececec url(../images/wrap_white_bg_wd.jpg) top no-repeat;
	}
	#webmarketing #wrapwhite {
		background:#ececec url(../images/wrap_white_bg_wm.jpg) top no-repeat;
	}
	#casestudies #wrapwhite {
		background:#ececec url(../images/wrap_white_bg_cs.jpg) top no-repeat;
	}
	#contact #wrapwhite {
		background:#ececec url(../images/wrap_white_bg_contact.jpg) top no-repeat;
	}
	#about #wrapwhite {
		background:#ececec url(../images/wrap_white_bg_about.jpg) top no-repeat;
	}
	#simple #wrapwhite {
		background:#ececec url(../images/wrap_white_bg_simple.jpg) top no-repeat;
	}
	#top_feature {
		margin: 14px 15px 0 15px;
		height: 146px;
		background: #5c3713 url(../images/top_feature_bg.jpg) top right no-repeat;

	}
	#seo #top_feature {
		background: #07512b url(../images/top_feature_bg_seo.jpg) top right no-repeat;
	}
	#webdesign #top_feature {
		background: #173746 url(../images/top_feature_bg_wd.jpg) top right no-repeat;
	}
	#webmarketing #top_feature {
		background: #59214b url(../images/top_feature_bg_wm.jpg) top right no-repeat;
	}
	#casestudies #top_feature {
		background: #830c1d url(../images/top_feature_bg_cs.jpg) top right no-repeat;
	}
	#contact #top_feature {
		background: #076366 url(../images/top_feature_bg_contact.jpg) top right no-repeat;
	}
	#about #top_feature {
		background: #c12603 url(../images/top_feature_bg_about.jpg) top right no-repeat;
	}
	#top_feature h2{
		font: bold 28px  Tahoma, Arial, Helvetica, sans-serif;
		color:#d6dcd2;
		padding:10px 0 0 0;
		margin:8px;
		line-height:28px;
	}
	#top_feature p{
		color:#816448;
		font-size: 12px;
		width: 500px;
		margin:0;
	}
	
	#seo #top_feature p{
		color:#a2d0af;
	}
	#contact #top_feature p{
		color:#e1f1f2;
	}
	#webdesign #top_feature p{
		color:#bbcdd5;
	}
	#webmarketing #top_feature p{
		color:#be97b1;
	}
	#about #top_feature p{
		color:#fafce1;
	}
	.highlighted{
		font: italic normal 24px "Times New Roman", Times, serif;
	}
	#main {
		float:left;
		width:500px;
		margin-left: 25px;
	}
		#main_wide {
		float:left;
		width:720px;
		margin-left: 25px;
	}
	#sidebar {
		float:right;
		width:220px;
		margin: 60px 0 0 0;
	}
	#sidebar2 {
		float:right;
		width:180px;
		margin: 0 0 0 15px;
		background:#FFF; 
		padding:10px; 
		font-size:11px; 
	}
	#sidebar2 ul {
		margin:0;
		padding: 0 0 0 15px;
    }
	#sidebar ul {
		margin-bottom:0;
    }
    #sidebar h3 {
		padding:0 10px 0 15px;
    }
	#footer {
		clear:both;
	}
	#footer p {
		padding:5px 0 5px 40px;
		margin:0;
		color:#ececec;
	}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	font: 220% "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 100%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:14px;
font-weight:bold;
margin-bottom:5px;
color:#366;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%; 
	color: #909090;
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0.5em 0;
}

abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #CCC;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
a {
	color: #275683;
}
a:hover {
	color: #3f83c4;
}
hr {
	margin-top: 20px;
	border:none;
	border-bottom:1px dashed #7f7f7f;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

p.note {
	font: 90% Arial, Helvetica, sans-serif;
	color:#707070;
}

div.box {
	margin:0 0 10px 0;
	background-color:#d3d3aa;
	font-size:90%;
	line-height: 140%;
	padding:0;	
	padding-bottom:14px;
}
div.box p{
	margin:5px 5px 0 15px;
}
div.box h4 {
	font: 240% Arial, Helvetica, sans-serif;
	text-align:right;
	padding: 10px 15px 0 0;
	margin:0;
	font-weight:bold;
	color:#4c7a43;
}
div.box h4 .highlighted {
	color: #816448;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/* ----------- stylized ----------- */
.myform{
width:500px;
padding:14px;
}


#stylized{
border:solid 2px #EAEAEA;
background: #F2F2F2;
float:left;
}

#stylized p{
font-size:10px;
color: #666;
margin-right:30px;
border-bottom:solid 1px #b7ddf2;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:200px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
line-height:11px;
font-weight:normal;
text-align:right;
width:200px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:215px;
margin:2px 0 5px 10px;
}
#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:220px;
margin:2px 0 5px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:220px;
margin:2px 0 5px 10px;
}

#stylized button{
clear:both;
margin-left:265px;
width:125px;
height:31px;
background: #C33;
text-align:center;
line-height:31px;
color: #fff;
font-size:14px;
font-weight:bold;
}
#frame
{
	width:645px;
	position:fixed;
	left:270px;
	top:250px;
	z-index:1;
	border:solid 1px #ccc;
	background-color:#F8FCFF;
	
}
#frame_msg_box
{
	padding:10px;
	color:#000;
}
#f_head
{
	height:15px;
	background-color:#5D8AAB;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	border:none;
}
#f_head a
{
	color:#fff;
	text-decoration:none;
}
#f_head a:hover
{
	color:#f00;
	text-decoration:none;
}