/* Portfolio 2007 */

/*set everything to 0*/
* {padding:0; margin:0; border: none}

/*style the body*/
body {
	margin:0;
	padding:0 10px 0 10px;
	font-size:100%;
	background: url(../images/bg.gif) repeat left top transparent; 
	color: white;
    font-family: Arial, Verdana, Helvetica, sans-serif}
	
/*clearing left and right floats and add clearing styles where needed*/
.clearLeft {clear:left}
.clearRight {clear:right}
.clearing {font-size:1px; height:1px; line-height:1px; border:none; clear:both;}

/*Hiding anything*/
.hide {display:none}

/*skip navigation link*/
#skiplink {
width:20%;
color:#bdc0b4;
font-size:0.1em;}
#skiplink a {color:#bdc0b4;}

/*main container layer*/
#container {width:800px; text-align:center; margin-right:auto; margin-left:auto; margin-top:0}

/*header styles*/
#header {text-align:left; height:85px; background: url(../images/headerBG.jpg) left top no-repeat #000; color:#fff; border-bottom:1px solid #f13fa8; padding:0; margin:0}
#headerLeft {float:left; background: none transparent; color:#fff; padding-top:5px; padding-left:5px; }
#headerRight {float:right; background: none transparent; color:#fff;}
#headerRight ul {list-style:none; padding: 0; font-size:0.8em; padding: 4px; margin:0; margin-top:2px; background: none transparent}
#headerRight ul li {display:inline; background: none #fff; color:#000; padding: 2px 4px 2px 5px; margin:0}
#headerRight ul li#globalSelected {color:#f13fa8;}
#headerRight ul li.globalSelected {color:#f13fa8;}
#headerRight ul li a {text-decoration: none; color:#000; background: none #fff;}
#headerRight ul li a:link {text-decoration: none;} 
#headerRight ul li a:active {text-decoration: none;}
#headerRight ul li a:visited {text-decoration: none;}
#headerRight ul li a:hover {text-decoration: none; color: #f13fa8; background: none #fff;}

/* generic content style*/
#content {float:left; color:#000; background: url(../images/mainBGDetail.gif) right bottom no-repeat #fff; margin-bottom:2px; width:800px; padding-bottom:40px}

/* Portfolio pages and info*/
#contentLeft {float:left; margin-left:18px; display:inline; width:425px; background: none white; color: #f13fa8; padding-top:20px; padding-bottom:10px;}
#contentLeft p {font-size:0.9em; text-align:left; margin: 10px 0 9px 16px; padding-right:0; color:#333; background: none #fff; line-height:1.2em;}
#contentLeft p a {color: #f13fa8; background: none #fff; }
#contentLeft p a:link {text-decoration:underline}
#contentLeft p a:active {text-decoration:none}
#contentLeft p a:visited {text-decoration:underline; color:#999; background: none #fff}
#contentLeft p a:hover {text-decoration:none; background: none #333; color: #fff;}

#contentLeft blockquote {font-style: italic; font-size:0.85em; text-align:left; margin: 10px 0 9px 16px; padding-right:0; color:#333; background: none #fff; line-height:1.4em;}

/*Design archive*/
#contentLeft div#strips {float:left; display:inline; font-size:0.8em; text-align:left; margin: 0 0 9px 16px; padding-right:0; color:#333; background: none #fff; line-height:1.2em;}
#contentLeft div#strips img {border: 5px solid #e7e7e7; margin-bottom:2px; margin-top: 15px; display:inline}
#contentLeft div#strips a {color: #999; background: none #fff;}
#contentLeft div#strips a:link {text-decoration:none}
#contentLeft div#strips a:active {text-decoration:none}
#contentLeft div#strips a:visited {text-decoration:none; color:#999; background: none #fff}
#contentLeft div#strips a:hover {text-decoration:none; background: none #fff; color: #f13fa8;}
#contentLeft div#strips a:hover img {border: 5px solid #f13fa8;}

/*List styles*/
#contentLeft ul {margin: 10px 7px 9px 35px; font-size: 0.9em; text-align:left;}
#contentLeft ul li {list-style:square; background: none #fff; color:#333; padding-left:0; margin-left:0; line-height:1.3em;}
#contentLeft ul li a {color: #f13fa8; background: none #fff}
#contentLeft ul li a:link {text-decoration:underline}
#contentLeft ul il a:active {text-decoration:none}
#contentLeft ul li a:visited {text-decoration:underline; color:#999; background: none #fff}
#contentLeft ul li a:hover {text-decoration:none; background: none #333; color: #fff;}

