@import url(http://mollymaymar.com/css/reset.css);
@import url(http://mollymaymar.com/css/type.css);
@import url(http://mollymaymar.com/css/forms.css);

/*****************************************************
* Global
*****************************************************/

html { background: url(http://cloudfront.cachefly.net/dsv2/_img/bg.gif) repeat; }

body {
	-webkit-text-size-adjust:none;
	font: normal 100% Helvetica,Arial,sans-serif;
	text-shadow: #202020 0pt 0pt 0pt;
	color: #6c6c6c;
	}

div.clear {
	height: 0;
	position: relative;
	clear: both;
	}

hr, .hidden { display:none; }

.right { float:right; }

abbr, acronym { cursor:help; }


/*****************************************************
* Links
*****************************************************/

a:link,
a:active,
a:visited {
	text-decoration: none;
	}
	
a:hover {

	}


/*****************************************************
* Basics
*****************************************************/

#body {
	background: #262626 url(http://cloudfront.cachefly.net/dsv2/_img/body-bg.gif) top left repeat-x;
	}

#header {
	width: 960px;
	margin: 0px auto;
	}
	#masthead {
		margin-top: 16px;
		}

#content {
	width: 710px;
	margin: 0px auto;
	padding: 0 0 100px 250px;
	}
	#content h2 {
		margin-top: 56px;
		}


/*****************************************************
* Top Nav + Biz Card Styles
*****************************************************/

#top-nav li em, #home { display:none; }

ul#top-nav {
	width: 668px;
	height: 36px;
	margin-left: 292px;
	position: absolute;
	background: url(http://cloudfront.cachefly.net/dsv2/_img/top-nav-bg.gif) no-repeat;
	left: 931px;
	top: 150px;
	}
	ul#top-nav li {
		float: left;
		margin-left: 30px;
		text-indent: -9999px;
		}
	ul#top-nav li:first-child {
		margin-left: 218px;
		}
	ul#top-nav li a#profile {
		width: 52px;
		background-position: 0 0;
		}
	ul#top-nav li a#expertise {
		width: 67px;
		background-position: -58px 0;
		}
	ul#top-nav li a#portfolio {
		width: 73px;
		background-position: -131px 0;
		}
	ul#top-nav li a#resources {
		width: 77px;
		background-position: -210px 0;
		}
	ul#top-nav li a#contact {
		width: 61px;
		background-position: -291px 0;
		}
	
#top-nav li a:hover {
	height: 23px;
	margin-top: 8px;
	border-bottom: 3px solid #222;
	}
	#top-nav li a.selected {
		height: 21px;
		margin-top: 10px;
		border-bottom: 3px solid #AAB6DC;
		}
	a#home:hover {
		background-position: 0 -31px;
		}
		
#biz-card {
	width: 211px;
	height: 330px;
	position: absolute;
	}

		
/*****************************************************
* Alert + Site Guide
*****************************************************/

#alert {
	width: 960px;
	margin: 0px auto;
	padding: 12px 0 10px;
	color: #9c9c9c;
	}
	#hide-alert {
		width: 11px;
		height: 11px;
		margin: 3px 0 0 949px;
		text-indent: -9999px;
		position: absolute;
		background: url(http://cloudfront.cachefly.net/dsv2/_img/guide-n-alert.png) no-repeat;
		}

#alert p a {
	color: #6c6c6c;
	}
	#alert p a:hover {
		color: #ccc;
		}

a.toggle {
	float: right;
	margin: 6px 0 20px;
	padding-left: 16px;
	font: 10px Arial,sans-serif;
	text-transform: uppercase;
	color: #6c6c6c;
	}
	a.toggle:hover {
		color: #8c8c8c;
		}
	.hide, .view {
		background: url(http://cloudfront.cachefly.net/dsv2/_img/guide-n-alert.png) 0 -22px no-repeat;
		}
	.view {
		background-position: 0 -11px;
		}
			

/*****************************************************
* Footer Styles
*****************************************************/

#footer {
	min-height: 125px;
	border-top: 1px solid #292929;
	background: url(http://cloudfront.cachefly.net/dsv2/_img/footer-bg.gif) top left repeat-x;
	}
	#footer-content {
		width: 960px;
		margin: 0px auto;
		padding: 0 0 25px;
		background: url(http://mollymaymar.com/imgl/findme.gif) top left no-repeat;
		}
		#footer-content #top {
		height: 89px;
		margin-bottom: 13px;
		}
	#footer-content #bottom p {
		width: 450px;
		}
	#footer-content #bottom p.right {
		width: 400px;
		margin-right: 8px;
		padding-right: 45px;
		text-align: right;
		}

#footer a {
	color: #6c6c6c;
	}
	#footer a:hover {
		color: #acacac;
		}
		
ul#connect {
	margin-left: 210px;
	}
	ul#connect li {
		height: 33px;
		float: left;
		padding-top: 29px;
		text-indent: -9999px;
		}
	#linkedin {
		width: 109px;
		margin-right: 23px;
		}
	#behance {
		width: 157px;
		margin-right: 21px;
		}
	#virb {
		width: 80px;
		margin-right: 22px;
		}
	#twitter {
		width: 122px;
		margin-right: 26px; 
		}
	#kiva {
		width: 66px;
		margin-right: 29px;
		}
	#vimeo {
		width: 94px;
		}
	ul#connect li:hover {
		background: url(http://cloudfront.cachefly.net/dsv2/_img/connect-hover.png) top center no-repeat;
		}

