@charset "UTF-8";
/* CSS Document */
*{ margin:0px; padding:0px;}

body{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#d7d7d7;
	font-size:13px;
	line-height: 135%;
	background:#020202 url(images/creative365-rocks.jpg) center top repeat-y;
	margin: 0 auto;
	text-align: center;
}
img a{border:0px}
p{ margin-bottom:12px;}
a{ text-decoration:none; color:#f8ba71; border:0px;}
a:hover{ text-decoration:none; color:#f8ba71;}

h1{ font-size:16px; text-align:left; margin-top:5px; margin-bottom:5px; color:#f8ba71; line-height: 170%; }
h5{ font-size:16px; text-align:left; margin-top:-5px;margin-bottom:5px; color:#f8ba71; line-height: 170%; }

h2{ font-size:15px; text-transform:uppercase; text-align:left; margin-top:20px; margin-bottom:5px; color:#f8ba71;}
h3{ font-size:13px; margin-top:10px; padding-bottom:5px; text-decoration:underline;}
h4{ font-size:10px; margin-top:10px; color: #e4d8bb;}

#container{ width:800px; margin:0 auto; overflow:hidden;}
#content{ clear:both;}

div.menubar {width:800px; height:20px;  background:url(images/white-background.png) repeat; font-size:11px; text-align:center;  text-transform: uppercase;font-weight:bold; padding-top:7px;}
div.menubar a          {text-decoration:none; padding-left:5px;  color:#000; } 
div.menubar a:hover    {text-decoration:none; padding-left:5px;  color:#ff0000; }
div.menubar a#selected{text-decoration:none; padding-left:5px;  color:#ff0000; }

#header{width:800px; height:161px; padding:0px; margin:0px; background:url(images/creative365-header.jpg) no-repeat;  color: #e4d8bb; text-transform: uppercase;font-weight:bold; padding:0px; 	overflow: hidden;}
.left{ width:42px; height:161px; float:left;}
.about              a{ width:84px; height:161px; margin-left: 0px; display:block; float:left; padding-top:60px; text-align: center; color: #e4d8bb;}
.about a:hover       {background:url(images/creative365menu-underline.png) no-repeat; background-position:center top; width:84px; height:161px; margin-left: 0px; display:block; float:left; padding-top:55px; text-align: center; color: #f8ba71;}
.services           a{width:110px; height:161px; margin-left: 0px; display:block; float:left; padding-top:60px; text-align: center; color: #e4d8bb;}
.services a:hover    {background:url(images/creative365menu-underline.png) no-repeat; background-position:center top; width:110px; height:161px; margin-left: 0px; display:block; float:left; padding-top:55px; text-align: center; color: #f8ba71;}
.difference         a{ width:128px; height:161px; margin-left: 0px; display:block; float:left; padding-top:60px; text-align: center; color: #e4d8bb;}
.difference a:hover  {background:url(images/creative365menu-underline.png) no-repeat; background-position:center top; width:128px; height:161px; margin-left: 0px; display:block; float:left; padding-top:55px; text-align: center; color: #f8ba71;}
.gallery            a{width:79px; height:161px; margin-left: 0px; display:block; float:left; padding-top:60px; text-align: center; color: #e4d8bb;}
.gallery a:hover     {background:url(images/creative365menu-underline.png) no-repeat; background-position:center top; width:79px; height:161px; margin-left: 0px; display:block; float:left; padding-top:55px; text-align: center; color: #f8ba71;}
.contact            a{ width:95px; height:161px; margin-left: 0px; display:block; float:left; padding-top:60px; text-align: center; color: #e4d8bb;}
.contact a:hover     {background:url(images/creative365menu-underline.png) no-repeat; background-position:center top; width:95px; height:161px; margin-left: 0px; display:block; float:left; padding-top:55px; text-align: center; color: #f8ba71;}
.butterfly{padding:0; border:0;}

.follow , .follow img a{ text-align:right; padding-right:0px; height:29px; border:0px;  margin-top:3px;}
.pages{ width:800px; padding:0px 0px 20px 0px}

.texts{background:url(images/gray-background.png) repeat;
	border: 1px solid #e4d8bb;
	margin: 0px;
	margin-bottom:28px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	display: block;
	text-align: left;
	padding: 15px;
   
}
#web li{line-height: 250%; }
#web2 li{line-height: 205%; }

.medical{background:url(images/gray-background.png) repeat;width:234px; height:325px; float:left; 
	border: 1px solid #e4d8bb;
	margin: 0px 5px 28px 5px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	display: block;
	text-align: left;
	padding: 10px;}
.medical li{line-height: 170%; }
.medical ul{margin-left:20px;}

#contact{line-height: 200%; }
.text p{ font-size: 13px; line-height: 150%; }
.text ul{margin-left:15px;}
	
.title_about {background:url(images/types.png);background-repeat:no-repeat;height:40px;width:200px; margin-bottom:20px;} 
.title_approach {background:url(images/types.png);background-repeat:no-repeat;background-position:0px -43px;height:43px;width:200px;margin-bottom:20px;} 
.title_services {background:url(images/types.png);background-repeat:no-repeat;background-position:0px -86px;height:43px;width:200px;} 
.title_difference {background:url(images/types.png);background-repeat:no-repeat;background-position:0px -129px;height:43px;width:200px;} 
.title_gallery {background:url(images/types.png);background-repeat:no-repeat;background-position:0px -168px;height:43px;width:100px;} 
.title_contact {background:url(images/types.png);background-repeat:no-repeat;background-position:0px -217px;height:43px;width:200px;} 
.title_testimonials {background:url(images/types.png);background-repeat:no-repeat;background-position:0px -258px;height:43px;width:200px;}
.title_credits {background:url(images/types.png);background-repeat:no-repeat;background-position:0px -298px;height:43px;width:200px;} 
.title_graphic {background:url(images/smaller-types.png);background-repeat:no-repeat;height:42px;width:180px;} 
.title_web {background:url(images/smaller-types.png);background-repeat:no-repeat;background-position:0px -42px;height:42px;width:180px;}
.title_marketing {background:url(images/smaller-types.png);background-repeat:no-repeat;background-position:0px -84px;height:42px;width:180px;}  
.title_printing {background:url(images/smaller-types.png);background-repeat:no-repeat;background-position:0px -126px;height:42px;width:180px;} 
.title_medical {background:url(images/medical-marketing.png);background-repeat:no-repeat;background-position:0px 0px;height:36px;width:230px;} 
.main_project{font-size: 14px;font-weight: bold;  border: solid 1px #333333;padding: 10px;width:160px;height:40px;float:left;margin:0px 15px 5px 0px;}
.project    {
	font-size: 12px;
	font-weight: bold;
	border: solid 1px #c3eefe;
	padding: 5px;
	width:160px;
	height:40px;
	float:left;
	margin:0px 15px 5px 0px;color:#333333;
}
.description{
	font-size: 10px;
	line-height:12px;
	font-weight: normal;
	border: solid 1px #c3eefe;
	padding: 5px;
	width:460px;
	height:40px;
	float:left;
	margin:0px 15px 5px 0px;
	color:#111111;
}

.space{width:60px; height:57px}
.click_to_open{color: #FF9900;font-style: italic;}
.imgdescription{ padding: 8px; margin: 0px 0px 15px 0px; text-align: center;line-height: 150%;font-size:12px;  color: #ffffff; background:url(images/gray-background.png) repeat; -moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px; border: 1px solid #505050;}
.footer {border: 1px solid #e4d8bb; background-color: #000; padding: 0px; margin: 0px 0px 15px 0px; display: block; text-align: center; font-weight:bold;line-height: 150%;
         border-radius: 7px;-moz-border-radius: 7px;-khtml-border-radius: 7px;-webkit-border-radius: 7px; 	}

.address{font-size: 16px; letter-spacing:0.1em; color: #f8ba71; padding:15px; }
.links a, span{font-size:11px; padding-bottom:15px; color: #d7d7d7;}
#slideshow img { display: none }
#slideshow img.first { display: block }

.right{float:right;  border: 1px solid #e4d8bb; padding:5px; margin-bottom:15px; -moz-border-radius: 7px;-khtml-border-radius: 7px;-webkit-border-radius: 7px;}
.img{border: 1px solid #e4d8bb; padding:5px; margin-bottom:15px; margin-right:0px;-moz-border-radius: 7px;-khtml-border-radius: 7px;-webkit-border-radius: 7px;}

.tile{padding:5px; margin-right:12px;  width:100px; height:100px; border: 1px solid #444444}

.slideshowHOME{ height: 502px; width: 379px; margin: auto; float:right; margin:30px 0px 0px 0px;}
.slideshowHOME img { padding: 5px; border: 1px solid #e4d8bb; border-radius: 7px;-moz-border-radius: 7px;-khtml-border-radius: 7px;-webkit-border-radius: 7px; }

.slideshowWEB{ width: 537px; height: 336px;  margin: auto; float:right; }
.slideshowWEB img { padding: 5px; border: 1px solid #e4d8bb; border-radius: 7px;-moz-border-radius: 7px;-khtml-border-radius: 7px;-webkit-border-radius: 7px; }
/*.slideshowWEB{ width: 612px; height: 382px;  margin: 0 auto; }
.slideshowWEB img { padding: 5px; border: 1px solid #e4d8bb;  }*/
#slideshowL img { display: none }
#slideshowL img.first { display: block }
#slideshowR img { display: none }
#slideshowR img.first { display: block }
.slideshowL { height: 90px; width: 112px; margin:0 0 0 50px; float:left; padding-right:200px; }
.slideshowL img { padding: 0px; border: 0px solid #ff0000; background-color: #eee; }
.slideshowR { height: 90px; width: 112px;  }
.slideshowR img { padding: 0px; border: 0px solid #ff0000; background-color: #eee; }