/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  MAIN CSS FILE / Codeploy.com / Copyright Codeploy 2010 / info@codeploy.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*
----------------------------------- Tags
*/


* { border: 0; margin: 0; padding: 0; }

body {
	font-size: 62.5%;
	color:  #96A0B9; /* BDCCD1; /* CEDEE2;  /*FFF5E6;  /* #EBEBED;  /*667087;  /* b5b5b5;  */
	background-color: #0a0e17;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul {
	list-style-type: none;
}

a {
	color: #FFFFFF;
	text-decoration: none;
	
}

a:hover {
	color: #00CC19;  /*#D9A52F; */
}

/*
----------------------------------- Main Structure
*/

#container {
	background-image: url(../images/global/bg/top_grade.gif);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #151a25;
}

#header {
	width: 875px;
	margin: 0 auto;
}

#header #logo {
	width: 260px;
	float: left;
	height: 100px;
	overflow: hidden;
}

#header #call {
	float: right;
	margin: 50px 0 0 0;
}

#header #menu {
	clear: both;
	height: 75px;
	padding: 13px 0 0 0;
	width: 875px;
}


#content {
	width: 875px;
	margin: 0 auto;
	clear: both;
}

#content #splash {
	height: 190px;
	margin-bottom: 55px;
	width: 875px;
}

#splash #title {
	width: 260px;
	padding: 80px 0 0 0;
	text-align: right;
}

#splash #image {
	width: 575px;
	height: 190px;
	float: right;
}
/*   ------------------------------ */

#splash #subimage {
	width: 575px;
	height: 110px;
	float: right;
	padding-top: 80px;
}


#splash #demooptions {
	width: 500px;
	height: 100px;
	float: right;
	padding-top: 80px;
	padding-left: 75px;
}

#content #plug-show {

	margin-bottom: 55px;  /*  15px in home.css  */
}


#content .plug {
	height: 190px;
	margin-bottom: 55px;
	width: 875px;
}

#content .plugtitle1 {
	width: 260px;
	padding: 60px 0 0 0;
	text-align: right;
	float: left;
}

#content .plugtitle2 {
	width: 260px;
	padding: 50px 0 0 0;
	text-align: right;
	float: left;
}

#content .plugtitle3 {
	width: 260px;
	padding: 60px 0 0 0;
	text-align: right;
	float: left;
}


#content #body {
	clear: both;
	/* in home.html - padding-bottom: 20px; */
}

#body #left {
	width: 260px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 55px;
}

#body #right {
	margin-left: 80px;
	margin-bottom: 50px;
	width: 515px;
}
#body #reel {
	text-align: center;
	padding-bottom: 55px;
	padding-top: 30px;
}


#footer {
	clear: both;
	color: #202739;
	background-image: url(../images/global/bg/footer_shade.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 65px;
}
#footer #copyright {
	width: 875px;
	margin: 0 auto;
	margin-bottom: 50px;
}
#footer #logos {
	text-align: right;
	height: 60px;
	margin-bottom: 20px;
}

#footer #copy {
	text-align: right;
	clear: both;
}



/*
----------------------------------- Lists
*/

/*left lists*/

#left ul {
	font-size: 1.1em;
	text-transform: uppercase;
}

#left li {
	clear: both;
}

#left li a {
	display: block;
	height: 25px;
	padding-top: 10px;
	color: #989A9F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #313640;
	padding-right: 15px;
	
}

#left li a:hover {
	padding-right: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #191E28;
	background-color: #11151E;
}

#left li.selected {
	display: block;
	height: 25px;
	padding-top: 10px;
	padding-right: 15px;
	color: #009AEE;
	/* color: #FEDE01; */
	background-color: #191E28;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #313640;
}

#left li.selected_list {
	display: block;
	height: 25px;
	padding-top: 10px;
	padding-right: 15px;
	color: #FEDE01;
	background-color: #191E28;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #313640;
}
#right #useflash {
	border: 1px solid #1D222C;
	background-image: url(/images/video/f_bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-top: 20px;
}
#right #useflash #flashlogo {
	float: left;
	margin-left: 50px;
	margin-bottom: 15px;
}
#right #useflash #flashmsg {
	float: left;
	padding-left: 40px;
	padding-top: 15px;
	color: #404F6A;
	padding-right: 40px;
	text-align: center;
}
#container #content #body #right #useflash #flashmsg a {
	color: #54688D;
}
#right #resume ul {
	margin-bottom: 25px;
	margin-left: 20px;
}





