/*
Title:		Imaginary Idea master styles for screen media
Author:		Terry Majamaki, design@imaginary-idea.com
Updated:	3/25/2005 
*/


body {
	font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 70%;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1.4em;
	color: #3F3F3F;
	background: #353535 url(../images/tilebg.png) repeat fixed;
	}

/* LINK */

a:link {
	color: #1978E7;
	text-decoration: none;
	}
a:visited {
	color: #4175B5;
	text-decoration: none;
	}
a:hover {
	color: #1A3D76;
	}
a:active {
	color:#97C5FF;
	}

/* COMMON */

/* common elements */


code {
	color: #999;
	font-family: Courier, Monaco, monospace;
	}
code strong {
	color: #999;
	font-weight: bold;
	}
abbr, acronym {
	border-bottom: 1px dotted;
	cursor:	help;
	font-style: normal;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
strike {
	text-decoration: line-through;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}
	
h2 {
	color: #952209;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: 1px solid #E1E1E1;
	font: normal 125% "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	letter-spacing: 0.1em;
	}
h2 span {
	text-transform: capitalize;
	color: #868686;
	font-weight: lighter;
	}
h3 {
	color: #6B727C;
	margin: 10px 0 0 0px;
	font: bold 115% "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	letter-spacing: 0.1em;
	padding: 0px 0 0px 20px;
	background: url(../images/icon.png) no-repeat 0px 50%;
	}
	
/* LISTS */	

ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	}

ul.href {
	padding: 12px 30px 12px 10px;
	text-align: left;
	}
ul.href li {
	background: url(../images/bullet_href.png) no-repeat 0px 3px;	
	padding: 3px 0 3px 20px;
	}
ul.href li:hover, ul.href li:active {
	background: url(../images/bullet_href.png) no-repeat 0px -197px;	
	padding: 3px 0 3px 20px;
	}
	
ul.list {
	padding: 12px 30px 12px 10px;
	text-align: left;
	}
ul.list li {
	background: url(../images/bullet_li.png) no-repeat 0px 6px;	
	padding: 3px 0 3px 20px;
	}
	
dl.dlist {
	padding: 6px 30px 12px 10px;
	text-align: left;
	list-style-type: none;
	margin: 0;
	}
dl.dlist dt {
	font-weight: bold;
	margin: 0;
	padding: 3px 0px;
	}
dl.dlist dd {
	background: url(../images/bullet_li.png) no-repeat 0px 6px;
	padding: 3px 0 3px 20px;
	margin: 0;
	}

.hide {
	display: none;
	}
#books img {
	border: 2px solid #FFFFFF;
	margin: 6px;
	padding: 0;
	background: #FFFFFF;
	}
#wrap {
	position: relative;
	margin: 0 auto;
	width: 740px;
	background: #FFF url(../images/bg.gif) repeat-y fixed 50%;
	text-align: left;
	border-left: 1px solid #060606;
	border-right: 1px solid #060606;
	border-bottom: 1px solid #060606;
	}
#imgrotator {
	width: 740px;
	height: 100px;
	background: #000 url(../images/rotate/rotator.php) no-repeat;
	}

	
/* NAVIGATION */
	
#nav {
	width: 740px;
	height: 27px;
	background: #EEEDED url(../images/nav_bg.gif) repeat-x;
	position: relative;
	}
#nav ul {
	margin: 0;
	padding: 0 0 0 33px;
	}
#nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	}
#nav ul li a {
	width: 91px;
	height: 27px;
	font-family : "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #939090;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	display: block;
	line-height: 3em;
	border: none;
	}
#nav ul li a span {
	display: block;
	position: absolute;
	overflow: hidden;
	font-size: 1px;
	color: #fff;
	height: 0;
	}

/* NAVIGATION - a */

#nav #home a {
	background: url(../images/nav.gif) no-repeat 0 0;
	}
#nav #services a {
	background: url(../images/nav.gif) no-repeat -91px 0;
	}
#nav #portfolio a {
	background: url(../images/nav.gif) no-repeat -182px 0;
	}
#nav #about a {
	background: url(../images/nav.gif) no-repeat -273px 0;
	}
#nav #contact a {
	width: 93px;
	background: url(../images/nav.gif) no-repeat -364px 0;
	}
	
/* NAVIGATION - a:hover */
	
#nav #home a:hover {
	background: #646464 url(../images/nav.gif) no-repeat 0 -27px;
	}
#nav #services a:hover {
	background: #646464 url(../images/nav.gif) no-repeat -91px -27px;
	}
