body {
background:url(../images/bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;
font-family: "times","lucida grande",sans-serif;
font-size: 14px;
}

#content {
text-align:left;
margin:0 auto;
width:918px;
color:#666;
line-height:20px;
}

#intro_header {
background:url(../images/intro_header3.png) no-repeat;
width:991px;
height:147px;
clear:both;s
margin-left:-20px;
}




a#logo {
background:url(../images/logo.png) no-repeat;
width:296px;
height:130px;
float:left;
text-indent:-9999px;
margin:20px 0 50px 0;
}

/* menu */
#menu {
margin:0 auto;
height:10px;
float:right;
padding-top:40px;
}

#menu ul, #menu ul li, .work ul, .work ul li, #portfolio ul, #portfolio ul li, #footer ul, #footer ul li, #contact ul, #contact ul li {
display:block;
list-style:none;
padding:0;
margin:0;
}

#menu ul li, #portfolio ul li, #footer ul li, ul#portfolio_menu {
float: left;
}

#menu ul a:link, #menu ul a:visited {
text-decoration: none;
display: block;
margin-left:30px;
padding:5px;
}

#menu a {
border:none;
color:#000000;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

#menu a:hover {
background:#ffffcc;
color:#000000;
}







/* nav_switch */
#nav_switch {

height:10px;

width:280px;
float:right;
padding:5px;
clear:both;
border:none;
color:#cc0235;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

#nav_switch .switch_text {
margin:0 auto;
height:10px;
width:280px;
float:right;
clear:both;
padding:5px;
}



#nav_switch a:link, #nav_switch ul a:visited {
text-decoration: none;
display: block;
margin-left:0px;
padding:5px;
width:280px;
}

#nav_switch a {
border:none;
width:280px;
color:#cc0235;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding:5px;
}

#nav_switch a:hover {
background:#ffffcc;
color:#cc0235;
padding:5px;
width:280px;
}



























.scissors {
background:url(../images/scissors.png) no-repeat;
width:914px;
height:18px;
margin-bottom:20px;
clear:both;
}

.gotop {
color:#000000;
float:right;
height:22px;
}







span.buttons {
cursor:pointer;
display:inline;
background:#999999;
height:19px;
color:#999999;
font-size:11px;
float:left;
padding:0 7px;
}

.buttons:hover {
background:#000000;
}


/* intro movie */
.intro_movie{
height:448;
width:951x;
clear:both;
margin-bottom:20px;
}


/* subheaders */
.text_subhead{
color:#cc9900;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
}





/* intro text */
.text_header{
color:#cc9900;
font-size:22px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
margin-bottom:20px;
}



/*text_media_type*/


.text_media_type{
color:#00c3a1;
font-size:22px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}





/* callout */
#callout{
color:#00c3a1;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
}








/* portfolio */
#portfolio, #about, #contact {
width:918px;
clear:both;
margin-bottom:20px;
}

#portfolio_topic {
background:url(../images/work.png) no-repeat left;
width:918px;
height:28px;
margin-bottom:20px;
}

#portfolio ul li {
width:220px;
height:140px;
margin:0 9px 30px 0;
float:left;
}

#portfolio a:link img, #portfolio a:visited img {
border:1px solid #999999;
margin-bottom:6px;
width:220px;
}

#portfolio a:hover img {
border-color:#333333;
}

#portfolio a:link span, #portfolio a:visited span {
color:#cc9900;
font-size:12px;

display:block;
margin-bottom:6px;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
}

#portfolio a:hover span {
color:#999999;
}

#portfolio .callout {
color:#00c3a1;
margin-top:-25px;
}





/* about */

#about_topic {
background:url(../images/about.png) no-repeat left;
width:918px;
height:28px;
margin-bottom:20px;
}

#about .image  {
width:318px;
float:left;
}

#about .text {
width:600px;
float:right;
}








/* video */

.video .item .video, #video .video {
width:720px;
height:520px;
color:#666666;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
}





/* colorbox */
.colorbox {
width:858px;
float:center;
padding:0 30px;
}







/* colorbox_article */


.colorbox_article .item .body_copy, #colorbox_article .body_copy {
width:990px;
margin-left:20px;
margin-right:20px;
color:#666666;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
margin-bottom:20px;
overflow: hidden;
}


.colorbox_article .item .title, #colorbox_article .title {
margin-left:20px;
margin-right:20px;
color:#00a7e5;
font-size:22px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
display:block;
margin-bottom:14px;
}

.colorbox_article .item .sub_title, #colorbox_article .sub_title {
margin-left:20px;
margin-right:20px;
color:#00a7e5;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
display:block;
margin-top:14px;
margin-bottom:5px;
}

.colorbox_article .item .sub_title2, #colorbox_article .sub_title2 {
margin-left:20px;
margin-right:20px;
color:#cc9900;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:bold;
display:block;
margin-top:14px;
margin-bottom:5px;


}