.biglist li strong {
	color: #FFCC00;
	font-size: 1.3em;
	padding-bottom: 4px;
	display: block;
	margin-bottom: 12px;
}


.biglist li {
	margin-bottom: 16px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #282D36;
}

.thumblist ul {}
.thumblist li {
	float: left;
}
.thumblist li a {
	display: block;
	width: 200px;
	padding: 5px;
	margin-left: 30px;
	margin-bottom: 30px;
}

.thumblist img {
	border: 5px solid #313A4F;
}


/* sub-lists */

#left ul ul {
	font-size: 0.9em;
	width: 260px;
}
#left ul ul li {}

#left ul ul li a {
	padding-right: 30px;
	color: #4A525E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #191E28;
	background-color: #131722;
}
#left ul ul li a:hover {
	padding-right: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #191E28;
	background-color: #11141E;
}

/* footer lists */

#footer ul {
	font-size: 1.1em;
	color: #7B7D84;
}
#left .home1 a {
	color: #FFFFFF;
}


#footer li {
	float: right;
}

#footer li a {
	display: block;
	padding-top: 2px;
	color: #2C364E;
	padding-bottom: 2px;
	padding-left: 20px;
	
}

#footer li a:hover {
	color: #384563;
}


/*
----------------------------------- Typography
*/

#left h4 {
	margin-bottom: 15px;
}
#left h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	font-weight: normal;
	color: #E6B01E;
}


#left h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #667BAF;                   /* #D9A52F; */
	margin-bottom: 5px;
	font-weight: normal;
	background-image: url(../images/global/content/left_list_line.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 6px;
	padding-top: 10px;
}

#left p {
	margin-bottom: 15px;
	font-size: 1.1em;
	color: #FFFFFF;  
}

#left p strong {
	font-size: 1.2em;
}


#body #right p {
	text-align: justify;
	line-height: 2em;
	margin-bottom: 2em;
	font-size: 1.1em;
	color: #A3A3A3;
}

#body #right ul {
	line-height: 2em;
	font-size: 1.1em;
	color: #A3A3A3;
}

#body #right h3 {
	margin-top: 10px;
	margin-bottom: 20px;
}
#right #resume h5 {
	font-size: 1.3em;
	text-transform: uppercase;
	margin-bottom: 24px;
	color: #8998BC;
	font-weight: normal;
}


#splash #demooptions h2 {
	font-weight: normal;
	color: #344056;
	font-size: 2em;
}
#splash #demooptions a {
}


#body #right h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #F1C325;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #1F2636;
	padding-bottom: 10px;
}

#body #right h4 img {
	border: 15px solid #0A0E17;
}

.webport {
	border: 5px solid #313A4F;
}


#footer h4 {
	display: block;
	height: 30px;
}

/*
----------------------------------- Menu

a.two:hover {font-size:150%;}

<p><b><a class="two" href="default.asp" target="_blank">This link changes font-size</a></b></p>

*/

/* Menu List */

#menu a { 	
color:  #667BAF;  /* #b5b5b5;  */
padding: 25px 10px 0px 10px;
/* padding: 25px 10px 0px 10px; */
background-image: url(../images/global/vvvd-blue.jpg); /* on_audio.gif); */
background-repeat: repeat-x;
background-position: center top;
}

#menu a:hover {
	padding: 25px 10px 0px 10px;
	background-image: url(../images/global/vvvd-blue-hover[fast].gif);  /* vvvd-blue-rev.jpg */
	background-repeat: repeat-x;
	background-position: center top;
	font-size:100%;
	color: #D25D27; /* 151A25; */
	background-color: #000019; /* 667baf;  /* #FEDE01; */
}

#menu a:active {

color:#009AEE;}  /* selected link */

#menu ul {
	list-style-type: none;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
#menu li {
	float: left;

}
#menu li a {
	display: block;
	height: 25px;
	float: left;
	
}
#menu li a:hover {}

/* Menu Buttons */

#menu .selected {
	color: #009AEE;
}

#menu #separator {
	display: block;
	height: 16px;
	width: 1px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/global/menu-divider4.gif);  /*  gray-lightergray.jpg and on_stills.gif */
	background-repeat: none;
	/* background-position: center top;  */
}

#menu #menu_home a {
	width: 151px;
	text-align: right;
	/* color: #BDCCD1; /* #33CC45;  /* 00CC19; */
	display: block;
	padding: 25px 71px 0px 0px;
}

#menu #menu_home a:hover {
	width: 151px;
	text-align: right;
	color: #D25D27; /* F96E09;  /* 151A25;*/
	background-image: url(../images/global/vvvd-blue-hover[fast].gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000019; /* 667baf; /* #D8500D; */
	display: block;
	padding: 25px 71px 0px 0px;
}

