@charset 'utf-8';

/* Grafatik
   Updated:05/21/2010
   Author: Laurence Johnston
   ----------------------------------------------------*/

/* =ZEROING ALL ELEMENTS ----------------------------------------------------*/
   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

html{
	/*height:100%;*/
	overflow-y:scroll;
}

body{
		background:#eeeeee;
		/*height:100%;*/
	text-align:center;
		font:62.5%/1.4 Verdana, Geneva, sans-serif;
		color:#737373;
		margin:0; /* reiterating for webkit */
}

h1{
		font-size:1.4em;
		color:#fbc521;
font-weight:normal;}

.h1_center{
 		padding:20px 0px 0px 0px;
color:#FBC521;
font-size:1.7em;
font-weight:normal;
letter-spacing:1px;
text-align:center;}

h2{font-size:1.3em;
font-weight:normal;color:#fbbc21;}
h3{color:#a2a3a3;
font-size:1.1em;
padding-bottom:0px;
font-weight:bold;}

.yellow{color:#fbbc21;}
.yellow a{color:#fbbc21;}


h4{color:#898989;font-size:0.9em;}
h5{font-size:.7em; color:#fbbc21;}
h6{font-size:.5em; color:#fbbc21;}
 
a{color:#c6c6c6; outline:none; text-decoration:none; }
a:hover{color:#878787; outline:none; text-decoration:underline; }

img{vertical-align:bottom;} /* to prevent a gap from showing below images in some browsers */

ol li{list-style-type:decimal;}
ul li{list-style-type:disc;}
ul ul li{list-style-type:circle;}
ul ul ul li{list-style-type:square;}
ol ol li{list-style-type:lower-alpha;}
ol ol ol li{list-style-type:lower-roman;}

h1, h2, h3, h4, h5, h6, p, ul, dl, ol{
		margin-bottom:2px;
}

/* ------------------------ GLOBAL CLASSES ------------------------ */

.clear{
	clear:both;
}
 
.hidden{
	display:none;
}

.button, a.button, a.button:hover{
	background:#fbbc21;
	padding:3px 15px;
	border:1px solid #fbbc21;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
 	cursor:pointer;
}
	
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:' ';
	clear:both;
	height:0;
}
 

/* ------------------------------- GLOBAL FORM ELEMENTS ------------------------------- */

fieldset{
	border:1px solid #CCC;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
}

legend{
	margin:0 0 0 20px;
	padding:3px 10px;
 	color:#3583ac;
}

form{}

form br{line-height:0; height:0; font-size:0;} /* defaults vertical spacing between fields */
	
input, textarea, select{
	 color:#676767;
	 padding:3px;
	 vertical-align:middle;
	 font:12px Verdana, Geneva, sans-serif;
	 border:1px solid #fbbc21;
	 margin:0;
}
input:focus{
 	 border:1px solid #00167f;
}
input.submit, label{
	cursor:pointer;
	width:auto;
	padding:2px;
}
input.input_btn{
	cursor:pointer;
}
 input.submit{ 
 	background:#fbbc21;
 	color:#fff;
  	font-weight:bold;
 }
label{
  	display:block;
  	float:left;
  	width:150px;
 	 text-align:right;
 	 margin-right:.5em;
  	padding:3px 0;
  cursor:pointer;
	}
  label.error{
  color:#d90000;
  }
	input{
		width:150px;
		overflow:visible;
 }
	
	select{
		width:auto;
}
	textarea{
		height:90px; 
		overflow:auto; 
		margin:0 0 4px 0; 
		width:200px; 
}  

/* ------------------------------- Container ------------------------------- */

#container{
	width:980px;
	margin:0 auto;
	text-align:left;
 font-size:1.2em;
}
	  

/* ------------------------------- HEADER ------------------------------- */

#header{
	height:90px;
	width:980px;
	background-color:#eeeeee;
	position:relative;
	margin:0 auto;
}


.logo{
	height:90px;
	width:200px;
	float:left;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
}	
	  

/* ------------------------------- navbar ------------------------------- */

#nav-left{
background:#f8f8f8; 
width:480px; 
height:220px;
float:left;
     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
margin:0 0 10px;
padding:0;
}
#nav-left li{
	list-style:none; 
	position:relative;
}

#nav-right{
	background:#f8f8f8; 
	height:200px;
padding:10px;
width:470px;
float:right;
     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}
#nav-right p{
font:normal 11px Arial, Helvetica, sans-serif;
color:#737373;
letter-spacing:0.1em;
line-height:1.3em;}

#nav-right li{
	list-style:none; 
	position:relative;
}
#nav-wide{
     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
