html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline; }

/* basic elements */

html { background:#000; }
body { font-size: 10pt; font-family: 'Arial', serif; background:#000 url('../imgs/bg_changer/main.jpg') fixed; }
body.portfolio { background:#f0f0f0 url('../imgs/bg_changer/main3.jpg') bottom fixed repeat-x; height:auto; padding-bottom:40px;}

h1, h2, h3, h4 {margin:4px ; color:#FFF; font-family: 'Trebuchet MS', 'Arial';  }

h1 { font-size:22pt; font-weight:normal;}
h2 { font-size:26pt; font-weight:normal; color:#fff; text-shadow: 0px 1px 1px #555; }
h2.alone {padding:10px; background:transparent url('../imgs/bg_h1.png');}
h3 { font-size:14pt; color:#ffcc00; text-shadow: 0px 1px 1px #555}
h4 { font-size:11pt; color:#fff;}

hr { width:80%; border: 1px solid #DDD; margin:0;}
p { color:#ddd; font-size:12pt; margin:10px 4px; font-family: 'Arial', serif; }

a:link, a:visited { font-weight: bold; text-decoration: none;	color:#fff;}
a:hover, a:active {	color:#ffcc00;}


/* specific divs */

#top { width:100%; margin-bottom:80px; height:50px; overflow:hidden; background:transparent url('../imgs/bg_menu.png');}
#frame{width:900px; min-height:500px;  margin:20px auto; }
#frame.wide { width:100%; height:auto;}

#menu { width:100%; height:50px;}
#menu ul {padding:0px; margin:0px; margin-right:200px; list-style-type:none;}
#menu li { float:right; margin:0px 2px;}
#menu ul li a {display:block; padding:10px 6px 0 6px; height:50px; text-decoration:none; color:#fff; font-weight:lighter; font-size:14pt; }
#menu ul li a:hover { color:#ffcc00; }
#menu a.active1t {background: url('../imgs/bg_menu_ro.png') top center repeat-x; color:#111;}
#menu a.active1t:hover { color:blue;} 


#logo { width:310px; height:70px; position:absolute; left:5px; top:6px; margin:0px; background: url('../imgs/logo.png') no-repeat;}
#logo.index {top:10px; position:absolute;}

#welcome_msg { overflow:auto;}
#about_header { margin-bottom: 10px; -moz-box-shadow:#222 0px 1px 8px;}

#featured { width:900px; height:600px; margin-top:30px;}
#featured div {float: left; width:427px; height:200px; margin:20px  0px 30px 0px; background: url('../imgs/bg_featured.png'); border:1px solid #333; border:1px solid #999; -moz-border-radius:20px;-webkit-border-radius:20px;}
#featured div img {float:right; margin-right:15px;}
#featured h3 { font-size:20pt; padding-left:15px; font-weight:normal;}
#featured p {color:#fff; font-size:11pt; padding:10px 30px 5px 30px;}
#featured p:first-line{ font-weight:bold;}
#featured p a {font-size:14pt;padding-top:10px;display:block;}

.slideshow { width:900px; height:350px; border:6px solid #333; overflow:hidden;-moz-box-shadow:#222 0px 1px 12px;-webkit-box-shadow:#222 0px 1px 12px;}

.profiles, .profiles2 { width:100%; height:100%;overflow:hidden; background:#fff;}
.profiles img { height:300px; float:left; margin:20px; border:1px solid #ddd;}
.profiles2 img { width:99%; margin:3px 0; border:1px solid #ddd;}
.profiles h3 { margin:40px 0 0 0; color:#333;}
.profiles h4, .profiles2 h4 { color:#333; font-size:14pt; text-transform:uppercase; padding-left:20px;}
.profiles ul{ margin:10px 0; padding:0 0 0 30px; float:left; width:280px; list-style-type:square;}
.profiles ul li {margin:10px 0; color:#777; font-size:12pt;}
.profiles p {clear:right; float:right; color:#888; font-size:10pt; padding:5px 20px;} 
.profiles2 p { color:#666; font-size:10pt; padding:2px 20px;}
.profiles h3 a:link, .profiles h3 a:visited { color:#555; padding:5px 10px;}
.profiles h3 a:hover, .profiles h3 a:active { color:#222; background:#f1f1f1; }

.profiles p a {padding:9px 0 0 30px; display:block; height:30px; width:100px; background:#ddd;  border:1px solid #999; font-size:13pt; -moz-border-radius:10px;}
.profiles p a:link, .profiles p a:visited { color:#666; }
.profiles p a:hover, .profiles p a:active { background:#343434; color:#ffcc00;}

.profiles2 p a {padding:9px 0 0 30px; display:block; margin-top:20px; height:30px; width:100px; background:#ddd;) no-repeat; font-size:13pt; -moz-border-radius:10px; -webkit-border-radius:10px;float:right;}
.profiles2 p a:link, .profiles2 p a:visited { color:#666; }
.profiles2 p a:hover, .profiles2 p a:active { background:#343434; color:#ffcc00;}

.nav { margin-top:130px; height:80px; width:80px; background:transparent url('../imgs/arrows2.png') left no-repeat; overflow:hidden;}
.nav img {display:block; height:80px; width:80px;}
.nav:hover {background:transparent url('../imgs/arrows.png') no-repeat;}

#slide_navL {float:left; margin-left:-110px; background-position:right;}
#slide_navR {float:right; margin-right:-130px; background-position:left;}

.content_right { width:580px; min-height:400px; float:right; margin-left:30px;}
.content_right p {margin:20px 10px; word-spacing:.2em; color:#fff; }
.content_right ul li { color:#ddd; font-size:12pt;}

.content_left { width:230px; padding:10px; float:left; background:#ddd; -moz-box-shadow:#111 1px 0px 6px; -webkit-box-shadow:#111 1px 0px 6px; border:4px solid #333;}
.content_left img {width:230px; margin-bottom:10px;}
.content_left ul li {margin-bottom:6px; list-style-type:none;}
.content_left ul li a:link, .content_left ul li a:visited {padding:4px 0 4px 10px; color:#555; width:100%; display:block;}
.content_left ul li a:hover { color:#ffcc00; background:#333 url('../imgs/arrow-down.png') right no-repeat; text-transform:uppercase;-moz-box-shadow:#222 1px 0px 4px; -webkit-box-shadow:#222 1px 0px 4px;}
.content_left h5 {text-align:center;}

.content_left_img { width:220px; margin:10px 10px 0px 0px; padding:0px; position:absolute; top:30px;}
.content_left_img2 { width:220px; clear:left; margin:0px; padding:0px; float:left;}
.content_left_img2 img{ width:220px; margin:0 0 20px 0; padding:4px; background:transparent url('../imgs/bg_content.png'); border:1px solid #888;}

.content_body { padding:15px 10px; background:transparent url('../imgs/bg_content.png'); -moz-border-radius:20px;-webkit-border-radius:20px; border:1px solid #999;}


#links ul { overflow:auto; padding:0px; margin:6px auto; width:900px; text-align:right; list-style-type:none;}
#links ul li { margin:10px 30px 20px 8px; width:260px; height:80px; float:left; background:transparent url('../imgs/bg_content.png') top; -moz-border-radius:1em; -webkit-border-radius:10px; border:1px solid #999;}
#links ul li a { display:block; margin:15px 10px 0 90px; font-size:11pt;}
#links ul li img { display:block;  height:60px; float:left; margin:10px 5px 5px 10px;}
#links ul li a:link, #links ul li a:visited { text-decoration:none; outline:none; padding-bottom:5px;  border-bottom:1px dashed #99ccff;} 
#about_info p {font-size:11pt;}

#portfolio { width:99%; margin:60px 10px 0 10px; overflow:auto; position:relative;}
#portfolio h5 {color:#fff;font-size:14pt;text-align:center;padding:22px 0;margin-top:-66px;background: url('../imgs/bg_content.png'); position:relative;font-weight:normal;}

#portfolio ul { list-style-type:none; overflow:auto; margin:0; padding:0;}
#portfolio ul li { margin:0px 10px 10px 0px; height:260px; width:240px; float:left; color:#333; overflow:hidden; background:#111; -moz-box-shadow:#444 0px 0px 7px; -webkit-box-shadow:#444 0px 0px 7px;}
#portfolio ul li img{ height:260px;}
#portfolio ul li a:hover img{ margin-left:-50px;}

#portfolio ul li#port_text { width:470px; height:240px; font-size:10pt; color:#fff;padding:10px;}
#portfolio ul li#port_text img {float:right; height:196px; margin:-50px 0 0 -50px;}

#port_more { display:none;}
#port_more li{ float:left; list-style-type:none; margin:5px; font-size:12pt; width:160px;}

#prof_container { width:540px; margin:10px auto; background:#333; display:none;}
#pricing { text-align:center; font-size:13pt; float:right; padding:25px 0; width:200px; height:80px; background: url(../imgs/pricing.png) no-repeat; }
#pricing a:hover {color:#222;}

.serv_img {float:right; margin:-80px -60px 0 0;}
.about_img {float:right; margin:20px 10px 0 0;}

.style2 a:link, .style2 a:visited{color:#555; font-weight:bold;}
.style2 a:hover, .style2 a:active{color:#FFF;}

.style3 a:link, .style3 a:visited{color:#222; font-weight:bold;}
.style3 a:hover, .style3 a:active{color:#555;}

.secret_msg {padding-left:50px; font-weight:normal;}
.hideme{ display:none;}
.accesskey {text-decoration: underline;}
.clears {clear:both;}