/* CSS Document */


/* ALL CONTENT AREAS */

/* Positions the entire website on the screen*/
#page {
  border: 0px;
  border-color: #ffae35;
  border-style: solid;
  width: 800px;
  height: 606px;
  top: 15px;
  margin: auto;
  text-align:left;
  background-color: #ffffff;
}

/* Rec with stars*/
#outside_rec {
	border: 1px;
  	border-color: #ffae35;
  	border-style: solid;
	background-color: #fdf8f0;
	position: relative;
	width: 745px;
	height: 554px;
	top: -26px;
	left: 26px;
	z-index: 5;

}

/* Content window*/
#inside_rec {
	border: 1;
	background-color: #fdf8f0;
	position: relative;
	width: 562px;
	height: 391px;
	top: 5.3em;
	left: 93px;

}

/* Content Pic*/
#left_pic {
	border-top: 1px;
	border-top-color: #ffae35;
	border-top-style: solid;
	border-left: 1px;
	border-left-color: #ffae35;
	border-left-style: solid;
	position: relative;
	width: 183px;
	height: 309px;
	top: 62px;
	left: 0em;
}

/* Text window */
#right_content {
	border-top: 1px;
	border-top-color: #ffae35;
	border-top-style: solid;
	border-right: 1px;
	border-right-color: #ffae35;
	border-right-style: solid;
	background-image: url(file:///F|/new/Sapphire/2006/CSSBuild/Website/images/template_contentwindow.gif);
	position: absolute;
	width: 375px;
	height: 292px;
	top: 62px;
	left: 184px;
}

/* Featured image rollover*/
#featured_image {
	border-top: 1px;
	border-top-color: #ffae35;
	border-top-style: solid;
	border-right: 1px;
	border-right-color: #ffae35;
	border-right-style: solid;
	border-bottom: 1px;
	border-bottom-color: #ffae35;
	border-bottom-style: solid;
	position: absolute;
	width: 375px;
	height: 17px;
	top: 355px;
	left: 184px;
}

/* Logo and tag*/
#header {
	position: absolute;
	width: 561px;
	height: 62px;
	top: 0px;
	left: 0px;
}

/* Navigation*/
#nav {
	position: absolute;
	width: 558px;
	height: 18px;
	top: 373px;
	left: 0px;
}

/* Text Box*/
#text_box {
	position: absolute;
	width: 363px;
	height: 279px;
	top: 6px;
	left: 8px;
	overflow: auto;
	padding-right: 4px;
}

/* Copyright*/
#copyright {
	position: absolute;
	width: 186px;
	height: 26px;
	top: 473px;
	left: 180px;
}

/* For Corners*/

#top_outer_corners {
	position: relative; 
	width: 550px;
	height: 51px;
	z-index: 0;
	top: 0px;
	left: 0px;
}

#bottom_outer_corners {
	position: relative; 
	width: 550px;
	height: 51px;
	z-index: 0;
	top: -53px;
	left: 0px;
}

#top_inner_corners {
	position: relative; 
	width: 550px;
	height: 0px;
	z-index: 0;
	top: 0px;
	left: 0px;
}

#bottom_inner_corners {
	position: relative; 
	width: 550px;
	height: 0px;
	z-index: 0;
	top: 138px;
	left: 0px;
}

/*Full Portfolio Page*/
#portfolio_contain {
	border-left: 1px;
	border-left-color: #ffae35;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #ffae35;
	border-right-style: solid;
	border-top: 1px;
	border-top-color: #ffae35;
	border-top-style: solid;
	position: relative;
	width: 557px;
	height: 311px;
	top: 62px;
	background-image: url(../images/template_form_contentwindow.gif);
	background-repeat: no-repeat;
}

#portfolio_pic_contain {
	position: relative;
	width: 328px;
	height: 280px;
	margin-top: 14px;
	text-align: right;
	float: left;
}
  
.portfolio_pic {
	border: 1px;
	border-color: #999999;
	border-style: solid;
}

#portfolio_links_contain {
	width: 170px;
	margin-left: 350px;
}

#portfolio_links_title {
	position: absolute;
	width: 195px;
	margin-top: 62px;
	margin-left: 0px;
	text-align: left;
	float: right;
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0099FF;
	letter-spacing: 1px;
}

#portfolio_links_box {
	position: absolute;
	width: 180px;
	margin-top: 80px;
	margin-left: 0px;
	text-align: left;
	float: right;
	border-top: 1px;
	border-top-color: #999999;
	border-top-style: solid;
	padding-top: 2px;
	border-bottom: 1px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	padding-bottom: 2px;
	padding-left: 6px;
}

/*Index Settings*/
#mid_pic {
	border-top: 1px;
	border-top-color: #ffae35;
	border-top-style: solid;
	position: absolute;
	width: 187px;
	height: 310px;
	top: 62px;
	left: 184px;
}

#right_pic {
	border-top: 1px;
	border-top-color: #ffae35;
	border-top-style: solid;
	border-right: 1px;
	border-right-color: #ffae35;
	border-right-style: solid;
	position: absolute;
	width: 187px;
	height: 309px;
	top: 62px;
	left: 371px;
}


/*ALL FONT SETTINGS*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0.5px;
	line-height: 18px;
	}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099FF;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	padding-top: -4px;
	padding-bottom: 2px;
	margin-bottom: -10px;
	}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0099FF;
	letter-spacing: 1px;
	margin-bottom: -12px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: -2px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration:underline;
	color: #660000;
	letter-spacing: 1px;
	margin-bottom: -12px;
}

.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0.5px;
	line-height: 18px;
}
	
#specs {
	width: 225px;
	margin-left: 10px;
	margin-right: 8px;
}

#specs_left {
	width: 85px;
	float: left;
	margin-left: 2%;
}

#specs_right {
	width: 100%;
}

#right_contain {
	width: 226px;
	float: right;
	position: absolute;
	left: 100px;
	margin-left: -1px;
}

.specs_cat {
	border-top: 1px;
	border-top-color:#CCCCCC;
	border-top-style: dotted;
	border-bottom: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	color:#660000;
	text-align: left;
	background-color:#f0f0f0;
	padding-left: 3px;
}

.specs_info {
	border-top: 1px;
	border-top-color:#CCCCCC;
	border-top-style: dotted;
	border-bottom: 1px;
	border-bottom-color:#CCCCCC;
	border-bottom-style: dotted;
	color:#660000;
	text-align: right;
	background-color:#f0f0f0;
	padding-right: 3px;
}