background:#F8F8F8 none repeat scroll 0 0;
height:auto;
margin:0 auto;
padding:10px 10px 30px;
width:960px;
}
#nav-wide li{
	list-style:none; 
	position:relative;
}



/* ------------------------ MAIN ------------------------ */
.featured-image{
float:left;
width:250px;
height:auto;
padding:15px 10px 0px 15px;
}

.featured-text{
float:left;
width:180px;
padding:10px 5px 0 0;
height:auto;
}


#main_top{
 width:980px;
 margin:0 auto;
 background:#EEEEEE;
 -moz-border-radius-bottomright :12px;
-webkit-border-bottom-right-radius:12px;
-moz-border-radius-bottomleft :12px;
-webkit-border-bottom-left-radius:12px;
}

#main{
 width:980px;
 margin:0 auto;
 min-height:300px;
 background:#f8f8f8;
     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}

#main_other{
 width:980px;
 margin:0 auto;
 min-height:300px;
 background:#f8f8f8;
 -moz-border-radius-bottomright :12px;
-webkit-border-bottom-right-radius:12px;
-moz-border-radius-bottomleft :12px;
-webkit-border-bottom-left-radius:12px;
}

#scroller{
		height:120px;
		margin:0 auto;
		width:900px;
		padding:10px;
		background: #fff;
} 
 
 #pagecrumbs{
 overflow:hidden;
 display:inline-block;
 display:block;
 }
	.breadcrumbs{
	font:bold 10px Verdana, Geneva, sans-serif;
	color:#ccc;
	clear:both;
	float:left;
	}
		.breadcrumbs li{
  float:left;
  list-style:none;
  padding-left:5px;
		}
   .breadcrumbs .first{
   padding-left:0;
   }
		.breadcrumbs a{
		color:#ccc;
		text-decoration:none;
  padding-right:5px;
		}
		.breadcrumbs a:hover{
		color:#fbbc21;
		text-decoration:underline;
		}
	 
/* ------------------------ COLUMN-LEFT ------------------------ */
#column-left{
	width:235px;
	padding:0;
	border-top:1px solid #ccc;
	float:left;
} 
 
	/* single column list */
	#column-left ul{
		margin-left:20px;
		margin-right:20px;
}
		#column-left ul li{
			/* background:transparent url('../images/bullet.jpg') 0px 6px no-repeat; 0px = horizontal position for left, 6px = vertical position from top */
			/* padding-left:10px; pushes text to the right to display bg img */
		}
	 

/* ------------------------ COLUMN RIGHT ------------------------ */
#column-right{
	width:718px;
	padding:0;
 float:right;
}
.single-column #column-right{
 width:980px;
 float:none;
}
	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl{}

	#column-right ul{
		margin-left:20px;
		margin-right:20px;
}
		#column-right ul li{
			/* background:transparent url('../images/bullet.jpg') 0px 6px no-repeat; 0px = horizontal position for left, 6px = vertical position from top */
			/* padding-left:10px; pushes text to the right to display bg img */
		}

 

/* ------------------------ FOOTER -------------        	
-moz-border-radius-bottomright :12px;
-webkit-border-bottom-right-radius:12px;
-moz-border-radius-bottomleft :12px;
-webkit-border-bottom-left-radius:12px; 

	border:solid #ccc;
		border-width:1px 0;
		 ----------- */

#footer{
		width:980px;
		margin:10px auto;
		padding:3px 0;
		clear:both;
		background: #f8f8f8;
		height:auto;		
		     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;

}
.footer-box p{
font: normal 11px Arial, Helvetica, sans-serif;
text-decoration:none;

}

.footer-box a{
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#999;

}
.footer-box a:hover{
text-decoration:underline;
color:#3b3b3b;
}


