body {
	font-family: garamond, 'Hoefler Text', 'Times New Roman', Times, serif;
	color: #000;
	font-size: 14px;
}
body#home { background-color: #fff; } body#web { background-color: #6FB4FF } body#graphic { background-color: #FF9933 } body#management { background-color: #FF66FF }

h1 {
	font-family: Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: lighter;
	margin-top: -9px
}
h2 {
	font-family: Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: lighter;
	line-height: 36px;
	padding-bottom: 9px;
}
h4 {
	font-family: Garamond, 'Hoefler Text', 'Times New Roman', Times, serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: normal;
	margin-top: -27px;
	color: #000;
}

/* --- Navigation Styles --- */

#navigation ul { display: inline; } 
#navigation ul li { list-style: none; display: inline; margin-left: 0px; margin-right: 6px; }
#navigation ul li a { color: #bbb; line-height: 18px; background-color: transparent; text-decoration: none; border-color: #bbb; }
#navigation ul li a:hover { color: #fff; background-color: #777; text-decoration: none; }
#navigation ul li a.here { color: #bbb;	text-decoration: none; text-decoration: line-through; }

#footer_navigation ul { display: inline; } 
#footer_navigation ul li { list-style: none; display: inline; margin-left: 0px; margin-right: 6px; }
#footer_navigation ul li a { color: #333; line-height: 18px; background-color: transparent; text-decoration: none; border-color: #666; }
#footer_navigation ul li a:hover { color: #000; background-color: #ddd; text-decoration: none; }
#footer_navigation ul li a.here { color: #333;	text-decoration: none; text-decoration: line-through; }

#contact_info p {
	text-align: right;
	color: #bbb;
	margin-bottom: 18px;
}

/* - End Navigation - */

/* --- Link styles --- */

a {
	text-decoration: none;
	color: #fff;
	padding-bottom: 2px;
	border-bottom: solid 1px #fff;
}
a:hover {
	color: #fff;
	background-color: #777;
	text-decoration: none;
}
a.image {
	border: none;
	display: block;
	padding-bottom: 0px;
	line-height: 0px;
}

div.box_links a { padding: 0px; border: 0px; }
div.box_links p { margin-bottom: 9px; }
div.box_links a:hover { padding: 0px; border: 0px; }
div.box_links p a { display: block; height: 306px; width: 300px; }
div.box_links p a.web { background: transparent url('../images/home-buttons.gif') 0px 0px no-repeat; }
div.box_links p a.web:hover { background: transparent url('../images/home-buttons.gif') 0px -306px no-repeat; }
div.box_links p a.graphic { background: transparent url('../images/home-buttons.gif') -300px -0px no-repeat; }
div.box_links p a.graphic:hover { background: transparent url('../images/home-buttons.gif') -300px -306px no-repeat; }
div.box_links p a.management { background: transparent url('../images/home-buttons.gif') -600px -0px no-repeat; }
div.box_links p a.management:hover { background: transparent url('../images/home-buttons.gif') -600px -306px no-repeat; }
div.box_links h2 { margin-bottom: 0px; }
div.box_links h2 a { display: block; padding-bottom: 8px; margin-bottom: 9px; }
div#web_box h2 a { color: #6FB4FF; border-bottom: solid 1px #0A141F; }
div#web_box h2 a:hover { color: #0A141F; background-color: #6FB4FF; }
div#graphic_box h2 a { color: #FF9933; border-bottom: solid 1px #1F1308; }
div#graphic_box h2 a:hover { color: #1F1308; background-color: #FF9933; }
div#management_box h2 a { color: #FF66FF; border-bottom: solid 1px #1F0D1F; }
div#management_box h2 a:hover { color: #1F0D1F; background-color: #FF66FF; }

body#home #footer a, body#home #upper_half a { color: #444; border-bottom: solid 1px #666; } body#web #footer a, body#web #upper_half a { color: #0A141F; border-bottom: solid 1px #0A141F; } body#graphic #footer a, body#graphic #upper_half a { color: #1F1308; border-bottom: solid 1px #1F1308; } body#management #footer a, body#management #upper_half a { color: #1F0D1F; border-bottom: solid 1px #1F0D1F; } 

