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

body {
	margin: 0;
	padding: 0;
	background: url(../images/body-bg.jpg) top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}


/* Flash */

#flash {
	width: 950px;
	height: 240px;
	float: left;
}

/* Boxes */

#box_1 {
	width: 229px;
	height: 224px;
	float: left;
	margin: 10px 5px 15px 10px;
	background: url(../images/box_1.png) top no-repeat;
}

#box_1 h3 {
	font-size: 17px;
	color: #F0F0F0;
	margin: 5px 0 0 5px;
	font-weight: normal;
	text-align: center;
}

#box_1 h4 {
	font-size: 22px;
	color: #404040;
	margin: 20px 15px 0 15px;
	text-align:center;
}

#box_2 {
	width: 229px;
	height: 224px;
	float: left;
	margin: 10px 5px 15px 0;
	background: url(../images/box_2.png) top no-repeat;
}

#box_2 h3 {
	font-size: 17px;
	color: #F0F0F0;
	margin: 5px 0 0 5px;
	font-weight: normal;
	text-align: center;
}

#box_2 h4 {
	font-size: 20px;
	color: #404040;
	margin: 20px 20px 0 20px;
	text-align: left;
}

#box_2 a:link, #box_2 a:visited {
	color: #47478F;
}

#box_2 a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#box_3 {
	width: 229px;
	height: 224px;
	float: left;
	margin: 10px 5px 15px 0;
	background: url(../images/box_3.png) top no-repeat;
}

#box_3 h3 {
	font-size: 17px;
	color: #F0F0F0;
	margin: 5px 0 0 5px;
	font-weight: normal;
	text-align: center;
}

#box_3 h4 {
	color: #47478F;
	font-size: 20px;
	margin: 10px 15px 0 15px;
}

#box_3 h5 {
	color: #E85D00;
	font-size: 18px;
	margin: 0 15px 0 15px;
}

#box_3 p {
	font-size: 12px;
	color: #404040;
	margin: 0 15px 0 15px;
}

#box_3 ul {
	margin: 5px 0 8px 0;
	padding: 0;
}

#box_3 ul li {
	margin: 0 0 0 35px;
	color: #47478F;
	font-size: 12px;
	font-weight: bold;
}

#box_3 a:link, #box_3 a:visited {
	color: #47478F;
	text-decoration: underline;
}

#box_3 a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#box_4 {
	width: 229px;
	height: 224px;
	float: left;
	margin: 10px 0 15px 0;
	background: url(../images/box_4.png) top no-repeat;
}

#box_4 h3 {
	font-size: 17px;
	color: #F0F0F0;
	margin: 5px 0 0 5px;
	font-weight: normal;
	text-align: center;
}

#box_4 h4 {
	color: #47478F;
	font-size: 20px;
	margin: 10px 15px 0 15px;
}

#box_4 h5 {
	color: #E85D00;
	font-size: 18px;
	margin: 0 15px 0 15px;
}

#box_4 p {
	font-size: 11px;
	color: #404040;
	margin: 0px 15px 5px 15px;
}

#box_4 a:link, #box_4 a:visited {
	color: #47478F;
	text-decoration: underline;
}

#box_4 a:hover	{
	color: #FF6600;
	text-decoration: underline;
}

.orange {
	color: #DB5801;
}

.larger {
	font-size: 13px;
	margin: 0 0 0 5px;
}

/* Links */

#about_links {
	width: 269px;
	height: 215px;
	float: left;
	border-right: 2px solid #E6E6F2;
	margin: 5px 0 20px 0;
}

#about_links h3 {
	font-size: 17px;
	color: #000066;
	margin: 0 0 0 20px;
	text-transform: uppercase;
}

#about_links ul {
	margin: 10px 0 0 5px;
}

#about_links ul li {
	margin: 0 0 5px 0;
	font-size: 15px;
	color: #47478F;
	list-style: url(../images/arrow.png);
}

#about_links a:link, #about_links a:visited {
	color: #47478F;
	text-decoration: underline;
}

#about_links a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#design_links {
	width: 414px;
	height: 215px;
	float: left;
	border-right: 2px solid #E6E6F2;
	margin: 5px 0 20px 0;
}

#design_links h3 {
	font-size: 17px;
	color: #000066;
	margin: 0 0 0 20px;
	text-transform: uppercase;
}

#design_links p {
	font-size: 11px;
	color: #404040;
	margin: 5px 20px 5px 20px;
}

#design_links ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#design_links ul li {
	margin: 0 0 5px 0;
	font-size: 15px;
	color: #47478F;
	list-style: url(../images/arrow.png);
}

#design_links a:link, #design_links a:visited {
	color: #47478F;
	text-decoration: underline;
}

#design_links a:hover {
	color: #FF6600;
	text-decoration: underline;
}


#design_links-left {
	width: 162px;
	height: auto;
	float: left;
	margin: 0 10px 0 35px;
}

#design_links-right {
	width: 192px;
	height: auto;
	float: left;
	margin: 0 10px 0 0;
}

#marketing_links {
	width: 263px;
	height: 215px;
	float: left;
	margin: 5px 0 20px 0;
}

#marketing_links h3 {
	font-size: 17px;
	color: #000066;
	margin: 0 0 0 20px;
	text-transform: uppercase;
}