.footer-right{
width:450px;
height:50px;
float:right;
padding:15px 15px 0 0px;
}
.footer-left{
width:450px;
float:left;
height:50px;
padding:15px 0 0 15px;
}
 
 
 .footer-left  a{
color:#A2A3A3;
font: bold 11px Verdana, Geneva, sans-serif;
margin-left:3px;
margin-right:3px;
}
 .footer-left  a:hover{
 color:#fbbc21;
}
 
	.footer-box{
	border-left:1px dotted #CCCCCC;
float:left;
height:auto;
margin-right:0;
margin-top:12px;
padding:0.5em 15px;
text-align:left;
width:210px;
 }
  .footer-box.first{
  border-left:1px dotted #fff;
  }
		.footer-box p{
		margin:0;
		line-height:1.45em;
		}
		.footer-box label{
		font:bold 12px Verdana, Geneva, sans-serif;
		width:36px;
		}

/* ------------------------ DISCLAIMERS ------------------------ */
#disclaimers{
	width:960px;
	margin:0 auto;
 clear:both;
}
#disclaimers p{
	color:#ccc;
	margin-bottom:10px;
 float:left;
}

#disclaimers a{color:#fbbc21; text-decoration:none;}
#disclaimers a:hover{color:#000; text-decoration:underline;}

#disclaimers ul{margin-bottom:10px; float:right;}
	#disclaimers li{/* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display:inline;
		border-left:1px solid #fbbc21;
	}
	#disclaimers li.first{border:none;}
	#disclaimers li.last{padding-right:0;}
 







/* =navbar
----------------------------------------------------*/
#navbar{
position:relative;
margin-top:60px;
width: auto;
height:24px;
float:right;
}
#navbar a{
color:#A2A3A3;
font: bold 11px Verdana, Geneva, sans-serif;
margin-left:3px;
margin-right:3px;
}
ul#navbar{
width: 500px;
height:24px;
list-style: none;
}
ul#navbar li{
display: inline;
}
ul#navbar li a{
height: 24px;
float: left;
text-indent: -9999px;
}


ul#navbar li#navbarHomeCurrent a{
width: 72px;
background: url(../images/navbar.jpg) no-repeat 0px -72px;
}
ul#navbar li#navbarHome a{
width: 72px;
background: url(../images/navbar.jpg) no-repeat 0px 0px;
}
ul#navbar li#navbarHome a:hover{
background-position: 0 -24px;
}
ul#navbar li#navbarHome a:active{
background-position: 0px -48px;
}


ul#navbar li#navbarAboutCurrent a{
width: 128px;
background: url(../images/navbar.jpg) no-repeat -72px -60px;
}
ul#navbar li#navbarAbout a{
width: 128px;
background: url(../images/navbar.jpg) no-repeat -72px 0px;
}
ul#navbar li#navbarAbout a:hover{
background-position: -72px -30px;
}
ul#navbar li#navbarAbout a:active{
background-position: -72px -60px;
}


ul#navbar li#navbarPortfolioCurrent a{
width: 112px;
background: url(../images/navbar.jpg) no-repeat -147px -60px;
}
ul#navbar li#navbarPortfolio a{
width: 112px;
background: url(../images/navbar.jpg) no-repeat -147px 0px;
}
ul#navbar li#navbarPortfolio a:hover{
background-position: -147px -30px;
}
ul#navbar li#navbarPortfolio a:active{
background-position: -147px -60px;
}


ul#navbar li#navbarServicesCurrent a{
width: 86px;
background: url(../images/navbar.jpg) no-repeat -259px -60px;
}
ul#navbar li#navbarServices a{
width: 86px;
background: url(../images/navbar.jpg) no-repeat -259px 0px;
}
ul#navbar li#navbarServices a:hover{
background-position: -259px -30px;
}
ul#navbar li#navbarServices a:active{
background-position: -259px -60px;
}


ul#navbar li#navbarContactCurrent a{
width: 94px;
background: url(../images/navbar.jpg) no-repeat -345px -60px;
}
ul#navbar li#navbarContact a{
width: 94px;
background: url(../images/navbar.jpg) no-repeat -345px 0px;
}
ul#navbar li#navbarContact a:hover{
background-position: -345px -30px;
}
ul#navbar li#navbarContact a:active{
background-position: -345px -60px;
}