@charset "UTF-8";
/* CSS Document */
/* dark-blue: #082c3a */
/* medium-blue: #acd6ea */
/* light-blue: #f3f9fc */

a img {
	border: none;
}

object {
	outline: none !important;
}

/* GENERAL */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

body {
	text-align: left;
	background: #082c3a;
} 

p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	letter-spacing:1px;
	font-weight: normal; 
	
}

a {
	outline: none;
}
a, a:active, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing:1px;
	text-decoration: none;
}

a:hover {
	color: #acd6ea;
	font-size: 11px;
	/*font-weight: bold;*/
}

.righttextbox a, 
.righttextbox a:active, 
.righttextbox a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing:1px;
	text-decoration: none;
}

.righttextbox a:hover,
.righttextbox a.active {
	font-family: Arial, Helvetica, sans-serif;
	color: #acd6ea;
	font-size: 11px;
	letter-spacing:1px;
	text-decoration: none;
}

h1 {
	color: white;
	font-size: .7em;
	letter-spacing: .2em;
	text-transform: uppercase;
}
h2 {
	color: white;
	font-size: .7em;
	letter-spacing: .2em;
}
#content h1 {
	margin: 0px 0px 10px;
}

h1 a, a:active, a:visited {
	color: #acd6ea;
	font-size: inherit;
	letter-spacing:.2em;
	text-decoration: none;
}
h1 a:hover {
	color: #FFFFFF;
	font-size: inherit;
	letter-spacing:.2em;
	text-decoration: none;
}


.clear {
	clear: both;
}

#wrapper {
	position:relative;
	height: 100%;

}
strong, b {
    font-weight: bold;
}


/* HEADER */

#header {
	width: 880px;
	height: 80px;
	padding: 30px 0px 30px 0px;
}

#logo {
	float: left;
	margin-bottom: 10px;
	margin: 0 auto;
}

#header #logo img {
	display: block;
	visibility: hidden;
}
#header #logo a {
	display: block;
	width: 240px;
	height: 78px;
	background: transparent url('/images/craigcutler_header.jpg') no-repeat top left;
}


/* INTRO */

#intro {
	width: 690px;
	height: 100%;
	min-height: 480px;
	margin: 0 auto;
}

div.introvideo {
	width: 326px;
	height: 427px;
	/*padding: 100px 0px 0px 0px;*/
	text-align: center;
}

div.logo {
	width: 690px;
	height: 200px;
	padding: 180px 0px 0px 0px;
	text-align: center;
	margin: 0 auto;
}

div.view {
	width: 690px;
	height: 50px;
	padding: 0;
	text-align: center;
	margin: 0 auto;
}

div.commercial {
	float: left;
	width: 185px;	
	text-align: center;
}

div.personal {
	float: right;
	width: 185px;
	text-align: center;
}


span.intro {
	
	font-size: 10px; 
	color: #ACD6EA;
}

/* CONTENT */

#content { 
	width: 920px;
	height: 100%;
	min-height: 680px;
	margin: 0 auto;
	text-align: left;
}

/* LEFT COLUMN */

#leftcolumn {
	float: left;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#menu ul  {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#nav a {
	text-transform: uppercase;
}

#nav a, 
#nav a:active, 
#nav a:visited,
#nav ul.submenu a,
#nav ul.submenu a:visited,
#nav ul.submenu a:active {
	font-size: .7em;
	letter-spacing:.2em;
	color: #ACD6EA;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	text-decoration: none;
}

#nav a:hover,
#nav ul.submenu a:hover {
	color: #FFF;
	background: #082c3a;
	font-weight:100;
}

#nav li.topselected a{
	color: #fff;
}

#nav ul.submenu li.selected a {
	color: #fff;
	background:transparent url('/images/bullet_1.jpg') no-repeat scroll 0 2px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

ul {
	margin: 0;
	padding:0;
}

li.menu {
	list-style-type: none;
	line-height: 10px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

li.submenu {
	list-style-type: none;
	line-height: 10px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

ul.submenu {
	margin: 10px 0px 20px 40px;
}

/* RIGHT COLUMN */


#rightcolumn {
	float: right;
	width: 698px;
	/*height: 450px;*/ 
	overflow: hidden;
}

div.allpanels {
	float: left;
	width: 100%;
}

div.panelstyle	{
	float: left;
	width: 698px;
}

.vertical {
	height: 458px;
}

.vertical div.panelstyle {
	float: none;
	height: 458px;
}

div.leftimagebox {
	float:left;

}

div.rightimagebox {
	float:right;


}

div.panelstyle a,
div.panelstyle a.img {
	display: block;
}

#bottomcolumn {
	float: right;
	width: 696px;
	padding-right: 0px;
}

.movingimage-bottomcolumn {
	margin-right: 28px;
	text-align: left;
}

.movingimage-caption {
	margin-left:55px;
	}

div.lefttextbox {
	float:left;
}

div.righttextbox {
	float:left;
	/* width: 326px; */
	/* text-align: right; */
	text-transform: uppercase;

}

div.lefttext {
	float:left;
}

div.righttext {
	float:right;
}

#hidewrapper {
	 width: 100%; 
	 height: 100%; 
	 position: absolute; 
	 top: 0px; 
	 left: 0px; 
	 background: #082c3a;
	 z-index: 1000;
}
div.info {
	margin: 0px 0px 20px 20px;
}
div #contact div {
	margin: 0px 0px 50px 0px;
}
div#contact p {
	font-size: 0.7em;
	margin: 0px 0px 5px 0px;
}
div#contact p a {
	font-size: inherit;
	color: #acd6ea;
	text-decoration: underline;
}
div#contact p.bmargin {
	margin-bottom: 20px;
}

div.info div.section {
	margin-bottom: 60px;
}
div.info div.section p {
	font-size:  0.7em;
	line-height: 18px;
	margin-left: 28px;
}

/* PRESS */
#press-container {
	overflow: hidden;
}
.press-item {
	float: left;
	width: 113px;
	margin: 0px 10px 0px 0px;
}
.press-item a {
	display: block;
	font-size: 0.55em;
	color: white;
}
.press-item a span {
	display: block;
}
.press-item img {
	display: block;
}
.press-item .title {
	text-transform: uppercase;
	margin-top: 7px;
}

/* FOOTER */

/*

#footer {
	position: relative;
	bottom: 40px;
	margin: 0 auto;
	width: 1024px;
	padding: 0px 20px 0px 20px;
	text-align:left;
}

#footer p {
	font-size: 10px; 
}                      

#footer .blueline {
	margin-bottom: 5px;
} 
*/