@charset "UTF-8";

/* FatCat Studios 2009 */
*{margin: 0; padding: 0; font-weight: normal;}  

#welcome strong{font-weight: normal;}
body{margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; background-color: #edeeef;
	text-align: center; line-height: 1.3em; color: #4a3636;}
a{color: #306a96; cursor: pointer; text-decoration: none;}
a:hover{color: #4a3636;}
strong{font-weight:bold;}
#pic-links a.active  { border: 3px solid #432620; }

/* Common properties */
 #nav,#footer, #logos {width: 100%; margin: 0 auto; position: relative;}
 #container { width: 913px; margin: 0 auto; position: relative; height: 630px; margin-top: 20px; background-color: #fafbf6;}
 h1{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:  14px; color: #4a3636;font-weight: bold; margin-left: 19px; margin-top: 60px; text-align:left;}
 h2{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #1c2e4b; font-weight: bold; line-height: 30px;  margin-top: 10px; text-align:left;}
 h5{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #4a3636; line-height: 30px; margin-left: 19px; margin-top: 20px; text-align:left;}
 h6{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #4a3636; line-height: 25px; margin-left: 19px; margin-top: 60px; text-align:left;}
 h4{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #294557; line-height: 25px; margin-left: 20px; margin-top: 30px; text-align:left; font-style:italic;}


#all-box{ position: relative; height: 670px; margin-top: 20px; width: 1200; text-alight:center; background: #fafbf6; width: 979px; margin: 0 auto; }





/* Logo and Nav box */
#nav{height: 70px; border-bottom: 2px solid #e0ddd0; margin-bottom: 15px; float: left; margin-top: 8px;}
#nav img{position: absolute; left: 0px; border-style: none}
.dot {  border-style: none}
/* Main Navigation */
#nav-content-wrapper{ 
height: 70px;
display: none;

}

#nav-box{
	width: 500px;
	position: absolute;
	bottom: 5px;
	right: -2px;
	height: 50px;
	margin-top: 25px;
}

#nav-box ul{list-style-type: none; height: 50px; margin: 0; padding: 0; float: left; /*contain floated list items */}
#nav-box li {margin: 0px; padding: 0px; float: left; width: 100%; width: 100px;}
#nav-box a {display: block; color: #827473; text-decoration:none;  line-height: 3; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
text-transform: uppercase; font-size: 12px; text-align: center; letter-spacing: 1.5px;}
#nav-box a:link, #nav-box a:visited{color: #503e34;}
#nav-box a:hover{color: #999;}
#nav-box a.active  {color: #999; }
 #menu{ position: absolute; bottom: 0px; right: 0px; width: 112px; height: 107px;}


/*left side menu */

#left-side #menu ul{list-style-type: none; top:30px;}
#left-side #menu a {display: block; color: #483435; text-decoration:none; line-height: 2; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
 font-size: 14px; text-align: left; letter-spacing: 1px; font-style:normal; margin-left:10px;}
#left-side #menu a:hover {text-decoration: underline } 

/*portfolio Navigation*/

#portfolio-nav{ height: 492px; width: 32px; position: relative; float: left;}


/*index*/
 
body#index #all-box {height: 750px;}
#content{ width: 688px; height: 492px; position: relative; float: left;}
 #left-side{ width: 225px; float: left; position:relative; height: 472px; margin-top: 15px;}

/*about*/

body#about #left-side{ width: 225px; float: left; position:relative; height: 472px; background-image:url("images/pink_bg.jpg"); margin-top: 15px;}
#left-side p {margin-top: 323px; color: white; letter-spacing: 3.5px; text-transform: uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px;}

body#about #content{ width: 688px; }
body#about #nav {margin-bottom: 0px;}
body#about h4 { width: 416px; position: relative; float: left; margin-right: 40px;}
body#about #text-box {border-left: 7px solid #f7f2c0; width: 650px; position: relative; float:left; margin-left: 23px; margin-top: 10px; }
body#about #text-box img { float: left; position: relative; margin-top: -5px;}
body#about #middle{ width: 450px; position: relative; float:left; height: 100%;}
body#about #right{ width: 212px; position: relative; float:left; height: 100%; margin-left: 25px; text-align: left; background: url(images/about_right_bg.jpg) no-repeat; margin-top: 15px;}

/*services*/

body#services #left-side{ width: 225px; float: left; position:relative; height: 472px; background-image:url("images/blue_bg.jpg"); margin-top: 15px;}
body#services #content{ width: 688px; }

body#services #nav {margin-bottom: 0px;}
ul.service { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #1c2e4b; line-height: 40px; margin-top: 35px; margin-left: 10px; text-align:left; list-style: none;}
li.service2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #4a3636; line-height: 25px;  text-align:left; list-style: none;}
body#services #middle{ width: 450px; position: relative; float:left; height: 100%;}
body#services #right{ width: 212px; position: relative; float:left; height: 100%; margin-left: 25px; text-align:left; margin-top: 15px; left; background: url(images/service_right_bg.jpg) no-repeat; }


/*contact*/
body#contact #content{ width: 688px; height: 492px;}
body#contact #middle{ width: 365px; position: relative; float:left; height: 100%;}
body#contact #right{ width: 280px; position: relative; float:left; height: 100%; margin-left: 20px; text-align: left;}
body#contact #left-side{ background-image: url("images/fells_point_bg.jpg");}
body#contact h6{ margin-top: 120px; line-height: 20px;}
body#contact #nav {margin-bottom: 0px;}
hr { height: .5px; color: #d1d2cd; border: none; margin-top: 10px; margin-bottom: 10px; width: 150px;}


body#press #left-side{background-image:url("images/navy_bg.jpg"); margin-top: 15px;}
body#press #middle{ width: 450px; position: relative; float:left; height: 100%;}
body#press #right{ width: 212px; position: relative; float:left; height: 100%; margin-left: 25px; text-align: left; }
body#press #left-side #menu a {display: block; color: #e4e1bc; text-decoration:none; line-height: 2; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
 font-size: 14px; text-align: left; letter-spacing: 1px; font-style:normal; margin-left:10px;}
body#press #left-side #menu a:hover {text-decoration: underline } 


body#process #left-side{background-image:url("images/blue_bg.jpg");}
body#process #middle{ width: 450px; position: relative; float:left; height: 100%;}


body#people #left-side{background-image:url("images/yellow_bg.jpg");}
.col{ width: 152px; position: relative; float:left; height: 470px; margin-right: 18px; text-align: left; margin-top: 15px;}
body#people h5 { line-height: 20px; margin-left: 0px; margin-top: 0px; font-size: 12px; }

body#people h2{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #1c2e4b; font-weight: bold; line-height: 30px;  margin-top: 10px; text-align:left;}


/*portfolio*/
body#portfolio #menubox { position: relative; height: 690px;   text-alight:center;  width: 979px; margin: 0 auto; background-color:#fafbf6; margin-top: 20px;}
body#portfolio #tabmenu { position: relative; height: 472px; margin-top: 110px; width: 33px; text-alight:center; float: left;}
body#portfolio #all-box { width: 912px; margin-top: 0px;}
body#portfolio #container {margin-top: 0px}
body#portfolio #left-side{ width: 232px; float: left; position:relative; height: 472px; background-image:url(""); margin-top: 15px;}
#left-side p {margin-top: 323px; color: white; letter-spacing: 3.5px; text-transform: uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px;}

body#portfolio #content{ width: 680px; }
body#about #nav {margin-bottom: 0px;}
body#about h4 { width: 416px; position: relative; float: left; margin-right: 40px;}
body#about #text-box {border-left: 7px solid #f7f2c0; width: 650px; position: relative; float:left; margin-left: 23px; margin-top: 10px; }
body#about #text-box img { float: left; position: relative; margin-top: -5px;}
body#portfolio #middle{ width: 430px; position: relative; float:left; height: 100%; margin-top: 45px; margin-left: 7px; text-align: center;}
body#portfolio #right{ width: 212px; position: relative; float:left; height: 370px; margin-left: 10px; text-align: left; background: url(images/portfolio_bg.png) no-repeat; margin-top: 15px;}
body#portfolio #rightlong{ width: 212px; position: relative; float:left; height: 370px; margin-left: 12px; text-align: left; background: url(images/portfoliolong_bg.png) no-repeat; margin-top: 15px;}
body#portfolio #download{width: 212px; position: relative; float:left; height:20px; margin-top: 10px; margin-left: 10px; text-align: center;}
body#portfolio #right h5 { margin-right: 10px; margin-top: 10px; margin-left: 10px; font-size: 11px; line-height: 20px;}
body#portfolio #rightlong h5 { margin-right: 10px; margin-top: 10px; margin-left: 10px; font-size: 11px; line-height: 20px;}

.thumbimgborder { border: 7px solid #432620;}
.imgborder {  border: 1px solid #432620;}


#pic-links a img, #pic-links a           {border: none; overflow: hidden; float: left;  }
#pic-links a:hover, #pic-links a.active  { border: 3px solid #432620; }
#pic-links a                               { margin: 2px; }
#pic-links a:hover img, #pic-links a.active img                         { margin: -3px; }



.clearboth { clear: both;}

.active { border: 3px solid #432620;}





/*contact form*/
#content form { margin-top: 25px;}
fieldset{ border: 0; }
fieldset input, 
fieldset textarea, 
fieldset select, 
.error,
.success {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #c9bcb2;
	color: #3e2f2f;
	margin-bottom: 5px;
	padding: 4px;
	width: 280px;
}

fieldset input, 
fieldset textarea, 
fieldset select {
	background: #fff url(textarea.gif) repeat-x 0 0;
}

fieldset input:focus, 
fieldset textarea:focus, 
fieldset select:focus {
	border:1px solid #dd9365;
}

fieldset textarea {
	width: 280px;
}

fieldset span {
	color: #b32720;
	font-size: 11px;
}

div .button {
	margin-top: 10px;
}

.error,
.success {
	background-color: #f8d8da;
	border-color: #ecabaf;
	padding: 5px 10px;
	font-size: .92em;
	margin-bottom: 10px;
	width: 290px;
	/* color: #810000; */
}

.success {
	background-color: #e6efc2;
	border-color: #c6d880;
	/* color: #618D1A; */
}

.error strong,
.success strong {
	font-weight: normal;
}

.explain {
	font-size: .92em;
}



/*footer*/

#footer{ margin-top: 15px; height: 30px; border-top: 2px solid #e0ddd0; float: left;}
#footer p img{ position: absolute; right: 0px; top: 0px; }
#footer p{font-size: 11px; text-transform:uppercase; margin-top: 15px; color: #827473 }

/*logos*/

#logos{ height: 120px; text-align: center; float: left; margin-top:45px;}

/*tab menu*/

#tabnav{ 
width: 33px; 
height: 472px; 
position:relative; 
margin: 0; 
padding: 0;  
list-style-type: none;
float: left;
}



#tabnav li a { position:absolute; 
		
			margin: 0px; 
			padding: 0px;
			display:block; 
			height: 86px ; 
			width: 33px;
			background:url(images/tabmenu.jpg) no-repeat; 
			text-indent: -9999px; 
			overflow:hidden; 
			font-size: 1%; 
			text-decoration:none;
}

li#nav_brochures a  {  background-position: 0 0; }  
li#nav_identity a { top: 86px; height: 86px; background-position: 0 -86px;}
li#nav_magazines a { top: 171px; height: 87px; background-position:  0 -171px;}
li#nav_annual a { top: 257px; height: 130px; background-position: 0 -257px;}
li#nav_web a { top: 387px; height: 89px; background-position: 0 -387px;}

li#nav_brochures a:hover { background-position: -33px 0; }
li#nav_identity a:hover {  background-position: -33px -86px;}
li#nav_magazines a:hover {  background-position: -33px -171px;}
li#nav_annual a:hover {  background-position: -33px -257px;}
li#nav_web a:hover { background-position: -33px -387px;}

#identity li#nav_identity a { background-position: 0 -74px; }
#brochures li#nav_brochures a { background-position: -85px -74px;}
#magazines li#nav_magazines a { background-position: -255px -74px;}
#annual li#nav_annual a { background-position: -350px -74px;}
#web li#nav_web a { background-position: -440px -74px;}