/* colorbox_article_image */


.colorbox_article_image .item .body_copy, #colorbox_article_image .body_copy {
width:695px;
margin-left:20px;
margin-right:20px;
color:#666666;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
margin-bottom:20px;
}


.colorbox_article_image .item .title, #colorbox_article_image .title {
margin-left:20px;
margin-right:20px;
color:#00a7e5;
font-size:22px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
display:block;
margin-bottom:14px;
}

.colorbox_article_image .item .sub_title, #colorbox_article_image .sub_title {
margin-left:20px;
margin-right:20px;
color:#00a7e5;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
display:block;
margin-top:14px;
margin-bottom:5px;
}

.colorbox_article_image .item .sub_title2, #colorbox_article_image .sub_title2 {
margin-left:20px;
margin-right:20px;
color:#cc9900;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:bold;
display:block;
margin-top:14px;
margin-bottom:5px;
}



















/* contact */
#contact_topic {
background:url(../images/contact.png) no-repeat left;
border:none;
width:918px;
height:22px;
margin-bottom:20px;

}


#contact .text {
margin-top:20px;
margin-bottom:20px;
	width:500px;
	float:left;
}











/* two_column_layout */





#two_column_layout .mask{
   position: relative;
   overflow: hidden;
   margin: 0px auto;
   width: 100%;

}
#two_column_layout .header{
margin-left:0px;
   float: left;
   width: 100%;
   color:#00a7e5;
   margin-bottom:20px;
font-size:22px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
   

}
#two_column_layout .colleft{

   position: relative;
   width: 100%;
   right: 40%;
   margin-bottom:20px;
}
#two_column_layout .col1{

   position: relative;
   overflow: hidden;
   float: left;
   width: 38%;
   left: 101%;
      margin-bottom:20px;

}
#two_column_layout .col2{

   position: relative;
   overflow: hidden;
   float: left;
   width: 58%;
   left: 2%;
   margin-bottom:20px;

}
#two_column_layout .footer{
   float: left;

   width: 100%;
   margin-bottom:80px;
   color:#00a7e5;
   font-size:15px;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;

}
#two_column_layout .body {
   padding: 0px;
   margin: 0px;
   font-size: 90%;

}






/* two_column_layout VERSION 2 */





#two_column_layout_2 .mask{
   position: relative;
   overflow: hidden;
   margin: 0px auto;
   width: 100%;

}
#two_column_layout_2 .header{
margin-left:0px;
   float: left;
   width: 100%;
   color:#00a7e5;
   margin-bottom:20px;
font-size:44px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
   

}
#two_column_layout_2 .colleft{

   position: relative;
   width: 100%;
   right: 26%;
   margin-bottom:20px;
}
#two_column_layout_2 .col1{

   position: relative;
   overflow: hidden;
   float: left;
   width: 24%;
   left: 101%;
      margin-bottom:20px;

}
#two_column_layout_2 .col2{

   position: relative;
   overflow: hidden;
   float: left;
   width: 72%;
   left: 2%;
   margin-bottom:20px;

}
#two_column_layout_2 .footer{
   float: left;

   width: 100%;
   margin-bottom:80px;
   color:#00a7e5;
   font-size:15px;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;

}
#two_column_layout_2 .body {
   padding: 0px;
   margin: 0px;
   font-size: 90%;

}











/* footer */
#footer {
width:918px;
font-size:11px;
color:#000;
clear:both;
height:40px;
}

#footer ul li {
margin-left:14px;
}

#footer ul li:first-child {
margin:0;
}

#footer ul a {
text-decoration: none;
color:#000;
padding:0 5px;	
}

#footer ul a:hover {
color:#00a7e5;
}

#footer .copyright {
float:right;
text-align:right;
}

#footer .copyright a:link, #footer .copyright a:visited {
color:#000000;
text-decoration: none;
}

#footer .copyright a:hover {
text-decoration:underline;
}









a:link, a:visited {
text-decoration:none;
color:#cc0033;
}

a:hover {
color:#00a7e5;
}

/*reset css */
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}




/* Nav */
img {
	border: none;
}

#nav {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
	float: right;
	width: 480px;
	height: 15px;
	display: inline;
	
	color: #000
	
}
#nav ul {

	float: right;
	width: 160px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
	visibility: hidden;
	background: transparent;
	
}
#nav li {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
	float: right;
	color: #000
}
#nav a {
text-indent:5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
	float: right;
	width: 120px;
	color: #333;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 20px;
	font-size: 14px;
}
#nav ul a:hover {
	text-indent:5px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin: 0;
	padding: 4px 0px 4px 20px;
	background:url(../images/yellow_block.jpg) 20px 110% no-repeat;
	
	
}

#nav li.menu_head a {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
	padding: 2px 0 0 6px;
	padding-bottom: 10px;
	
	
}
#nav li.menu_head a:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
	background: none;
	color: #000
	
}