/* CSS Document */

/* WebYep Image Gallery */


.WebYepGalleryContainer
{
margin-top:-5px;
}


.WebYepGalleryText
{
visibility: collapse; position:absolute;
}

.WebYepGalleryImage
{
padding:5px;
}

.WebYepGalleryImage img
{
padding:2px; border:solid 1px #FFFFFF;
}

/* Universal */

body {
margin:0px;
}

.container {
width:1000px;
margin-left:auto;
margin-right:auto;
}

/* Header */

#header {
height: 100px;
margin: 20px 0 0 0px;
background-color:#FFFFFF;
}

#logo { margin-top:-10px;
margin-left:-35px;
}

#intro {
width:100%;
height:191px;
background-image: url(../images/bg.jpg);
background-repeat:repeat-x;
padding: 10px 50 0 50;
margin:0px;
}

/* Intro */

#intro p {
width:600px;
padding:0px 50px 30px 0;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:16px;
}

#intro h1 {
width:600px;
padding:30px 50px 0px 0;
font-family: Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:30px;
font-weight:800;
font-style:italic;
}

#intro img {
padding:5px;
border:solid 1px #ffffff;
float:right;
vertical-align: middle;
margin: 27px 0 27px 0;
}

/* Content */

#content {
color:#333333;
margin-top: 30px;
}

/* Wide Column */

#widecolumn {
width: 600px;
padding: 20px 30px 0 0;
border-right: solid 1px #dd730a;
}

#widecolumnflash {
width: 800px;
padding: 20px 30px 0 0;
}

#widecolumn h2, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, #widecolumnflash h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#E36F1E;
font-size:20px;
line-height:15px;
text-decoration:none;
}

#widecolumn h3, #widecolumnflash h3 {
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size:15px;
font-style:italic;
}

#widecolumn h4 {
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size:14px;
margin-bottom:-10px;
}

#widecolumn p, #widecolumnflash p {
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size:14px;
margin: 18px 0 25px 0;
line-height:18px;
}

#widecolumn .line {
border-bottom:dotted 1px #999999;
padding-bottom:10px;
}

#widecolumn .screenshot {
padding:5px;
border:solid 1px #999999;
float:right;
margin: 0 0 10px 10px;
}

#widecolumn a:link, #widecolumn a:visited, #widecolumn a:hover, #widecolumn a:active {
text-decoration:none;
color:#E36F1E;
}

#widecolumn .icon {
float:left;
vertical-align:text-top;
}

#widecolumn .feature {
width:250px;
}

#widecolumn .icontext {
margin-left: 60px;
}

#widecolumn .left {
width:300px;
float:left;
}

#widecolumn .right {
margin-left:300px;
}

#terms {
width:950px;
}

#terms ul, ol, li, p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

/* Portfolio */

#widecolumn .portfolio {
border:solid 3px #999999;
width:285px;
float:left;
margin: 10px auto 5px auto;
}

#widecolumn .porttitle {
	clear:both;
	text-align:right;
	color:#E36F1E;
	margin-right:5px;
}

/* Right Column */

#rightcolumn {
width: 350px;
float:right;
}

#rightcolumn li {
list-style:inside;
border-bottom: dotted 1px #999999;
font-size:16px;
padding: 10px;
color:#666666;
}

#rightcolumn li a {
color:#333333;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

#rightcolumn li a:link {
color:#666666;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

#rightcolumn li a:visited {
color:#666666;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

#rightcolumn li a:hover {
color: #E36F1E;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

#rightcolumn li a:active {
color:#E36F1E;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

/* Form */

#clientlogin {
text-align:right;
padding: 25px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
float:right;
}

#clientlogin h1{
text-align:right;
margin: 0px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#E36F1E;
}

#clientlogin .label {
text-align:right;
padding: 10px 0 0px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}

.field {
background-color: #E6E6E6;
border:solid 1px #C0C0C0;
padding:3px;
color:#666666;
}

.button {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:800;
background-color: #C95F00;
border:solid 1px #C0C0C0;
padding:3px;
font-size:13px;
}

/* Twitter */

#rightcolumn .twitter_title {
list-style:none;
font-size:16px;
padding: 10px;
color:#666666;
border-bottom:none;
line-height:12px;
margin-bottom:-8px;
}

#twitter_update_list li {
	text-align: left;
	font-size:12px;
	list-style:none;
	color: #666;
	padding: 5px 0 5px 5px;
	margin: 5px 0 5px -25px;
	background-color: #F4F4F4;
	border-top: solid 1px #EFEFEF;
	border-bottom: solid 1px #EFEFEF;
	}
#rightcolumn .twitter-link {
	text-align:right;
	text-decoration:none;
	color:#E36F1E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

/* Form */

.field {
background-color: #E6E6E6;
border:solid 1px #C0C0C0;
padding:3px;
color:#666666;
}

.button {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:800;
background-color: #C95F00;
border:solid 1px #C0C0C0;
padding:3px;
font-size:13px;
}

/* Signup Form */

#signup {
text-align:right;
padding: 10px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
}

#signupflash {
text-align:left;
padding: 10px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
}

#signup .label {
text-align:left;
padding: 10px 10px 0px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}

#signup .field {
background-color: #E6E6E6;
border:solid 1px #C0C0C0;
padding:3px;
color:#666666;
margin: 5px 0 10px 0;
}

#signup .submit {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:800;
background-color: #C95F00;
border:solid 1px #C0C0C0;
padding:5px;
font-size:14px;
}

#signup .reset {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:800;
background-color: #C0C0C0;
border:solid 1px #999999;
padding:5px;
font-size:14px;
}

/* Footer */

#footer
{
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #999999;
margin-top:30px;
padding:10px 0 10px 0;
border-top:dotted 1px #999999;
}

#footer a:link, a:visited, a:hover, a:active {
text-decoration: underline;
color: #999999;
}

#address {
text-align:right;
float:right;
line-height:14px;
margin-bottom:10px;
}

/* Tooltips */

   
      a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
      a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:300px;}
      a.tooltip:hover span{display:inline; position:absolute; background:#E36F1E; border:1px solid #cccccc; color: #333;}