#upper_half a {
	outline: none;
}
#footer a:hover, #upper_half a:hover {
	color: #000;
	background-color: #ddd;
	text-decoration: none;
}

/* - End links - */

/* --- Top strip styles --- */
#top_strip {
	background-color: #000;
	color: #000;
	padding-top: 18px;
}
/* - End Top strip - */

/* --- Upper Half Styles --- */
#upper_half {
	padding-top: 18px;
	height: 396px;
}
#home #upper_half {background: white url('../images/tree-home.gif') no-repeat bottom right;} #web #upper_half {background: #6FB4FF  url('../images/tree-web.gif') no-repeat bottom right;} #graphic #upper_half {background: #FF9933 url('../images/tree-graphic.gif') no-repeat bottom right;} #management #upper_half { background: #FF66FF url('../images/tree-management.gif') no-repeat bottom right;}
/* - End Upper Half - */

/* --- Content styles --- */
#content {
	background-color: #000;
	color: #fff;
	padding-top: 27px;
	padding-bottom: 45px;
}

div.content_container {
	padding-bottom: 35px;
	margin-bottom: 18px;
	margin-top: 18px;
}

body#web div.content_container {border-bottom: solid 1px #0A141F;} body#graphic div.content_container {border-bottom: solid 1px #1F1308;} body#management div.content_container {border-bottom: solid 1px #1F0D1F;}

p.mini_skills {
	font-family: Garamond, 'Hoefler Text', 'Times New Roman', Times, serif;
	font-variant: small-caps;
	letter-spacing: 2px;
	font-weight: normal;
	margin-top: -18px;
}
body#management p.mini_skills {color: #FF66FF;} body#web p.mini_skills {color: #6FB4FF;} body#graphic p.mini_skills {color: #FF9933;}

div.content_container ul {
	margin-top:18px;
}
div.content_container ul li {
	margin-bottom: 18px;
	margin-left: 0px;
	list-style-type: disc;
	list-style-position: inside;
}
p.right_align {
	text-align: right;
}
p.image {
	margin-bottom: 0px;
	display: block;
}

div.boxlinks p {
	margin-bottom: 27px;
}

/* - End content - */

/* --- Footer styles --- */

#footer {
	padding-top: 18px;
}

body#home #footer { background: #fff url('../images/footer-home.gif') repeat-x top center; } body#web #footer { background: #6FB4FF url('../images/footer-web.gif') repeat-x top center; } body#graphic #footer { background: #FF9933 url('../images/footer-graphic.gif') repeat-x top center; } body#management #footer { background: #FF66FF url('../images/footer-management.gif') repeat-x top center; }

#footer a:hover, #upper_half a:hover {
	color: #000;
	background-color: #ddd;
	text-decoration: none;
}

#footer_info p {
	text-align: right;
	color: #333;
	margin-bottom: 18px;
}

/* - End footer - */

/* --- Paging styles --- */
.window {
	height:270px;
	width: 540px;
	overflow: hidden;
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel a {
	position: relative;
	float: left;
	cursor: pointer;
}
.image_reel img {float: left;}
.image_reel a span {
	height: 270px;
	width: 540px;
	float: left;
	background: #111 url(../images/icon_view.gif) no-repeat center;
	position: absolute;
	z-index: 10;
	top: 0; left: 0;
}
.paging {
	position: absolute;
	bottom: 0px; left: -7px;
	width: 178px; height:47px;
	z-index: 100;
	text-align: center;
	line-height: 40px;
	display: none;
}
body#web .paging { background: url(../images/web_paging_bg.png) no-repeat; } body#graphic .paging { background: url(../images/graphic_paging_bg.png) no-repeat; }
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
	outline: none;
	border: 0px;
}
.paging a.active {
	font-weight: bold; 
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
body#web .paging a.active { background: #1F1308; border: 1px solid #0F0904; } body#graphic .paging a.active { background: #1F1308; border: 1px solid #0F0904; }

.paging a:hover {font-weight: bold; background-color: transparent; }

div.pp_pic_holder a {
	border-bottom: 0px;
	padding: 0px;
}
div.pp_pic_holder p {
	margin-bottom: 0px;
}

/* - End Paging - */

