@charset "utf-8";
/* CSS Document */

/* ==================== BEGIN INTRO PAGE ==================== */
body.intro {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url(../images/dcdiaz_intro_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}
#logo {
	position: absolute;
	top: 10px;
	left: 20px;
	height: 48px;
	text-align: center;
	width: 350px;
	/*background-image: url(../images/dcdiaz_logo.png);*/
}
#logo a {
	color: #000;
	font: bold 12px "Courier New", Courier, monospace;
	text-decoration: none;
}
#logo a:hover {
	text-decoration: underline;
}
#flashRequired {
	font-family: Arial, Helvetica, sans-serif;
	margin: 10 auto; 
	font-size: 10px; 
	text-align: center;
}
#flashRequired a {
	color: #003399;
	text-decoration: none;
}
#skipIntro {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 48px;
	text-align: center;
	width: 150px;
}
#skipIntro a {
	color: #000;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	text-decoration: none;
}
#skipIntro a:hover {
	text-decoration: underline;
}
#flash {
	height: 500px;
	width: 1200px;
	margin: 0 auto;
	background: none;
}
/* ==================== END INTRO PAGE ==================== */

/* ==================== BEGIN MAIN SITE  ==================== */
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url(../images/dcdiaz_body_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}

h3 {
	font-size: 16px;
	margin: 0;
	padding: 5px;
}

a {
	outline: none;
}

img {
	border: none;
}

input {
	margin: 3px 0 10px 25px;
	outline: none;
}

select {
	margin-top: 3px;
	margin-left: 25px;
	margin-bottom: 10px;
}

textarea {
	margin-bottom: 10px;
}

fieldset {
	background-color: #FFF;
	border: 1px solid #777;
	margin-bottom: 10px;
	padding: 0 20px 20px 20px; 
	color: #111; 
	font-family: 'Trebuchet MS', arial, sans serif; 
	font-size: 13px; 
	text-align: left;
	-moz-border-radius: 10px;
}

legend {
	background: none;
}

.red {
	color: #880500;
	font-size: 16px;
}

.hidden {
	display: none;
}

#wrapper {
	width: 975px;
	margin: 0 auto;
}
	
#header {
	position: relative;
	height: 190px;
}

#menu {
	position: fixed;
	top: 150px;
	height: 39px;
	margin: 0 15px;
	font-family: Arial, Helvetica, sans-serif;
}

#menu a.active {
	float: left;
	height: 33px;
	width: 135px;
	padding: 6px 0 0 0;
	background-image: url(../images/buttons/buttonMenuActive.png);
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#menu a.inactive:hover {
	float: left;
	height: 33px;
	width: 135px;
	padding: 6px 0 0 0;
	background-image: url(../images/buttons/buttonMenuActive.png);
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#menu a.inactive {
	float: left;
	height: 33px;
	width: 135px;
	padding: 6px 0 0 0;
	background-image: url(../images/buttons/buttonMenuInactive.png);
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#content {
	position: relative;
	width: 975px;
	padding: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 10;
}

#content p {
	padding: 0px 100px;
}

.module {
	float: left;
	font-family:Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 10px 10px 0 10px;
	width: 278px;
}

.module h2 {
	margin: 0 0 0px 0;
	font-family: Arial, san serif;
	font-size: 20px;
	font-weight: lighter;
	color: #FFFFFF;
}

.module h2 a, .module h2 a:visited {
	color: #004080;
	font-size: 20px;
	text-decoration: none;
}

.module h2 a:hover {
	color: #66AADD;
	text-decoration: none;
}

.module h3 {
	margin: 0 0 5px 0px;
	font-size: 12px !important;
	font-weight: bold;
	color: #333;
}

.module h3 a, .module h3 a:visited {
	color:#004080;
	text-decoration:none;
	font-size: 12px !important;
}

.module h3 a:hover {
	color: #66AADD;
	text-decoration:none;
}

.module p {
	margin: 5px;
	font-size: 12px;
	font-weight: lighter;
	color: #EEEEEE;
}

.module ul {
	margin: 6px 20px !important;
	padding-left: 20px;
	list-style-image: url(../images/bullet.png);
}

.module li {
	margin-bottom: 3px;
	border-bottom: 1px dotted #777;
	color: #333;
	font-size: 12px !important;
}

.module a {
	color: #66AADD;
	text-decoration: none;
}

.module a:visited {
	color: #66AADD;
	text-decoration: none;
}

.module a:hover {
	color: #1D5681;
}

#portfolio img {
	border: 1px solid #333;
}

.full_module_top {
	position: relative;
	height: 30px;
	width: 935px;
	padding: 20px 0 0 40px;
	background-image: url(../images/full_module_top.png);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #555;
}

.full_module_top img {
	vertical-align: middle;
}

#payment {
	position: absolute; 
	top: 21px; 
	right: 190px;
	width: 135px;
}

#payment a {
	float: left;
	height: 33px;
	width: 135px;
	padding: 6px 0 0 0;
	background-image: url(../images/buttons/buttonMenuActive_2_source.png);
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#payment a:hover {
	background-image: url(../images/buttons/buttonMenuActive_2_hover_source.png);
}

