/* -----------------------------------------------------------------------------------
Main Style Sheet

version:	1.2
author:		Michael McDonald
email: 		info@yalestreetcreative.com
website: 	http://www.yalestreetcreative.com
----------------------------------------------------------------------------------- */ 

/*  Universal Selector for all margins and padding.  */
* {padding: 0;margin: 0;}
body {font-size: small;font-family: Arial, Helvetica, sans serif;color:#333333; background-color:#666666;}
A:link, A:active {color: #333333;text-decoration: none;}
A:visited {color: #333333;text-decoration: none;}
A:hover {color: #CC0000;text-decoration: underline;}
Table { border-collapse: collapse;}

/*  Structural Layout ------------------------------ */
#container {margin: 0 auto;width: 780px; background-color: #FFFFFF;}
#header {clear:both; background-color: #FFFFFF;}
#contentWrap {background-color: #FFFFFF; clear: both;}
#content {float:right; padding:10px; width:540px; background-color: #FFFFFF;	
display: inline; /* Internet Explorer Hack: Stops IE from doubling  margins */ }
#sidebar {float:left; width:140px; height:180px;margin-left: 50px;margin-top: 20px; text-align:center; padding: 0px;
display: inline;  /* Internet Explorer Hack: Stops IE from doubling  margins */}
#footer {clear: both;padding: 15px;text-align: center;border-top: 1px solid #999999;background-color: #FFFFFF;}
#footer ul {list-style: none; margin: 0px 0px 5px 0px;}
#theWord {margin: 0px auto;padding: 10px; width: 760px; text-align: center;}

/* Header Styles --------------------------------------- */
#head_left {float: left; text-align:center; width:200px;}
#toplinks ul{color: #333333;}
#toplinks li {float: right;list-style: none;padding: 5px 5px 2px 5px;}
#toplinks a:hover {text-decoration: underline;}
#logo {margin: 15px 10px 0px 50px;} /* Leave the site alone until changeover */
#logo2 {margin: 15px 0px 5px 0px; padding: 0px;}

/*  Menu Tabs ---------------------*/
#tabs { clear:both; }
#menutabs {margin-right: 4px; clear:right;}
#menutabs li {float: right; list-style: none;margin-right: .1em; line-height: 1.7em;}
#menutabs a {display: block; background: url(/img/tableft.gif) no-repeat left top;margin:0;padding:0 0 0 4px;
	text-decoration:none; letter-spacing: .07em;}
#menutabs a span {float: right;display: block;background: url(/img/tabright.gif) no-repeat right top; padding:6px 15px 3px 8px;
	text-decoration:none;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menutabs a span {float:none;} /* End IE5-Mac hack */
#menutabs a:hover span {}
#menutabs a:hover {background-position:0% -42px;}
#menutabs a:hover span {background-position:100% -42px;}
#menutabs #current a {background-position:0% -42px;}
#menutabs #current a span {background-position:100% -42px;}
/* END Header & Menu Tabs */

/* Content Styles --------------------------------------- */
#content h1 {font-size: 19px;color: #CC0000;font-weight: 500;letter-spacing: .05em;margin-bottom: 5px;margin-top: 10px;}
#content h2 {font-size: 17px;color: #CC0000;font-weight: 500;letter-spacing: .05em;margin:10px 0px 3px 0px;height: 22px;}
#content h3 {font-size: 15px;color: #CC0000;font-weight: 500;letter-spacing: .05em;margin-bottom: 5px;margin-top: 5px;}
#content ul {margin-left: 15px; margin-bottom: 15px;}
#content p {margin-top: 1px; margin-bottom: 20px; text-align: justify;}
.portfolio {margin: 0; background-color: #FFFFFF; padding: 0px;}
.port_right { width: 330px; float:right; text-align: left;}
.port_right p {margin: 0; padding: 0;}
.portfolio img  {margin: 0px; padding: 2px;float: left; width: 200px; height: 133px; border: 1px solid #999999;}
.port_right ul {margin: 1px 0px; padding: 0; list-style: none;}
.port_right li {margin: 0; padding: 1px;}
.porfolio li a {font-weight: bold;}
.center {margin: 5px; text-align: center;}
.client {margin-bottom:15px; padding:0; text-align:right; font-style:italic;}
.clear { height: 15px; clear: both;}
.cl {clear: both;}

/* Sidebar Styles ----------------------------------------------------------------- */
#sidebar ul {float: left; margin: 10px 0 0 10px; color: #333333; list-style-type: none;}
#sidebar li {font-size: 120%;letter-spacing: .03em; padding-bottom: 2px;}
.date {color:#666666; letter-spacing:.5px;}

/* Window Styles  ------------------------- */
#contain_win {margin: 10px auto;padding-top: 10px;width: 640px;}
#identity_win {margin: 10px auto;padding-top: 10px;width: 780px;}
.popWindow img {padding: 10px;background-color: #FFFFFF;border: 1px solid #333333;}
.closeWindow {margin: 10px;height: 30px;padding-top: 13px;text-align: center;background-image: url(/img/closewindow.gif);background-position: 50% 50%;background-repeat: no-repeat;}

/* Footer Styles ----------------------------------- */
#footer img {float:left;margin:5px;}
.copyright {clear:both; margin:10px; padding: 0px; font-size:smaller;}

/* Misc Styles  ----------------------------------- */
.bigtext {font-size: 125%;}
#leftlist {float: left;text-align: left;width: 260px;margin-left: 20px;}
#rightlist {float: right;text-align: left;width: 260px;margin-right: 20px;}
#leftlist ul, #rightlist ul {list-style: none;margin-bottom: 15px;padding: 0;}
#leftlist li, #rightlist li {font-weight: bold;}
#leftlist li li, #rightlist li li {font-weight: normal;list-style: none;margin-left: 0px;padding: 1px;}

/* Form Styles ----------------------------------- */
#sendform {margin: 10px 0 10px 0;}
label {float: left;margin: 0 0 0 10px;width: 190px;}
fieldset {margin: 5px 5px 0 0;}
submit {margin-left: 20px;}
legend {font-size: 130%;margin: 5px 5px 10px 10px;}

.paygo td {padding:0px 0px 8px 0px;}

/*  Front Box Styles. TEMPORARY! ---------------------------- */
#frontBox {background-color: #FFFFFF;width: 500px;margin: 50px auto;padding: 20px;text-align: center;border: 1px solid #993300;}
#frontBox ul {margin: 0;padding: 0;list-style-type: none;}
#frontBox li {display: inline;}

/* OLD Site Styles. TEMPORARY! ------------------------------ */
img {border: 0px;}
#right {float: right;width: 460px;background-color: #CCA;padding-bottom: 100px;}
#left {float: left;width: 225px;margin-right: 35px;background-color: #CEC;padding-bottom: 100px;}