/* ---------->>> GLOBAL <<<-----------*/

* { margin: 0; padding: 0; }

body {
	background: #EF80B3 url(224_DesignBackground.jpg) top left repeat;
	color:#fff;
 	font: 11px "Arial", Verdana, Arial, Helvetica, sans-serif;
   }

ul, ol, dl, fieldset, address { 
	padding:0;
	margin:0; 
	}

p { padding: 0; margin: 0}	

li, dd { margin-left:5%; }
fieldset { padding: .5em; }

/* ---------->>> DIVS <<<-----------*/

#wrapper {
 background: #300 url(top_header.gif) repeat-x; 
 margin: 0 auto;
 width: 800px;
}

#header {
 background: url(dotty.gif) right bottom no-repeat; 
 width: 800px;
 height: 113px;
 position: relative;
 margin: 0 auto;
}

#faux {
 background: url(dotty.gif) top right repeat-y; 
 width: 800px;
 height: 450px;
 margin: 0 auto;
}
#leftcol { 
display: inline;
background-color: #fff;
float: left;
 color: #09c;
 margin: 0;
 padding: 0;
 width: 396px;
 height: 396px;
 margin-bottom: 5px;
 overflow: hidden;
 border: 1px solid #EF80B3;
 margin-left: 25px;
}

#rightcol { 
 display: inline;
 color: #fff;
 margin: 0px;
 padding: 0px;
 width: 291px;
 height: 396px;
 float: left;
 border: 1px solid #EF80B3;
 margin-left: 10px;
}

#nav {
	width: 799px;
	background-color: #EF80B3;
	margin: 0 auto;
	margin: 5px 0;
	height: 20px;
	overflow: hidden;
	border-right: 1px solid #300;
}

#footer { 
 background-color: #fff;
 width: 800px;
 height: 33px;
 clear: both;
 margin: 0 auto;
 padding-top: 4px;
 
}
	
/* ---------->>> HEADER ITEMS <<<-----------*/

h1 { }

	#header h1 {
	display: inline;
	height:43px; /* height of logo */
	width:408px; /* width of logo */
	background: url(logo_words.gif) top left no-repeat;
	text-indent:-9000px;
	float: left;
	margin-top: 70px;
	margin-left: 25px;
	}
	
	#leftcol h1 {
	color: #F58220;
	font: 1.4em "Tahoma" sans-serif;
	margin-top: 15px;
	}
	
	#rightcol h1 {
	color: #fff;
	font-size: 12px;
	padding: 25px;
	padding-bottom: 0;
	}

h2 { }

	#header h2 {
	height:64px; /* height of logo */
	width:64px; /* width of logo */
	background: url(logo_icon.gif) top left no-repeat;
	text-indent:-9000px;
	float: right;
	margin: 20px;
	}

p {}	

	#rightcol p { 
	padding: 0px 25px 25px 25px; 
	line-height: 18px;
	color: #EF80B3;
	}	

	#rightcol ul { 
	padding: 20px 60px 0px 60px; 
	line-height: 18px;
	}

a { }
	#header a {
	display:block;
	width:100%;
	height:98%;
	outline:none;
	}
	#rightcol a { 
	color: #fff;
	text-decoration: none;
	}
	#rightcol a:hover { 
	text-decoration: underline;
	}

hr { }
	#footer hr {
	border: 1px solid #EF80B3;
	}
	
/* ---------->>> Global Navigation <<<-----------*/

#about .about, #portfolio .portfolio, #case .case, #artistic .artistic {
color: #300;
}

#navleft { 
display: inline;
	float: left;
	width: 398px; 
	height: 16px;
	padding-top: 4px;
	margin-left: 15px; 
	border-left: 10px solid #300; 
	border-right: 10px solid #300; 
	}

#navleft a {
 color: #fff;
 text-decoration: none;
 margin-left: 15px;
 margin-right: 15px;
 font-size: 11px;
}

#navleft a:hover {
 color: #300;
}

#servicenav { 
  background: url(servicenav.gif) top left no-repeat; 
  display: inline; font: 11px; 
  text-align: left; 
  height: 15px; 
  width: 340px; float: right; 
  padding-left: 15px;
  }
 
 #servicenavblank { 
  display: inline; font: 11px; 
  text-align: left; 
  height: 15px; 
  width: 340px; float: right; 
  padding-left: 15px;
  } 

#servicenav a, #servicenav .off { 
color: #EF80B3;
text-decoration: none;
 margin-left: 5px;
 margin-right: 5px;
}

#servicenav a:hover, #servicenav .on { 
color: #fff;
text-decoration: none;
}


div#navright {
	width: 253px;
	height: 16px;
	padding-top: 4px;
	padding-left: 27px;
	float: left;
	}
	
div#navright span { float: left; margin-left: 5px; margin-right: 5px; }	
div#navright img { 
	border: 0;
	width: 18px; height: 18px;
	}

div#navright a  {
	display:inline;
	width: 18px; height: 18px;
	padding-left: 0px;
	background: url(../images/box.gif) top center no-repeat;
	text-decoration:none;
	border: 0px;
	float: left;
	padding-right: 5px;
}
div#navright a:hover, div#navright a.active, div#navright .on {
	display:inline;
	background: url(../images/box_on.gif) top center no-repeat;
 	color: #fff !important;
 	text-indent: 0;
}	
div#navright a.default, div#navright .off {
	background: url(../images/box.gif) top center no-repeat;
	}


#servicenav a:link.active, #servicenav a:visited.active {
 color: #fff;
}

.boxes { display: inline; width: 200px; float: left; margin-left: 15px; }

.clear { clear: both; background: none; }