@charset "UTF-8";
/* 
47 Marketing and Design
css authors: Matt Rudin, Konrad Szupinski
*/

/*
NOTES: Underscored items work for IE only.
*/

* { margin: 0; padding: 0; }
li { list-style-type: none; }
img { border: 0 none; }

/*
Positioning
--------------------------------------------------------------------------------------------
*/
#container { margin-left: auto; margin-right: auto; margin-top: 0; width: 1004px; }
#welcome { margin-left: auto; margin-right: auto; margin-top: 0; width: 1004px; }
#main { padding: 30px; padding-top: 0px; padding-bottom: 0px;  }
	#portfolio { margin-left: auto; margin-right: auto; width: 800px; padding-top: 20px; }
	#left_col { float: left; padding: 15px 0px 25px 45px; }
		#portfolio #left_col { padding: 25px 0px 25px 15px; }
		#left_col h3 { margin-left: 30px; }
	#right_col { float: right; padding-right: 20px; }
		#portfolio #right_col { width: 520px; padding: 25px 20px 0 0;}
		#portfolio #selection { margin-top: 60px; }
		#update { padding: 15px 25px 0px 25px; }

	#threedart { margin-left: auto; margin-right: auto; width: 801px; padding-top: 10px; }
	#threedart #latest3dart { margin-left: auto; margin-right: auto; width: 650px; }
	#latest3dart #right_col { width: 270px; padding: 10px 0 0 0; }
	#latest3dart #left_col { width: 300px; padding: 5px 0 0 0; }
#services	{ margin-left: 115px; margin-right: 115px; }

div.contact { width: 400px; }
#right_col div.contact { padding-top: 15px; }

form { margin-bottom: 40px; }

#contact { padding: 0px 0px 0px 30px; clear: both; }
	#left_contact { float: left; padding-left: 75px; padding-top: 30px; }
	#right_contact { float: right; padding-right: 132px; margin-top: 50px; }
#footer { clear: both; }
	#left_footer { float: left; padding: 35px 0px 0px 105px; }
	#right_footer { float: right; padding: 25px 95px 0px 0px; }


/*
Colors (borders, backgrounds,)
--------------------------------------------------------------------------------------------
*/
#footer { background-color: #343333; }

/*
Images
--------------------------------------------------------------------------------------------
*/
body { background: url(../images/background.png) repeat-x; background-color: #343333 /*darkgrey*/; }

#welcome { background: url(../images/header_index.png) no-repeat; width: 1004px; height: 274px; }
	#header #welcome { background: url(../images/header.png) no-repeat; width: 958px; height: 196px; }

#border { background: url(../images/border.png) repeat-y; width: 1004px; }
#portfolio { background: url(../images/portfolio_back.png) no-repeat; width:800px; height:509px; }
#threedart { background: url(../images/3d_back.png) no-repeat; width:801px; height:590px; }

#left_col h3#title_services { background: url(../images/title_services.png) no-repeat; width: 111px; height: 10px; }
	#left_col h3#title_services span { display: none; } 

#Xleft_col h3#title_contact { background: url(../images/title_contact.png) no-repeat; width: 111px; height: 10px; }
	#Xleft_col h3#title_contact span { display: none; } 

#right_col h3#title_latest { background: url(../images/title_latest.png) no-repeat; width: 90px; height: 10px; }
	#right_col h3#title_latest span { display: none; } 

#update { background: url(../images/latest_back.png) no-repeat; width: 363px; height: 158px; }

#contact { background: url(../images/contact_back.png) no-repeat; width: 1004px; height: 153px; }
#left_contact h2#title_contactus { background: url(../images/title_contactus.png) no-repeat; width: 111px; height: 13px; }
	#left_contact h2#title_contactus span { display: none; } 

#footer { background: url(../images/footer_back.png) no-repeat; width: 1004px; height: 84px; }
#right_footer h2#title_affiliated { background: url(../images/title_affiliated.png) no-repeat; width: 213px; height: 14px; margin-left: 90px; }
	#right_footer h2#title_affiliated span { display: none; } 
/*
Text
--------------------------------------------------------------------------------------------
*/
body { font-family: "Courier New", serif; letter-spacing: .1em; }
#pageheader h1#title {text-align: center; visibility: hidden; }
h3 { font-weight: normal; font-family: Impact, sans-serif; font-size: 1em; margin-top: 10px; padding-bottom: 20px;}
h2 { font-weight: normal; font-family: Impact, sans-serif; font-size: 1.2em; padding-bottom: 5px; }
#services h4 { font-weight: normal; font-family: "Courier New", serif; font-size: .8em; line-height: 1.3em; color: #90332B; margin: 0; padding: 0; }
#services p { font-size: .8em; line-height: 1.3em; padding-bottom: 20px; }

div.contact p { font-size: 0.8em; }
textarea { width: 375px; }
input { width: 375px; }

#portfolio #right_col p { color: white; font-size: .8em; padding: 40px 60px 0px 0px; }

#threedart h2 { font-size: 1em; color: white; margin-bottom: 5px; padding: 0px; }
#threedart p { font-size: .8em; color: white; }
#latest3dart #right_col p { text-align: justify; }

#update { color: white; }
	#update p { font-family: "Courier New"; font-size: .8em; width: 320px; }
	
h3#title_contact { margin-left: 45px; }
h4.office { color: #90332B; margin-top: 20px; }
label { color: #90332B; }
span.error { font-weight: bold; color: #90332B; }
#contact { color: white; }
	#contact h2 { color: #E8C31A; }
	#contact p { font-family: "Courier New"; font-size: .8em; }
	
#footer { font-family: "Courier New"; color: white; }
	#left_footer { font-size: .8em;}
	#right_footer {text-align: center; }
	#right_footer h2 { color: #E8C31A; }