#nav #portfolio a:hover {
	background: #646464 url(../images/nav.gif) no-repeat -182px -27px;
	}
#nav #about a:hover {
	background: #646464 url(../images/nav.gif) no-repeat -273px -27px;
	}
#nav #contact a:hover {
	width: 93px;
	background: #646464 url(../images/nav.gif) no-repeat -364px -27px;
	}

/* NAVIGATION - a:active */

#nav #home a:active, #nav #athome a {
	background: #3F3F3F url(../images/nav.gif) no-repeat 0 -54px;
	}
#nav #services a:active, #nav #atservices a {
	background: #3F3F3F url(../images/nav.gif) no-repeat -91px -54px;
	}
#nav #portfolio a:active, #nav #atportfolio a {
	background: #3F3F3F url(../images/nav.gif) no-repeat -182px -54px;
	}
#nav #about a:active, #nav #atabout a {
	background: #3F3F3F url(../images/nav.gif) no-repeat -273px -54px;
	}
#nav #contact a:active, #nav #atcontact a {
	width: 93px;
	background: #3F3F3F url(../images/nav.gif) no-repeat -364px -54px;
	}
	
#nav_top {
	height: 40px;
	background: url(../images/nav_top.png) no-repeat center top;
	}
	
/* MAIN CONTENT */

#main_content {
	position: relative;
	width: 490px;
	text-align: justify;
	top: -15px;
	margin: 0;
	padding: 0 0 15px 19px;
	float: left;
	border-bottom: 1px solid #E1E1E1;
	}
#main_content img {
	border: 2px solid #FFFFFF;
	margin: 0;
	padding: 0;
	}
	
/* RIGHTSIDE */

#right {
	position: relative;
	float: right;
	width: 209px;
	top: -12px;
	margin: 0;
	padding: 0;
	}
#right h5 {
	background: url(../images/sideheader.png) repeat-x;
	height: 26px;
	width: 199px;
	color: #868686;
	margin: 0;
	padding: 0 0 0 10px;
	font: normal 100%/2.5em "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	}
#right h5 strong {
	font-weight: bold;
	text-transform: uppercase;
	color: #5D5D5D;
	}
#right img {
	padding: 0;
	border: 2px solid #FFF;
	margin: 2px;
	display: inline;
	}
	
/* RIGHT SIDELIST */

#right sidelist ul {
	margin: 0;
	padding: 0;
	}

#right #sidelist li {
	font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 93%;
	margin: 0 5px;
	padding: 3px 0 0 3px;
	border-bottom: 1px solid #E1E1E1;
	line-height: 1.6em;
	list-style-image: none;
	list-style-type: none;
	display: block;
	}

#right #sidelist li a {
	color: #1978E7;
	margin: 0px;
	padding: 0px;
	}
#right #sidelist li a:hover {
	color: #1A3D76;
	background: #F3F2F2 url(none);
}
#right #sidelist li a:active {
	color:#97C5FF;
	background: url(none);
	}
#right #sidelist li a:visited {
	color: #4175B5;
	background: none;
	}
#right #sidelist .last {
	border: none;
	}
#right #sidelist span {
	color: #868686;
	}

/* SUBNAV SIDELIST */

#subnav #sidelist li {
	font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 93%;
	margin: 2px 0px;
	display: block;
	background: none;
	text-transform: capitalize;
	padding: 0;
	height: auto;
	}

#subnav #sidelist li a {
	margin: 0px 5px;
	padding: 3px 0px 0px 2px;
	border-top: none;
	border-bottom: 1px solid #E1E1E1;
	background: none;
	color: #1978E7;
	display: block;
	height: auto;
	line-height: 1.6em;
	}
#subnav #sidelist li a:hover {
	color: #1A3D76;
	background: #F3F2F2 url(none);
	border-bottom: 1px solid #D5D5D5;
}
#subnav #sidelist li a:active {
	color:#97C5FF;
	background: url(none);
	}
#subnav #sidelist li a:visited {
	color: #4175B5;
	background: none;
	}
#subnav #sidelist .last {
	border: none;
	}
#subnav #sidelist span {
	color: #868686;
	}
	
/* SUBNAV */


#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subnav li {
	font-family : "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	margin: 0;
	display: block;
	width: 209px;
	height: 25px;
	}
#subnav li a {
	display: block;
	margin: 0;
	padding: 2px 0 0 20px;
	background: url(../images/subnav02.png) no-repeat 0px -6px;
	color: #636363;
	height: 22px;
	line-height: 2.2em;
	}
