/* ---------------------------- 
[Master Stylesheet]

Project: 	Commercial Diving Academy's Maritime Welding Program
Version:	1.0
Last change:	1/2/11 [templates created, lg]
Assigned to:	Lonnie Griffin [lg]
Primary use:	Web

------------------------------- */

/* ---------------------------- */
/* Basic Elements
/* ---------------------------- */
	
	body{background: url(/images/bkground-body.gif) top repeat-x; background-color:#000; margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ccc; line-height:20px; }
	a, a:visited {color: #f5ea2f;}
	a img { border: none; }
	a:active, object {outline: none;}
	a:hover {text-decoration: none;}
	a:focus{ -moz-outline-style: none;}
	form { margin: 0px; padding: 0px; }
	h1 { display: none; }
	h2 {font-size: 18px; font-weight: normal;color: #108ab9;margin: 0px 0px 10px 0px;}
	h3 {font-size: 15px; color: #f5ea2f; font-weight: bold; margin: 10px 0px 10px 0px;}
	hr {height:1px; background: #333; display:block; clear:both; overflow:hidden; border: none;}
	address { font-style: normal; }
	table { font-size: 12px; }

/* ---------------------------- */
/* Main Containers
/* ---------------------------- */
	
	#main-wrapper {width: 960px; margin: 0px auto 0px auto; position: relative;padding: 220px 0px 0px 0px;}
	
	#header {position:absolute; top: 0px; left: 0px; width: 960px; z-index: 1;}
		#header #phone-number { color: #f1e933; font-size: 16px; background: url(/images/icon-phone.gif) no-repeat; margin: 0px; padding: 2px 0px 0px 30px; height: 25px; position: absolute; top: 185px; left: 355px;z-index:999;  }
		#header img { position: absolute; z-index: 99; }
		#header #get-started-today {right: 258px; top: 6px;}
		#header #btn-apply-online {right: 111px; top: 6px; }
		#header #btn-contact-us {right: 0px; top: 6px;}
		#header #logo { z-index: 2; top: 0px; left: 0px; position: absolute; }
		#header ul { -webkit-text-size-adjust: 100%;list-style: none;background: url(/images/bkground-course-schedules.gif) no-repeat 0px 2px; position: absolute; right: 0px; top: 12px; margin: 0px; padding: 0px 0px 0px 120px; color: #999; z-index: 999; }
		#header ul li {padding: 0px 7px 0px 5px; display: inline; border-right: 1px solid;  }
		#header ul li.last { border: none; }
		#header ul li a {color: #fff;}
		
	#menu {position: absolute; top: 220px; left: 0px; z-index: 999; }
		#menu:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
		#menu img { float: left; }
		#menu ul {display: none; z-index: 100; margin: 0px; padding: 0px;background: #fff; list-style: none; position: absolute; top:37px; border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6;}
		#menu ul a{text-decoration: none;padding: 3px 4px 3px 4px; color: #085596;height: 18px; display: block;width: 190px;border-bottom: 1px solid #d6d6d6;  }
		#menu ul a:hover{ background: #085596; color: #fff;}
		#menu #dropdown-aboutus {left: 90px;}
		#menu #dropdown-weldingprograms {left: 206px;}
		#menu #dropdown-weldingcareers {left: 380px;}
		#menu #dropdown-contactus {left: 539px;}
	
	#content-wrapper {position: relative; width: 960px; }
		#content-wrapper:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
		
	#mariner {margin: 10px 0px 0px 0px;}
	
	#content, #content-wide {border: 1px solid #3c3c3d; padding: 20px 30px 30px 30px; margin: 40px 0px 0px 0px; background:url(/images/bkground-content-wide.jpg) repeat-y;position: relative;}
		#content {float: left;margin: 40px 3px 0px 0px; width: 606px; min-height: 855px;}
		#content-wide {width: 900px;}
		#content:after, #content-wide:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
		#content * { z-index: 99; position: relative;}
		#content #img-homepage { float: left; margin: 10px 25px 0px 0px; }
		#content #tbl-financial-aid {padding: 5px; border-collapse: collapse;}
		#content #tbl-financial-aid td { vertical-align: top; }
		
	#application-form {border-collapse: collapse; padding: 0px; width: 100%; }
		#application-form td { padding: 0px;  }
		#application-form th {text-align: left;}
		#application-form .dropdown {width: 155px; font-size: 12px;}
		
	#welder { position: absolute; right: 0px; top: -175px; z-index: -1; }
	
	#sparks {position: absolute; right: 30px; top: -355px;}
	
	#thevideo-wrapper { width: 640px; height: 360px; overflow: hidden;}

	#sidebar {width: 289px; float: left;z-index: 2; position: relative;margin: 40px 0px 0px 0px;}
		#sidebar .cta { margin: 0px 0px 3px 0px; }
		#sidebar #facebook-wrapper {position: relative; width: 345px; height: 94px;}
		#sidebar #facebook-icon {position: absolute; right: 12px; top: 0px;}
	
	#footer {text-align: left; padding: 0px 0px 20px 0px; margin: 12px 0px 0px 0px; color: #fff; position: relative; }
		#footer p {padding: 10px 0px 0px 0px; margin: 10px 0px 10px 0px; line-height: 18px; border-top: 1px solid #3c3c3d; }
		#footer p a {color: #ccc;}
		#footer #copyright, #footer #copyright a {color: #4d4d4d; border: none;  padding: 0px;}
		#footer #address { position: absolute; right: 0px; top: 0px; background:url(/images/bkground-address.gif) no-repeat 0px 10px; padding: 20px 0px 20px 100px; margin: 0px; line-height: 16px; z-index: 1; color: #ccc }
		
	.install-flash {background: #fff; border: 1px solid red; color: #333; padding: 10px;}
		.install-flash:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
		.install-flash a { color: #333; }
		.install-flash img { float: left; margin: 0px 10px 0px 0px; }
		

/* ---------------------------- */
/* Photo Gallery
/* ---------------------------- */

	#photogallery {width: 100%; }
	#photogallery td {border: 1px solid #333; margin: 10px;padding: 10;text-align: center; width: 180px;background: #000; vertical-align: middle;}
	#photogallery .portrait {}
	#photogallery .landscape {}
	#photogallery img {position: relative; background: #fff;padding: 5px; margin: 10px 10px 15px 10px;-moz-box-shadow: 3px 3px 3px #999;-webkit-box-shadow: 3px 3px 3px #999;box-shadow: 3px 3px 3px #999;}
	#photogallery h4 {margin: 10px; padding: 0px; font-size: 14px;}
		

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

	.lbl { display: block; font-weight: bold; margin: 0px; padding: 0px 0px 2px 0px;}
	.alert { background: url(/images/alert-small.gif) no-repeat 0px 2px; padding: 0px 0px 2px 20px; display: block; margin: 5px 0px 5px 0px; font-size: 11px; position: relative; }
	.success, .error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; text-align: left; position: relative;}
	.error {  background: #fff; border: 1px solid red;}
	.error h4 {border: none;padding: 8px 0px 10px 35px; margin: 0px; background: url(/images/alert.gif) no-repeat 0px 0px; color: Red;  font-size: 14px; position: relative;}
	.success {background-color: #c3fbbb;border: 1px solid #abe9a2;}
	.success h4 {border:none; padding: 3px 0px 6px 33px;background: url(/images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;}
	.success p, .alert p, .error p { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;}
	.progress {padding: 10px 0px 13px 10px; }
	.progress img {float: left; padding: 0px 10px 0px 0px; }
	.progress h4 { font-size: 15px; margin: 0px; padding: 10px 0px 0px 0px; color: Red;}
	
/* ---------------------------- */
/* Forms Formatting
/* ---------------------------- */

	#sidebar form { display: block; clear: both;border-collapse: collapse;width: 289px; border: 1px solid #3c3c3d;  padding: 20px 20px 10px 20px; margin: 0px 0px 5px 0px; background-image:url(/images/bkground-contact-form.png)}
	#sidebar form table, #form table {margin: 13px 0px 0px 0px;}
	#sidebar form table td, #form table td { vertical-align: top;padding: 3px; }
	#sidebar form .left, #form .left {float:left; margin:0px 5px 0px 0px}
	#sidebar form .left-phone, #form .left-phone {float:left; margin:0px 0px 0px 0px}
	#sidebar form .right-phone, #form .right-phone {float:left; margin:0px 0px 0px 5px}
	#sidebar form .clear, #form .clear {float:none}
	#sidebar form .lbl, #form .lbl {position:relative; display:block; font-weight:bold; clear:both; color:#fff; font-size:12px;text-align: right; width: 65px;}
	#form .lbl { text-align: left; width: auto;}
	#sidebar form .field, #form .field {font-size:11px; margin:0px 0px 0px 0px; color: #ccc; display: block;}
	#sidebar form textarea, #form textarea {width: 200px;}
	#sidebar form label, #form label {font-size: 12px;}
	#sidebar form select, #form select {font-size:14px;}
	#sidebar form h5, #form h5 {position:relative; font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 10px 0px; color:#fff; background-color:#0a69ab; display:block; clear:both}
	#sidebar form .red, #form. rd {color:red;}
	#sidebar form .btn-submit, #form .btn-submit {display:block; clear:both; margin:10px 0px 0px 0px; }
	#sidebar form .small, #form .small {font-size:11px; line-height:14px; color: #ccc; }
	
	
/* ---------------------------- */
/* Misc
/* ---------------------------- */

	.left{float:left; }
	.right { float: right; }
	.center { text-align: center; }
	.img-left{float:left; margin:0px 10px 0px 0px; }
	.img-right{float: right; margin: 0px 0px 0px 10px; }
	
	.margin-right{margin-right: 10px;}
	.margin-top{ margin-top: 10px;}
	.margin-top-neg { margin-top: -10px; }
	.margin-bottom { margin-bottom: 15px; }
	.padding-left { padding-left: 15px; }
	
	.small{font-size:12px; line-height:16px;  }
	
	.nodis { display: none; }
	.clear{ clear: both; }
	.red{color:red;}
	.grey { color: #666; }