/*******************************************
############################################

         Christine Syme : CSS file
	         ~~~~~~~~~~~~~~~~
	    © www.christinesyme.com, 2005

############################################
*******************************************/


* { margin:0; padding:0; }


/*******************************************
	- Regular Elements ReDefined
*******************************************/

body {  
	background-color:#dcdacb;
	color:#877;
	font:normal 10px/14px Verdana, Arial, sans-serif; }

p { margin-bottom:10px; }
ul { list-style:none; }
img { border:none; }


/*******************************************
	- Links
*******************************************/

a { color:#d91; }
a:hover { color:#000; }

#nav li a { 
	display:block;
	height:22px; }
#m1 a { 
	width:56px;
	background:url(../imgs/mn-home.gif) left top; }
#m2 a { 
	width:78px;
	background:url(../imgs/mn-wedd.gif) left top; }
#m3 a { 
	width:65px;
	background:url(../imgs/mn-huma.gif) left top; }
#m4 a { 
	width:95px;
	background:url(../imgs/mn-corp.gif) left top; }
#m5 a { 
	width:115px;
	background:url(../imgs/mn-arch.gif) left top; }
#m6 a { 
	width:63px;
	background:url(../imgs/mn-even.gif) left top; }
#m7 a { 
	width:81px;
	background:url(../imgs/mn-cont.gif) left top; }

#nav div a { 
	display:block;
	height:22px; }
#pm1 a { 
	width:101px;
	background:url(../imgs/pm-last.gif) left top; }
#pm2w a { 
	width:122px;
	background:url(../imgs/pm-wedd.gif) left top; }
#pm2h a { 
	width:122px;
	background:url(../imgs/pm-huma.gif) left top; }
#pm2c a {
	width:122px;
	background:url(../imgs/pm-corp.gif) left top; }
#pm2a a {
	width:144px;
	background:url(../imgs/pm-arch.gif) left top; }
#pm2e a {
	width:122px;
	background:url(../imgs/pm-even.gif) left top; }
#pm3 a, #pm3a a { 
	width:101px;
	background:url(../imgs/pm-next.gif) left top; }

#m1 a:hover, #m2 a:hover, #m3 a:hover, #m4 a:hover, #m5 a:hover, 
  #m6 a:hover, #m7 a:hover, #pm1 a:hover, #pm2w a:hover, 
  #pm2h a:hover, #pm2c a:hover, #pm2a a:hover, #pm2e a:hover, 
  #pm3 a:hover, #pm3a a:hover { background-position:bottom; }


/*******************************************
	- Layout Elements
*******************************************/

/* COMMON TAGS */
.hide { display:none; }
.clear { clear:both; }


/* MAIN CENTERED DIV 
*  Credit to http://milov.nl/code/css/verticalcenter.html for code */
#container {
	position:absolute;
	left:50%;
	top:50%;
	width:742px;
	height:428px;
	margin-left:-371px; 
	margin-top:-214px; }


/* BACKGROUND FRAME */
#toprow {
	height:12px;
	line-height:12px;
	background:url(../imgs/toprow.gif) no-repeat top; }
#botrow {
	height:13px;
	line-height:12px;
	background:url(../imgs/botrow.gif) no-repeat top; }
#content {
	padding:23px 38px 19px 38px;
	background:url(../imgs/contentbg.gif) repeat-y top; }


#pan, #nav {
	border:1px solid #ddd; }

/* MAIN PANEL */
#pan {
	width:666px;
	height:351px;
	voice-family:"\"}\""; 
	voice-family:inherit;
	width:664px;
	height:349px; }
html>body #pan { 
	width:664px; }

#pan .lf, #pan .rt { 
	float:left;
	display:inline;
	height:349px; }
#pan .lf { width:250px; }
#pan .rt { width:414px; }

#pan .rt div { 
	display:block;
	padding-left:30px; }
.rt #head {
	margin:76px 0 3px 0; }
.rt #byline {
	height:24px;
	background-color:#aaa; }
.rt #body {
	width:350px;
	height:146px;
	margin-top:25px; }
.rt #foot {
	padding-top:3px;
	height:34px;
	background:url(../imgs/cs-logo.gif) no-repeat right top; }

	
/* NAVIGATION */
#nav {
	position:relative;
	margin-top:5px;
	width:666px;
	height:30px;
	voice-family:"\"}\""; 
	voice-family:inherit;
	width:664px;
	height:28px; }
html>body #nav { 
	width:664px; }

#nav ul {
	display:block;
	position:absolute;
	top:3px;
	left:22px; }
#nav li { 
	float:left;
	padding-right:11px;
	background:url(../imgs/mn-sep.gif) no-repeat right top; }
#nav li#m7 { background-image:none; }


/* PORTFOLIO */
.logobg {
	text-align:center;
	background:#f6f6f6 url(../imgs/p-logo.gif) no-repeat right bottom; }

#nav div {
	float:left;
	display:inline;
	margin-top:3px; }
#pm1 { margin-left:10px; width:101px; }
#pm2w, #pm2h, #pm2c, #pm2a, #pm2e { margin-left:160px; }
#pm3 { margin-left:160px; }
#pm3a { margin-left:140px; }