body {background:#ccc;}

h1 { color:#fff; }
h3, h3 a{ color:#00264c; font-size:17px; text-transform:uppercase; }
h4, h4 a { color:#00264c; text-transform:uppercase; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover, #viewport_nav p a:hover {
	text-decoration:none;
	cursor:pointer;
}

a { color:#00264c; }
img, a { border:0; }

#container { background:#fff; overflow:hidden; }

#header { background:url(global/header_fade.jpg) repeat-x; float:left; }
#header_logo { background:url(global/carmel_header_logo.png) no-repeat; }

#content {
	padding:5px;
	float:left;
}

/*top box*/
#top_box {
	background:url(global/top_box_bg.jpg) repeat-x;
	width:930px;
	height:110px;
	padding:10px;
	color:#fff;
}
#top_box p {
	width:470px;
}
#top_box #global_globe {
	position:absolute;
	right:10px;
	top:110px;
}

/*carousel nav*/

#viewport_nav { text-align:center; height:20px; }
#viewport_nav p { margin:0; }
#viewport_nav p a { font-size:16px; font-weight:bold; color:#00264c; }
#viewport_nav p a img {	margin-bottom:-5px; }

/*carousel*/

#sliderBloc { height:145px; width:294px; overflow:hidden;}
#viewport{
	width: 960px;
	height:240px;
	overflow:hidden;
	float:left;
	margin-bottom:20px;
}
#viewport ul{
	position: relative;
	padding: 0;
	margin:0;
}
#viewport li{
	float: left;
	list-style: none;
	padding:0 10px;
}
#viewport .box4 { 
	background:url(global/carousel_bg.jpg) repeat-x;
	width:290px; 
	height:230px;
}
#viewport .box4 .website_thumbnail {
	background:none;
	width:290px;
	height:135px;
	display:block;
	overflow:hidden;
	margin-bottom:5px;
	z-index:1; 
}
#viewport .box4 p {	
	color:#00264c;
	margin:5px 0 0 0;
}


#dashboard {
	position:absolute;
	bottom:20px;
	right:20px;
	height:250px;
	width:30px;
	position:fixed;
	
}

#dashboard #dashboard_back_to_top {
	background:url(global/dashboard-return_to_top.png) no-repeat 0 0;
	position:absolute;
	bottom:0;
	right:0;
	width:12px;
	height:132px;
	display:block;
}
#dashboard #dashboard_back_to_top:hover {
	background:url(global/dashboard-return_to_top.png) no-repeat -12px 0;
}

/*mini boxes*/

#mini_boxes {
	float:left;
	padding:0;
	margin:0;
}
.box2.mini {
	background:url(global/box2_mini_bg.jpg) repeat-x;
	height:110px;
	width:130px;
	padding:0 10px;
}
.box2.mini h4 a {
	margin-bottom:5px;
	font-size:11px;
}
.box2.mini .website_thumb_mini {
	width:130px;
	height:50px;
	display:block;
	overflow:hidden;
	z-index:1;
}
.box2.mini p {
	margin:0;
}

/*hidden popups*/
.hidden { 
	display:none;
}
.hidden_box {
	background:#ccc url(global/hidden_box_fade.jpg) repeat-x;
	width:950px;
	height:260px;
	z-index:4;
	overflow:hidden;
	border:solid 10px #fff;
}
.hidden_box .box4 {
	width:295px;
	margin:5px;
	padding:5px;
}
.hidden_box .preview {
	margin-top:10px;
}
.hidden_box .close {
	width:300px;
	text-align:right;
	margin:0;
}
.hidden_box .hidden_logo {
	width:300px;
	float:left;
	margin:0;
}
.hidden_box .hidden_logo img {
	height:100px;
}
.hidden_box .box4.window a img {
	border:solid 5px #fff;
}
.hidden_box p {
	margin:5px 0;
}
.hidden_box p b {
	color:#00315d;
}
.hidden_box dl {
	width:147px;
	float:left;
	margin-top:0;
}

/*sub footer*/

#sub_footer {
	background:url(global/sub_footer_bg.jpg) repeat-x;
	width:950px;
	height:220px;
	float:left;
	margin:25px 5px 0px 5px;
}
#sub_footer .box2 {
	width:130px;
	padding:10px;
}	
#sub_footer .box2.first { margin-left:0; }
#sub_footer .box2.last { margin-right:0; }
#sub_footer h4 {
	color:#fff;
}


/*footer*/

#footer_container { margin-bottom:5px; }
#footer { background:url(global/footer_bg.jpg) repeat-x; left:10px; }
#footer #footer_copyright, #footer #footer_copyright b { color:#000; }





/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:absolute; top:0px; overflow:visible;}
#cboxLoadedContent{overflow:visible;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure is easier to understand.
*/
#cboxOverlay{background:#999;}

#colorbox{ top:245px;}
    #cboxContent{}
        #cboxLoadedContent{}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{display:none;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; bottom:10px; left:10px; margin-top:-32px; background:url(global/controls.png) top left no-repeat; width:30px; height:30px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; bottom:10px; right:10px; margin-top:-32px; background:url(global/controls.png) top right no-repeat; width:30px; height:30px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(global/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:20px; right:10px; display:block; background:url(global/images/controls.png) top center no-repeat; width:50px; height:19px;}
        #cboxClose.hover{background-position:bottom center;}