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

/* ---------- WEBSITE FORMAT ---------- */
body {
	background: url(../IMAGES/BG.jpg) no-repeat #003399;
	font-family: Calibri;
	font-size:13px;;
	color:#FFFFFF;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	min-width:1024px;
}

#header {
	text-align:right; width:auto; margin-top:5px;
}

.menu {
	background:url(../IMAGES/menu_bar2.png) repeat-x;
	height:32px; width:100%;
	padding-top:8px;
	font-size:20px;
	font-variant:small-caps;
	font-stretch:expanded;
	margin-bottom:17px;
}

/* MENU OVERLAY CSS */
a:link {color: #FFFFFF;	text-decoration: none;}
a:visited {text-decoration: none; color: #FFFFFF;}
a:hover {text-decoration: underline; color: #FFFFFF;}
a:active {text-decoration: none; color: #FFFFFF;}

.mainBody {
	width:970px; height:auto; margin-left:auto; margin-right:auto;
}

.mainBody_top_container {
	width:970px;
	height:20px;
	margin:0px;
	background-image:url(../IMAGES/body2_top.png);
	background-repeat:repeat-y;
}

.mainBody_main_container {
	width:938px;
	height:auto;
	background-image:url(../IMAGES/body2_back.png);
	background-repeat:repeat-y;
	padding-left:16px;
	padding-right:16px;
	padding-top:4px;
	padding-bottom:1px;
}

.mainBody_bottom_container {
	width:970px;
	height:20px;
	margin:0px;
	background-image:url(../IMAGES/body2_bottom.png);
	background-repeat:repeat-y;
}



/* ---------- HOME PAGE FORMAT ---------- */

.homeFeature {
	width:960px;
	height:380px;
	background-image:url(../IMAGES/intro_feat_glowBG.png);
	padding-left:10px;
	padding-top:10px;
}

.blocks {
	width:293px;
	height:241px;
	background-image:url(../IMAGES/homeBlockLEFT.png);
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
}

.bottomReflection {
	width:100%;
	height:12px;
	background-image:url(../IMAGES/bottomReflec.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:-25px;
	text-align:center;
	font-size:11px;
	color: #36C;
	padding-top:40px;
}

.bottomReflection a:link {color: #36C; text-decoration:underline;}
.bottomReflection a:visited {color: #36C; text-decoration:underline;}
.bottomReflection a:hover {color: #06F;}
.bottomReflection a:active {color: #36C; text-decoration:underline;}

/* ---------- ABOUT ME FORMAT ---------- */
.mainBody_top_container_aboutMe {
	width:970px;
	height:77px;
	margin:0px;
	background-image:url(../IMAGES/about_me_header2.png);
	background-repeat:repeat-y;
}

/* ---------- MY DESIGNS FORMAT ---------- */
.mainBody_top_container_designs {
	width:800px;
	height:75px;
	margin:0px;
	background-image:url(../IMAGES/my_designs_header.png);
	background-repeat:repeat-y;
}

.designDescription {
	height:50px;
	width:976px;
	background-image:url(../IMAGES/design_description_bar.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:right;
	padding-left:35px;
	padding-right:45px;
	padding-top:20px;
}

#slideshow {
	margin-left:-43px;
	width:1056px;
	height:370px;
	background:transparent url(../IMAGES/mainBackDesign.png) repeat-y;
	background-position:center;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:940px;
  height:300px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:940px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:300px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:53px;
  height:64px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  margin-top:120px;
  top:0;
  left:0;
  background:transparent url(../IMAGES/design_left.png) no-repeat 0 0;
}
#rightControl {
  margin-top:120px;
  top:0;
  right:0;
  background:transparent url(../IMAGES/design_right.png) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 
* {
  margin:0;
  padding:0;
  font:normal 11px Verdana, Geneva, sans-serif;
  color:#ccc;
}
a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
body {
  background:#393737 url(img/bg_body.jpg) repeat-x top left;
}
#pageContainer {
	margin-left:auto;
	margin-right:auto;
  width:960px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  background:transparent url(img/bg_pagecontainer_h1.jpg) no-repeat top left;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}*/
.slide img {
	border:none;
}

.slide a:link { color:#FFF; }
.slide a:visited { color:#FFF }
.slide a:hover { color:#9FC }
.slide a:active { color:#FFF }

.slide_main_image {
	background-image:url(../IMAGES/design_content/design_main_bg.jpg);
	float:right;
	margin-top:40px;
	margin-right:8px;
	width:377px;
	height:243px;
	padding-top:5px;
	padding-left:19px;
}

.slide_main_image img {
	border:none;
}

.slide_small_image {
	background-image:url(../IMAGES/design_content/design_small_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:84px;
	width:390px;
	padding-top:5px;
	padding-left:14px;
	margin-left:69px;
}

.slide_small_image img {
	border:none;
}

/* ---------- MY CV FORMAT ---------- */
.mainBody_top_container_cv {
	width:800px;
	height:75px;
	margin:0px;
	background-image:url(../IMAGES/my_cv_header.png);
	background-repeat:repeat-y;
}

.iframeFormat {
	width:775px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	z-index:-1;
}

/* ---------- CONTACT ME FORMAT ---------- */
.mainBody_top_container_contact {
	width:800px;
	height:75px;
	margin:0px;
	background-image:url(../IMAGES/contact_me_header.png);
	background-repeat:repeat-y;
}