ul#connect li a {
	height: 33px;
	display: block;
	background: url(http://cloudfront.cachefly.net/dsv2/_img/connect-options.png) 0 0 no-repeat;
	}
	ul#connect li#linkedin a {
		background-position: 0 0;
		}
	ul#connect li#linkedin a:hover {
		background-position: 0 -33px;
		}
	ul#connect li#behance a {
		background-position: -109px 0;
		}
	ul#connect li#behance a:hover {
		background-position: -109px -33px;
		}
	ul#connect li#virb a {
		background-position: -266px 0;
		}
	ul#connect li#virb a:hover {
		background-position: -266px -33px;
		}
	ul#connect li#twitter a {
		background-position: -346px 0;
		}
	ul#connect li#twitter a:hover {
		background-position: -346px -33px;
		}
	ul#connect li#kiva a {
		background-position: -468px 0;
		}
	ul#connect li#kiva a:hover {
		background-position: -468px -33px;
		}
	ul#connect li#vimeo a {
		background-position: -534px 0;
		}
	ul#connect li#vimeo a:hover {
		background-position: -534px -33px;
		}


/*****************************************************
* Portfolio
*****************************************************/

a#bn-port {
	margin: 2px 0 0 495px;
	position: absolute;
	}
	a#bn-port:hover {
		opacity: 0.85;
		}

.port-item {
	padding: 18px 0 24px;
	background: url(http://cloudfront.cachefly.net/dsv2/_img/double-border.gif) top left repeat-x;
	}
	.port-item:first-child {
		margin-top: 15px;
		}
	.port-item img.large {
		float: right;
		width: 490px;
		height: 290px;
		}

.port-item-info {
	width: 210px;
	}
	.port-item-info h3 {
		margin-bottom: -4px;
		}
	.port-item-info h4 {
		margin-bottom: 9px;
		}
	.port-item-info p {
		margin-bottom: 18px;
		line-height: 1.5em;
		}
	.port-item-info p.services, .disclaimer {
		margin-bottom: 0;
		font-size: 9px;
		font-weight: bold;
		line-height: 1.8em;
		text-transform: uppercase;
		color: #4c4c4c;	
		}

.thumbs {
	height: 98px;
	width: 710px;
	margin-top: 8px;
	background: #202020 url(http://mollymaymar.com/imgl/view.gif) top left no-repeat;
	}
	.thumbs a:first-child {
		margin-left: 220px;
		}
	.thumbs a {
		float: left;
		width: 117px;
		height: 98px;
		margin-left: 7px;
		padding: 0;
		cursor: url(http://cloudfront.cachefly.net/dsv2/_img/zoomin.cur), pointer;
		}
	.thumbs a.lightview,
	.thumbs a.jump-to-site {
		cursor: pointer;
		}
	.thumbs a img {
		width: 117px;
		height: 98px;
		}
	.thumbs a img:hover {
		opacity: 0.8;
		}

a#archived-btn {
	height: 108px;
	display: block;
	margin-bottom: -15px;
	text-indent: -9999px;
	}
	.shown, .hidden {
		background: url(http://cloudfront.cachefly.net/dsv2/_img/portfolio-archives.gif) 0 0 no-repeat;
		}
	.shown {
		background-position: 0 -108px;
		}
	.shown:hover, .hidden:hover {
		opacity: 0.8;
		}
		
#archived {
	margin: 0 0 15px;
	padding: 10px 0 23px;
	background: url(http://cloudfront.cachefly.net/dsv2/_img/double-border.gif) bottom left repeat-x;
	}
	#archived .row {
		width: 710px;
		margin-bottom: 15px;
		}
	#archived .row a {
		float: left;
		width: 230px;
		height: 230px;
		margin-right: 10px;
		cursor: url(http://cloudfront.cachefly.net/dsv2/_img/zoomin.cur), pointer;
		}
	#archived .row a:hover {
		opacity: 0.8;
		}

.disclaimer {
	padding: 0 100px;
	text-align: center;
	}


/*****************************************************
* Contact
*****************************************************/

#contact-details {
	height: 95px;
	margin-top: 20px;
	background: url(http://cloudfront.cachefly.net/dsv2/_img/contact-details-bg.gif) no-repeat;
	}
	#vCard {
		width: 33px;
		height: 31px;
		float: left;
		padding: 32px 40px 30px;
		}
	#phone, #mailing {
		float: left;
		width: 230px;
		margin: 18px 0 0 98px;
		}
	#mailing {
		margin-left: 0;
		}

#phone h5,
#mailing h5 {
	margin-bottom: -2px;
	}
	#phone p, 
	#mailing p {
		font-size: 13px;
		line-height: 1.75em;
		}
	#phone p span, 
	#mailing p span {
		margin-right: 5px;
		font-family: Arial;
		}

#success {
	width: 200px;
	padding: 30px 25px 25px;
	margin: 0px auto;
	margin-top: 95px;
	background: url(http://cloudfront.cachefly.net/dsv2/_img/success-msg-bg.gif) top left repeat;
	border: 1px solid #222222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	#success img {
		width: 55px;
		margin: 0 0 10px 72px;
		}
	#success p {
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		color: #ccc;
		}
	#success #subtext {
		margin-top: 15px;
		font-size: 12px;
		line-height: 1.5;
		}