@charset "utf-8";
/* CSS Document */

body { font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; padding:0px; background:url(../images/page_bkg.jpg) repeat-x top left #f0eee2; color:#848484 }

p { clear:both; }

#page { width:980px; text-align:left; }

#header { width:700px; height:160px; }
#header a { float:left }
#header #title{
	font-family: 'Oswald', arial, serif;
	width:360px;
    position:relative;
	color:#ff4a34;
	font-size:52px;
	letter-spacing:-1px;
	font-weight:normal;
 }

#header #menu { 	
    font-family: 'Oswald', arial, serif;
    list-style:none;
	font-size:18px; letter-spacing:3px; float:right; padding:0px; margin:0px; position:relative; width:700px; float:right; overflow:hidden;
float:none; clear:both; top:20px; }
#header #menu li { line-height:22px; float:left; text-align:center; margin-left:35px;}
#header #menu a { display:block; width:100%; text-decoration:none; color:#ffffff; font-weight:normal }
#header #menu a:hover { color:#969696; background-color:#f0eee2; }
#header #menu a:active { color:#969696; background-color:#f0eee2; }

h4, h5 { 
  font-family: 'Oswald', arial, serif;
  font-weight:normal;
  font-size:1.4em;
  color:#FFF;
  padding:20px; 
}
h5 { 
  font-size:1em;
}  
  

#title_small { font-size:24; }

#text-content ul { list-style:url(../images/bullet_orange.gif) }


#message { background-color:#CBCAB1; color:#404753 }
#text-content { width:640px; text-align:left; }

a { color:#ff7041; }
a:hover { text-decoration:none; color:#727b84; }

#form { width:660px; background:#CDCDBC; padding-left:10px; }
#form p { clear:both; float:none; padding-bottom:10px; }
#form div { float:left; text-align:left; margin-right:10px; }



h3 { padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:10px; color:#ff7041; font-weight:normal}


#hordiv { background-color:#727b84; height:2px; line-height:2px;}
#hordiv .header-bottomborder { height:2px; width:980px; text-align:left;}
#hordiv .white { height:2px; width:200px; background-color:#FFFFFF}


#menu-container { width:200px; height:600px; float:left; }



#services { position:relative; top:10px; color:#9e9f9f; letter-spacing:3px; text-align:right; font-size:small; font-weight:bold; }

#text-info { position:relative; top:45px; left:20px; color:#ff7041; letter-spacing:3px; text-align:left; font-size:small; font-weight:bold; overflow:hidden}
#text-info1 { position:relative; top:45px; left:30px; color:#ff7041; letter-spacing:3px; text-align:left; font-size:small; font-weight:normal; overflow:hidden}

#text-info1 table {border:1px solid #727b84; color:#666666; }
#text-info1 td {border:1px solid #727b84; padding:5px }


#portfolio { position:relative; top:45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:xx-small;  }
#portfolio ul {list-style:none; padding:0px; margin:0px; text-align:center; display:block; float:left; padding-left:36px;}
#portfolio .thumbnail {display:block; width:223px; height:155px; background:url(../../mediaartwork/images/thumbkg.gif) no-repeat}
#portfolio img { padding-top:17px; }

#portfolionavigation { width:780px; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:xx-small;}

#portfoliomenu  { font-size:12px; width:300px; }
#portfoliomenu ul {list-style: none; padding:0px; margin:0px;}
#orange-bar { display:block; width:100%; background-color:#ff7041; text-align:center; }

#footer { background-color:#969696; width:100%; overflow: hidden; color:#5a5a5a; font-weight:normal }
#footer #content { 
     width:700px; 
	 text-align:left; }
#footer p { padding-top:10px;}

#footer #menu { list-style:none; width:540px; }
#footer #menu li { text-align:center;  margin-right:30px; float:left;}
#footer #menu a { display:block; width:100%; color:#5a5a5a; font-weight:normal }
#footer #menu a:hover { color:#fff; }
#footer #menu a:active { color:#666666; }
#footer #content #social-media {
	float:left;
	margin:0 10px 0 10px;	
}

.prompt { font-size:x-small; color:#666666; font-weight:normal; text-indent:40px;}

#pay {dispay:block; width:400px; background-color:#CCCCCC; border:2px solid #ebebeb; margin:20px; color:#272F3A}

.check_bot { display:none }

.comment { border:0px; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