#subnav li a:hover {
	background: url(../images/subnav02.png) no-repeat 0px -31px;
	color: #2F2F2F;
	}
#subnav li a:active {
	background: url(../images/subnav02.png) no-repeat 0px -56px;
	color: #3F3F3F;
	}
#subnav li a.active {
	background: url(../images/subnav02.png) no-repeat 0px -81px;
	color: #3F3F3F;
	}
#subnav li a.indent {
	padding-left: 30px;
	}
#subnav li a.activeindent {
	background: url(../images/subnav02.png) no-repeat 0px -81px;
	color: #3F3F3F;
	padding-left: 30px;
	}
#subnav li.subnavtop {
	background: url(../images/subnav02.png) no-repeat 0px 0px;
	width: 209px;
	height: 6px;
	margin: 0;
	padding: 0;
	}
#subnav li span {
	text-transform: capitalize;
	}
#subnav li.subnavborder {
	border-top: 1px solid #FFF;
	height: 1px;
}

/* FOOTER */

#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 85%;
	color: #444;
	background: #3F3F3F url(../images/footer_bg.png) repeat-x;
	width: 740px;
	height: 24px;
	}
	
/* LEGAL */

#legal {
	float: left;
	width: 400px;
	margin: 0;
	color: #2F2F2F;
	padding-top: 4px;
	line-height: 2em;
	padding-left: 113px;
	}
#legal a {
	color: #000;
	text-decoration: none;
	}
#legal a:hover {
	color: #212121;
	text-decoration: none;
	}
#legal a:active {
	color: #989898;
	text-decoration: none;
	}

/* VALIDATE */

#validate {
	float: right;
	width: 210px;
	padding-top: 4px;
	line-height: 2em;
	}
#validate a {
	display: block;
	width: 70px;
	float: right;
	color: #000;
	text-decoration: none;
	text-align: center;
	height: 20px;
	}
#validate a:hover {
	display: block;
	width: 70px;
	float: right;
	color: #212121;
	text-decoration: none;
	background: #585858;
	text-align: center;
	height: 20px;
	}
#validate a:active {
	display: block;
	width: 70px;
	float: right;
	color: #989898;
	text-decoration: none;
	background: #585858;
	text-align: center;
	height: 20px;
	}
	
/* GOOGLE */

#google {
	margin: 5px 20px;
	padding: 5px 5px 0px;
	font-size: 80%;
	}

/* FORMS */

form {
	padding: 10px 10px 10px 20px;
	margin: 0;
	background: #FAFAFA;
	border: 1px solid #E1E1E1;
	}

.fieldset {
	margin: 0;
	border: 0;
	display: block;
	padding: 10px 0;
	}

label {
	float: left;
	width: 100px;
	padding: 2px 0 0;
	text-align: left;
	}

.fieldset input, .fieldset textarea {
	width: 340px;
	border-top: 1px solid #BBB;
	border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	padding: 1px 3px;
	color: #333;
	margin: 0 0 10px;
	background: #FCFCFC;
	font-family: inherit;
	font-size: inherit;
	}
.fieldset select {
	padding: 1px;
	}		
.fieldset_exp input {
	width: 100px;
	border-top: 1px solid #BBB;
	border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	padding: 1px 3px;
	color: #333;
	margin: 0 0 10px;
	background: #FCFCFC;
	font-family: inherit;
	font-size: inherit;
}
.fieldset_checkbox input {
	width: 15px;
	border-top: 1px solid #BBB;
	border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	padding: 1px 10px;
	color: #333;
	margin: 0 5px 10px;
	background: #FCFCFC;
	font-family: inherit;
	font-size: inherit;
	float: left;
}
.fieldset_checkbox label {
	width: 350px;
	padding: 2px 0 0 100px;
	float: left;
}

	

#submit {
	clear: both;
	padding-top: 1em;
	text-align: left;
	margin: 0 0 0 100px;
	}

#submit input {
	padding: 3px 10px;
	border: 0;
	background: #E9E9E9;
	font-size: inherit;
	color: #555555;
	}

#submit input:hover {
	background: #DADADA;
	color: #000;
	}

.formoptional input {
	background: #F7F7F7;
	}

input:focus, textarea:focus {
	background: #FFF;
	}
	
/* PORTFOLIO */

#screenshot {
	position: absolute;
	float: left;
	width: 230px;
	margin: 0;
	padding: 0;
	}