@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background:url(../images/bg.jpg) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#000000;
}

a {
	outline:none;
}

.clear {
	clear:both;
}

#wrapper {
	width:955px;
	height:auto;
	margin:0 auto;
}

/*========================== HEADER STYLES ================================*/

#header {
	width:100%;
	height:133px;
}

#header #logo {
	width:107px;
	height:133px;
	float:left;
}

#header #logo a img {
	border:0;
}

#header #nav {
	width:800px;
	height:auto;
	padding-top:63px;
	float:left;
}

#header #nav h1 {
	font-size:12px;
	font-weight:bold;
	color:#666666;
	letter-spacing:2px;
	text-transform:uppercase;
	margin-bottom:3px;
}

#header #nav h1 a {
	font-size:12px;
	font-weight:bold;
	color:#666666;
	letter-spacing:2px;
	text-decoration:none;
	text-transform:uppercase;
}

#header #nav h1 a:hover {
	color:#999999;
}

#header #nav h2 {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:2px;
	text-transform:uppercase;
}

#header #nav h2 a {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:2px;
	text-decoration:none;
	text-transform:uppercase;
}

#header #nav h2 a:hover {
	color:#CCCCCC;
}

/*========================== HOME STYLES ================================*/

#home_content {
	width:955px;
	height:auto;
	float:left;
}

#home_content #carousel {
	width:955px;
	height:284px;
	float:left;
	margin-top:20px;
}

#home_content #section {
	width:955px;
	height:auto;
	float:left;
	margin-top:30px;
	margin-left:2px;
}

#home_content #section .outer_section {
	width:305px;
	height:113px;
	text-align:center;
	float:left;
}

#home_content #section .outer_section .outer_image {
	width:305px;
	height:83px;
}

#home_content #section .outer_section .outer_title {
	width:211px;
	height:22px;
	margin-left:47px;
	background-color:#007799;
	padding-top:8px;
}

#home_content #section .inner_section {
	width:294px;
	height:113px;
	margin:0 24px;
	text-align:center;
	float:left;
}

#home_content #section .inner_section .inner_image {
	width:294px;
	height:83px;
}

#home_content #section .inner_section .inner_title {
	width:201px;
	height:22px;
	margin-left:47px;
	background-color:#007799;
	padding-top:8px;
}

#home_content #section h3 {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:1px;
	text-transform:uppercase;
}

#home_content #section h3 a {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
}

#home_content #section h3 a:hover {
	color:#CCCCCC;
}

#home_content #section a img {
	border:0;
}

/*========================== SUBPAGE STYLES ================================*/

#sub_content {
	width:955px;
	height:auto;
	float:left;
}

#sub_content img {
	float:left;
}

#sub_content a img {
	border:0;
}

#sub_content #paganation {
	width:955px;
	height:30px;
	text-align:center;
	border-top:#888888 1px dotted;
	padding-top:20px;
}

#sub_content #paganation #p_left, 
#sub_content #paganation #p_right {
	width:70px;
	height:30px;
	float:right;
}

#sub_content #paganation #p_center {
	width:130px;
	height:30px;
	float:right;
}

#sub_content #paganation #p_link {
	width:670px;
	height:30px;
	float:left;
	text-align:left;
}

#sub_content #paganation .next {
	width:67px;
	height:22px;
	background-color:#111;
	float:right;
	text-align:center;
	padding:2px 0 3px 3px;
}

#sub_content #paganation .next span, 
#sub_content #paganation .prev span {
	color:#222;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

#sub_content #paganation .prev {
	width:67px;
	height:22px;
	background-color:#111;
	float:right;
	text-align:center;
	padding:2px 3px 3px 0;
}

#sub_content #paganation span.arrow {
	font-size:16px;
}

#sub_content #paganation a {
	color:#666666;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

#sub_content #paganation a:hover {
	color:#FFF;
}

#sub_content #paganation a.archive {
	color:#444;
	font-size:10px;
	text-decoration:none;
	padding-top:8px;
	text-transform:uppercase;
}

#sub_content #paganation a.archive:hover {
	color:#666;
	text-decoration:none;
}

	
#sub_content #paganation p {
	color:#333333;
	font-size:10px;
	font-weight:normal;
	padding-top:8px;
}

#sub_nav {
	width:955px;
	border-bottom:#888888 1px dotted;
	padding-bottom:10px;
	margin-bottom:20px;
}

#sub_nav a {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
}

#sub_nav a:hover {
	color:#CCC;
}
	

/*=========== GRAPHIC/PHOTO STYLES ==============*/

#sub_content #new_work {
	width:955px;
	height:186px;
	float:left;
	margin-bottom:20px;
	margin-top:20px;
}

.thumb {
	float:left;
}

.t_normal {
	width:164px;
	height:125px;
}

.t_end {
	width:135px;
	height:125px;
}

.thumb a {
	width:129px;
	height:90px;
	display:block;
	border:#777 3px solid;
}

.thumb a:hover {
	border:#FFF 3px solid;
}

a.linkopacity img {filter:alpha(opacity=50); -moz-opacity: 0.75; opacity: 0.75; -khtml-opacity: 0.75}
a.linkopacity:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0}


/*=========== WEB/MOTION STYLES ==============*/

.entry {
	width:955px;
	height:auto;
	border-top:#888888 1px dotted;
	padding-top:20px;
}

.description {
	width:308px;
	height:228px;
	float:left;
	text-align:right;
	padding-bottom:20px;
}

.description h2 {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	line-height:18px;
	margin-top:20px;
}

.description h3 {
	font-size:11px;
	font-weight:normal;
	color:#ffc425;
	line-height:18px;
	letter-spacing:1px;
}

.description p {
	font-size:11px;
	color:#CCC;
	line-height:18px;
}

.description a {
	color:#FFF;
	text-decoration:none;
}

.description a:hover {
	color:#FFF;
	text-decoration:underline;
}

.description a.view {
	color:#ffc425;
	font-weight:bold;
	text-decoration:underline;
}

.description a.view:hover {
	color:#ffc425;
	text-decoration:none;
}

.preview {
	width:626px;
	height:228px;
	float:left;
	padding-left:20px;
}

/*========================== FOOTER STYLES ================================*/

#footer {
	width:955px;
	height:auto;
	border-top:#333333 1px solid;
	margin-top:30px;
	margin-bottom:50px;
	float:left;
}

#footer .copyright {
	width:470px;
	height:auto;
	float:left;
	margin-top:10px;
}

#footer .copyright p {
	font-size:10px;
	color:#333333;
}

#footer .copyright a {
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

#footer .copyright a:hover {
	font-size:10px;
	color:#999999;
	text-decoration:none;
}

#footer .connect {
	width:470px;
	height:auto;
	float:right;
}

#footer .connect a img {
	float:right;
	border:0;
}

/*========================== MISC STYLES ================================*/

#myGallery	{
	width: 955px !important;
	height: 284px !important;
}

.t_mar {
	margin-top:20px;
}