#quote {
	position: absolute; 
	top: 22px; 
	right: 35px;
	width: 135px;
}

#quote a {
	float: left;
	height: 33px;
	width: 135px;
	padding: 6px 0 0 0;
	background-image: url(../images/buttons/buttonMenuActive_green.png);
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#quote a:hover {
	background-image: url(../images/buttons/buttonMenuActive_green_hover.png);
}

.full_module_content {
	float: left;
	background-image: url(../images/full_module_content.png);
	background-repeat: repeat-y;
	padding: 15px 40px 0;
	width: 895px;
}

.full_module_content a {
	color: #004080;
	font-size: 14px;
	text-decoration: none;
}

.full_module_content a:hover {
	text-decoration: underline;
}

.full_module_content h2 {
	color: #004080;
	border-bottom: 1px solid #AAA;
	font-family: "Trebuchet MS", arial,sans-serif;
	font-size: 22px;
	line-height: 22px;
	margin: 0 0 5px 5px;
}

.full_module_content ul {
	margin: 0px 20px 20px 20px;
	padding: 0px;
	list-style-image: url(../images/bullet.png);
}

.full_module_content li {
	margin-bottom: 3px;
	/*border-bottom: 1px dotted #FFFFFF;*/
	color: #111;
	font-size: 16px;
}

.full_module_content p {
	margin: 10px 0 !important;
	padding: 0px 20px !important;
}

.full_module_bottom {
	float: left;
	height: 50px;
	width: 975px;
	background-image: url(../images/full_module_bottom.png);
	background-repeat: no-repeat;
}


/* ------------------  Begin About page ------------------- */
#bio {
	width: 895px; 
	background-color: #FFF; 
	border-top: 1px solid #999; 
	border-right: 1px solid #555; 
	border-left: 1px solid #555; 
	border-bottom: 1px solid #222; 
	-moz-border-radius: 10px;
	margin: 10px 0 0 0;
}

#bio p {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* ------------------  Begin Clients page ------------------- */
.client {
	background: #FFF;
	height: 250px;
	width: 250px;
	border: 1px solid #AAA;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	vertical-align: top;
}
.client a {
	color: #004080;
	text-decoration: none;
}
.client a:hover {
	color: #1D5681;
	text-decoration: underline;
}
.client h3 {
	background: #DDD;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin-bottom: 5px;
	width: 284px;
}
.client img {
	margin: 0px 23px;
	border: 1px solid #AAA;
}
.client p, .client li {
	font-size: 12px;
}
.client ul {
	margin: 0;
	padding: 0 10px 0 35px;
}

/* ------------------  Begin Tool Box page ------------------- */

.toolbox {
	width: 895px; 
	background-color: #FFF; 
	border-top: 1px solid #999; 
	border-right: 1px solid #555; 
	border-left: 1px solid #555; 
	border-bottom: 1px solid #222; 
	-moz-border-radius: 10px;
	margin: 10px 0 0 0;
}

.toolbox h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans serif;
}

.toolbox ul {
	margin: 0px 20px 20px 20px;
	padding: 0px;
	list-style-image: url(../images/bullet.png);
}

.toolbox li {
	width: 220px;
	margin-bottom: 3px;
	/*border-bottom: 1px dotted #FFFFFF;*/
	color: #FFFFFF;
	font-size: 12px !important;
}

.toolbox a {
	color:#225A8C;
	font-family:Arial,Helvetica,sans-serif;
	text-decoration:none;
}

.toolbox_main a:hover {
	text-decoration: underline;
}

.toolbox_column {
	width: 25%;
	border-right: 1px solid #555555;
	vertical-align: top;
}

/* ------------------  Begin Contact page ------------------- */

input.send {
	background-color: #FFF;
	background-image: url(../images/buttons/buttonMenuInactive.png);
	border: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	height: 40px;
	margin: 10px 0;
	outline: none;
	padding: 0 0 10px;
	width: 135px;
}

input.send:hover {
	background-image: url(../images/buttons/buttonMenuActive.png);
}

.phone {
	height: 60px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #111;
	border-top: 1px solid #999; 
	border-right: 1px solid #555; 
	border-left: 1px solid #555; 
	border-bottom: 1px solid #222; 
	color: #0BB90B;
	font-size: 36px;
	text-align: center;
	-moz-border-radius: 10px;
}

.bottom {
	height: 75px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.bottom_menu {
	position: absolute;
	height: 30px;
	width: 100%;
	margin: 0 auto;
	padding-top: 15px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	z-index: 5;
}

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

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

.bottom_menu a:hover {
	color: #00CC00;
	text-decoration: none;
}

.alert {
	color: #CC0000;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 10px;
}

.alert a {
	color: #AEFFAE;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	/*height: 150px;
	width: 975px;*/
}

#footer p {
	font-size: 12px;
	margin: 5px 50px;
	padding: 0;
}