/*Contact form*/
#contentLeft form {margin-top: 10px}
#contentLeft fieldset {width:318px; border:0 solid #333; padding-left:0} 
#contentLeft fieldset legend {display:none;}
#contentLeft fieldset input {border: 1px solid #f13fa8;}
#contentLeft fieldset textarea {border: 1px solid #f13fa8;}
#contentLeft fieldset label {padding-bottom:2px}
#contentLeft fieldset input#sendButton {border: 0;}
.makeItShine {color:#f13fa8}
span.error {font-size: 0.88em; color:#f13fa8; font-weight:bold}
#contentLeft p.error {color:#f13fa8; font-weight:bold}
#contentLeft div.error {background: none #f13fa8; padding-top:10px; color:#fff}

/*Left hand headings*/
#contentLeft h1 {float:left; font-weight:normal; color:#fff; display: inline; width:420px; font-size:1.15em; font-weight:bold; background:url(../images/topHeadingBG.gif) left top no-repeat #000; line-height: 1em; text-align:left; margin-bottom:10px; padding: 7px 0 5px 16px;}
#contentLeft h1#home {margin-bottom:0; width:430px}
#contentLeft h2 {font-weight:bold; color:#f13fa8; font-size:1em; font-weight:bold; background:none #fff; line-height: 1em; text-align:left; padding:7px 4px 2px 0; margin-top:6px; margin-left:16px;}

/*Left hand content*/
#contentLeft div {text-align:left}
#contentLeft img {margin:0; padding:0;}
#contentLeft img#homeImage {display:inline;border-bottom:6px solid #f13fa8; border-top:2px solid #fff; margin-bottom:10px}

/* Flash thumbnails */
#contentLeft div#flashThumbs p {font-size:.9em; text-align:left; margin: 20px 0 20px 16px; padding-right:0; padding-left:0; color:#595959; background: none #e7e7e7; line-height:1.2em; clear:left; height:85px;}
#contentLeft div#flashThumbs p img {float:left; border: 5px solid #e7e7e7; border-top:0; margin-right: 7px; margin-bottom:20px;}
#contentLeft div#flashThumbs p a {display:block; color: #595959; background: none #e7e7e7; padding-top:5px; padding-bottom:5px;}
#contentLeft div#flashThumbs p a:link {text-decoration:none}
#contentLeft div#flashThumbs p a:active {text-decoration:none}
#contentLeft div#flashThumbs p a:visited {text-decoration:none; color:#595959; background: none transparent}
#contentLeft div#flashThumbs p a:hover {text-decoration:none; background: none #f13fa8; color: #fff;}
#contentLeft div#flashThumbs p a:hover img {border: 5px solid #f13fa8; border-top:0;}

#contentLeft .leftHandThumbs {margin-left:16px; margin-bottom:20px}
#contentLeft .leftHandThumbs div {float:left;margin-bottom:20px; font-size:.8em; color:#595959}
#contentLeft .leftHandThumbs img {border: 5px solid #e7e7e7; text-align:left; margin-right:30px}
#contentLeft .leftHandThumbs a:hover img  {border: 5px solid #f13fa8}

/*miscellaneous*/
.linkInfo {font-size: 0.88em; color:#f13fa8; font-weight:bold}
.clientName {font-size: 0.88em; color:#333; font-weight:bold; display:block; font-style: normal; margin-top:3px;}
.smallerLink {font-size: 0.88em; color:#f13fa8;}
acronym {border-bottom: 1px dotted #f13fa8}

/* for right-hand menu content */
#contentRight {float:right; width:320px!important; padding-bottom: 10px; margin-top:20px; text-align:left; background: none transparent;}
#contentRight h2 {color:#595959; clear:both; background: none #fff; text-align:left; font-size:1.15em; font-weight:bold; margin-right:15px; margin-top: 6px; padding:0 20px 0 0;}
#contentRight h2 span {font-weight:normal; font-size:.88em}
#contentRight h2 a {display:block; color:#595959; width:290px; font-size:.8em; padding: 3px 2px 2px 4px; border-bottom:1px solid #595959; margin-top:6px;}
#contentRight h2 a:link {text-decoration: none; background: url(../images/menuCorner.gif) right top no-repeat #e7e7e7; color:#595959}
#contentRight h2 a:visited {text-decoration: none; background: url(../images/menuCorner.gif) right top no-repeat #e7e7e7; color:#595959}
#contentRight h2 a:active {text-decoration: none; background: url(../images/menuCorner.gif) right top no-repeat #595959; color:#595959}
#contentRight h2 a:hover {background: url(../images/menuCornerOver.gif) right top no-repeat #f13fa8; color:#fff}

#contentRight h2#desFlashSelected {background: url(../images/menuCornerOver.gif) right top no-repeat #f13fa8; font-size:.9em; color:#fff; width:290px; margin-top:6px; padding: 3px 2px 2px 4px; border-bottom:1px solid #595959;}
#contentRight h2#desFlashSelected span {font-weight:normal; font-size:.88em}

#contentRight h3 {color:#f13fa8; clear:both; background: none #fff; line-height:1.3em;text-align:left; font-size:1em; font-weight:normal; margin-top:5px;}
#contentRight .thumbnailsWrapper {float:left;  margin-left:1px;}
#contentRight .thumbnailsWrapper div {float:left; display:block; margin: 5px 15px 15px 0; padding-bottom:0; font-size:.8em; color:#595959}
#contentRight .thumbnailsWrapper div img {border: 5px solid #e7e7e7; margin-bottom:2px;}
#contentRight .thumbnailsWrapper div img#selected {border: 5px solid #f13fa8;}
#contentRight .thumbnailsWrapper div a:hover img  {border: 5px solid #f13fa8}

#contentRight .thumbnailsWrapper div.unlinked {color: #ccc;}

#contentRight .thumbnailsWrapper div.unlinked img {border: 5px solid #f5f5f5;}

/*footer*/
#footer {width:100%; float:left; height:18px}
#footerLeft {color:#000; background: none transparent; font-size: 0.8em; float:left; margin: 5px 0 0 5px;}
#footerLeft span#lessDark {color:#666}
#footerRight {color:#000; background: none transparent; font-size: 0.8em; float:right; margin: 5px 5px 0 0;}
#footerRight ul {list-style: none;}
#footerRight li {display:inline; background: url(../images/flashFooter.gif) left top no-repeat transparent; color:#000; padding: 0 0 3px 18px}
#footerRight li#noIcon {display:inline; background: none transparent; color:#000; padding: 0 7px 3px 10px}