#menu #menu_stills a {	
 /* on_stills.gif */
}

#menu #menu_stills a:hover {

}

#menu #menu_video a {
 /* on_video.gif); */
}

#menu #menu_video a:hover {

}

/*
#menu #menu_audio {
	margin-right: 20px;
}
*/

#menu #menu_audio a {
 /* on_audio.gif); */
}

#menu #menu_audio a:hover {

}

#menu #menu_identity a {
 /* on_brand.gif); */
	
}

#menu #menu_identity a:hover {

}
/*
#menu #menu_web {
	margin-right: 20px;
}
*/
#menu #menu_web a {
 /* on_web.gif); */
}

#menu #menu_web a:hover {

}

#menu #menu_gallery {
}

#menu #menu_gallery a {
 /* on.gif); */
 color: #8E0801; /* red color for emergency option*/
}

#menu #menu_gallery a:hover {
 color: #FF0000; /*#E12218;  /*D25D27; /* 151A25; */
}

#menu #menu_about a {
 /* on_about.gif); */
}

#menu #menu_about a:hover {

}

#menu #menu_contact a {
 /* on_contact.gif); */
}

#menu #menu_contact a:hover {

}


/*
-----------------------------------------END-of-MENU -----------------------------------------
*/


/*
----------------------------------- Splash Images
*/



#splash .splash_stills {
	background-image: url(/images/stills/splash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#splash .splash_stills_equipment {
	background-image: url(/images/stills/splash_equipment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_stills_examples {
	background-image: url(/images/stills/splash_examples.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_video {
	background-image: url(/images/video/splash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#splash .splash_video_equipment {
	background-image: url(/images/video/splash_equipment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_audio {
	background-image: url(/images/audio/splash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_audio_equipment {
	background-image: url(/images/audio/splash_equipment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#splash .splash_audio_composer {
	background-image: url(/images/audio/splash_harry_hansen.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_audio_samples {
	background-image: url(/images/audio/splash_samples.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_brand {
	background-image: url(/images/brand/splash.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_brand_pricing {
	background-image: url(/images/brand/splash.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_brand_portfolio {
	background-image: url(/images/brand/splash.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_web {
	background-image: url(/images/web/splash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_web_pricing {
	background-image: url(/images/web/splash_pricing.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_web_process {
	background-image: url(../images/nonhomepageimages/process/splash_process.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_web_portfolio {
	background-image: url(/images/web/splash_portfolio.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_contact {
	background-image: url(../images/nonhomepageimages/Advanced-CodeployContactScreen4-12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash .splash_about {
	background-image: url(/images/about/splash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*
----------------------------------- Tables
*/

/* Equipment */

.equipmentlist {
	width: 515px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FEDE01;
	margin-bottom: 40px;
}
td.listheader, .listheader td {
	font-size: 1.1em;
	background-color: #191E28;
	padding: 10px;
	letter-spacing: 0.1em;
}
.listheader strong {
	font-size: 1.6em;
}


th.listheader {
	font-size: 1.1em;
	background-color: #131722;
	padding: 10px;
	color: #4A525E;
	font-weight: normal;
}

td.listitem, .listitem td {
	font-size: 1.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #131722;
	padding: 10px;
	background-color: #131722;
}

.listspacer td { height: 10px; 	background-color: #242D40;}


/*
----------------------------------- Forms
*/

.formbox {
	padding-top: 40px;
	padding-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #313640;
}

form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
	clear: both;
	margin-bottom: 35px;
	color:  #667BAF; 
}

label {
	font-size: 1.2em;
	float: left;
	display: block;
	width: 120px;
	margin-right: 30px;
	text-align: right;
}

select {
	font-size: 1.4em;
	padding: 2px;
	border: 1px solid #ADB8CF;
	background-color: #B3B3B3;   /* #FFFFDD; */
	width: 327px;
	background-image: url(/images/contact/form_bgs.gif);
	background-repeat: repeat-x;
	background-position: center top;

}

.input, textarea {
	font-size: 1.4em;
	padding: 2px;
	border: 1px solid #ADB8CF;
	background-color: #B3B3B3;   /* #FFFFDD; */
	width: 320px;
	background-image: url(/images/contact/form_bgs.gif);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#submit {
	width: 59px;
	height: 22px;
	border: 0;
	margin-right: 40px;
} 


/*
----------------------------------- Handy Pandys
*/

.clear { 
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

.textjustified {
	text-align: justify;
}