#marketing_links p {
	font-size: 11px;
	color: #404040;
	margin: 5px 20px 5px 20px;
}

#marketing_links ul {
	margin: 0 0 0 40px;
	padding: 0 0 0 0;
}

#marketing_links ul li {
	margin: 0 0 5px 0;
	font-size: 15px;
	color: #47478F;
	list-style: url(../images/arrow.png);
}

#marketing_links a:link, #marketing_links a:visited {
	color: #47478F;
	text-decoration: underline;
}

#marketing_links a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/* Bottom Area */

#bottom_area {
	width: 950px;
	height: auto;
	margin: 15px 0 0 0;
	float: left;
	padding: 0 0 25px 0;
}

#left-content {
	width: 353px;
	height: auto;
	float: left;
	border-right: 2px solid #E6E6F2;
	margin: 10px 0 0 0;
	padding: 0 15px 0 0;
}

#right-content {
	width: 353px;
	height: auto;
	float: left;
	margin: 10px 15px 0 15px;
}

#bottom_area h1 {
	color: #000066;
	font-size: 19px;
	margin: 0 0 10px 0;
}

#bottom_area h2 {
	color: #FF9147;
	font-size: 17px;
	margin: 0 0 0 0;
}

#bottom_area p {
	text-align: justify;
	margin: 0 0 15px 0;
	color: #404040;
	font-size: 12px;
}

#right-content a:link, #right-content a:visited {
	color: #FF9147;
	text-decoration: none;
}

#right-content a:hover {
	color: #000066;
	text-decoration: underline;
}

#left-content a:link, #left-content a:visited {
	color: #FF9147;
	text-decoration: none;
}

#left-content a:hover {
	color: #000066;
	text-decoration: underline;
}

#resource-links-top {
	width: 193px;
	height: 73px;
	float: left;
	background: url(../images/resource-bg.png) top no-repeat;
}

#resource-links-top h1 {
	color: #FFFFFF;
	font-size: 18px;
	margin: 5px 0 0 0;
	text-align: center;
}

#resource-links {
	background-color: #FFFFFF;
	border: 1px solid #E6E6F2;
	float: left;
	width: 191px;
	height: auto;
	margin: 0 0 15px 0;
}

#resource-links a:link, #resource-links a:visited {
	color: #FF9147;
	text-decoration: underline;
}

#resource-links a:hover {
	color: #000066;
	text-decoration: underline;
}

#resource-links ul {
	margin: 15px 5px 25px 20px;
	padding: 0 0 0 0;
}

#resource-links ul li {
	margin: 0 0 5px 0;
	font-size: 13px;
	color: #FF9147;
	list-style: url(../images/blue-arrow.jpg);
}

/* Gallery */

#gallery-box {
	width: 949px;
	height: 122px;
	float: left;
	margin: 50px 0 0 0;
	background: url(../images/gallery-bg.png) top no-repeat;
}

.gallery-img {
	float: left;
	margin: 10px 0 0 20px;
}

#gallery-box h4 {
	font-size: 15px;
	color: #FF6600;
	margin: 25px 20px 0 140px;
}

#gallery-box p {
	font-size: 11px;
	color: #404040;
	margin: 0 20px 0 140px;
}

/* Footer */

#footer {
	margin: 0;
	padding: 0 0 20px 0;
	clear: both;
	min-height: 260px;
	background-color: #000066;
}

#footer-links {
	width: 950px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

#footer-links a:link, #footer-links a:visited {
	color: #A4A4C7;
	text-decoration: none;
}

#footer-links a:hover {
	color: #A4A4C7;
	text-decoration: underline;
}

#footer_1 {
	width: 250px;
	height: auto;
	float: left;
	margin: 35px 0 0 0;
}

#footer_1 h6 {
	font-size: 15px;
	color: #FF6600;
	margin: 0 0 5px 0;
}

#footer_1 ul {
	margin: 0;
	padding: 0;
}

#footer_1 ul li {
	margin: 0 0 0 0;
	list-style: none;
	font-size: 11px;
	color: #A4A4C7;
}

#footer_2 {
	width: 220px;
	height: auto;
	float: left;
	margin: 35px 0 0 0;
}

#footer_2 h6 {
	font-size: 15px;
	color: #FF6600;
	margin: 0 0 5px 0;
}

#footer_2 ul {
	margin: 0;
	padding: 0;
}

#footer_2 ul li {
	margin: 0 0 0 0;
	list-style: none;
	font-size: 11px;
	color: #A4A4C7;
}

#footer_3 {
	width: 220px;
	height: auto;
	float: left;
	margin: 35px 0 0 0;
}

#footer_3 h6 {
	font-size: 15px;
	color: #FF6600;
	margin: 0 0 5px 0;
}

#footer_3 ul {
	margin: 0;
	padding: 0;
}

#footer_3 ul li {
	margin: 0 0 0 0;
	list-style: none;
	font-size: 11px;
	color: #A4A4C7;
}

#footer_4 {
	width: 260px;
	height: auto;
	float: left;
	margin: 35px 0 0 0;
	text-align: right;
}

#footer_4 h6 {
	font-size: 13px;
	color: #FF6600;
	margin: 0 0 5px 0;
	font-weight: normal;
}

#footer_4 p {
	margin: 15px 0 0 0;
	font-size: 11px;
	color: #A4A4C7;
}