/*--------------------------------------------*/
/*- Style sheet created by Nick Fassolas 2008-*/
/*--------------------------------------------*/
/*--- Support w3c and web standards project --*/
/*--------------------------------------------*/

body,div,h1,h2,h3,h4,p,ul,li,dl,dt,dd,img,form,fieldset,blockquote {
border:0;
margin:0;
padding:0;
}

p,div,li,h1,h2,h3,h4,td,input,select,textarea {
font-family:"Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
font-size:12px;
color:#d8d7ce;
line-height:18px;
}

p,h1,h2,h3,h4 {
margin-bottom:15px;
}

p.develop {
font-weight:700;
color:#83c483;
font-size:120%;
}

body {
text-align:center;
text-decoration:none;
background-attachment:fixed;
background-repeat:repeat-x;
background-position:center top;
background-color:#000;
}

li {
list-style-type:none;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:200%;
margin-top:10px;
padding-bottom:10px;
color:#fff;
}

h3 {
font-size:150%;
line-height:240%;
font-weight:400;
color:#fff;
border-bottom:1px dotted #093;
padding-bottom:0;
margin:0 0 10px;
}

p.welcome {
font-size:120%;
line-height:150%;
font-weight:400;
color:#f5f5f3;
border:1px solid #444;
width:240px;
text-align:left;
padding:10px;
}

#branding {
height:265px;
background-image:url(../images/branding.jpg);
background-repeat:no-repeat;
margin-top:25px;
border-top:2px solid #00650e;
text-indent:-99999px;
}

#main-nav {
text-align:right;
margin-top:-25px;
padding-right:35px;
}

#main-nav a {
padding:10px;
}

#main-nav li {
display:inline;
font-weight:700;
}

#main-content {
text-align:justify;
margin-left:auto;
margin-right:auto;
width:1000px;
font-size:70%;
line-height:150%;
}

#copyright {
text-align:justify;
background-image:url(../images/footer.png);
height:295px;
margin-top:60px;
}

#copyright .rights {
clear:both;
margin-left:180px;
padding-top:75px;
color:#73a176;
}

a,a:visited,a:active {
border:0;
color:#fff;
text-decoration:none;
margin:0;
}

a:hover {
color:#60ff00;
}

#main-content #Additional_info {
float:right;
width:260px;
margin-right:45px;
margin-top:37px;
background:transparent url(../images/sidebarbg.png) repeat-y;
}

#main-content #Additional_info h4 {
font-size:105%;
color:#529a44;
padding-right:10px;
padding-left:10px;
}

#main-content #Additional_info ul li a {
padding-right:10px;
padding-left:10px;
font-weight:400;
font-size:11px;
color:#5b835d;
}

#main-content #Additional_info ul li a:hover {
color:#ddd;
text-decoration:underline;
}

#main-content p.clear {
clear:both;
height:1px;
}

#main {
float:left;
width:600px;
padding-left:50px;
margin-top:20px;
}

body#links #main {
float:left;
width:930px;
padding-left:50px;
margin-top:20px;
}

#column1 {
float:left;
width:270px;
margin-right:25px;
margin-top:15px;
border-right:2px dotted #999;
padding:0 25px 0 0;
}

#column2 {
margin-top:15px;
float:left;
width:270px;
border-right:2px dotted #999;
padding:0 25px 0 0;
}

#column3 {
margin-top:15px;
float:right;
width:270px;
padding:0;
}

#main h2 {
border-bottom:2px dotted #868686;
font:normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
color:#fff;
margin:15px 0;
}

.post {
margin:0 0 25px;
padding:0;
}
#NF_web_design_studio .post {background:url(../images/sidebarbg.png) repeat;}

.post p {
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

blockquote {
margin-top:-5px;
}

blockquote q {
font-size:120%;
color:#ebebeb;
}

.post ul li {
padding-bottom:10px;
}

.post .post-footer {
background:url(../images/grad.jpg) repeat-x;
margin-top:15px;
font-size:95%;
border-top:1px solid #868686;
border-bottom:1px solid #868686;
padding:5px;
}

#group-container #ball {
float:right;
height:199px;
width:330px;
background:transparent url(../images/ball.png) no-repeat;
padding-right:20px;
margin-top:-40px;
}

#group-container {
text-align:justify;
margin-left:auto;
margin-right:auto;
width:1000px;
}

#group1 li a {
font-size:90%;
font-weight:400;
text-decoration:none;
padding-left:6px;
}

#group1 li a:hover {
text-decoration:underline;
}

#groups {
float:left;
width:600px;
padding-left:50px;
margin-top:15px;
}

#groups h3 a {
color:#f417f1;
}

#groups h3 a:hover {
color:#fff;
text-decoration:underline;
}

#groups li h3 {
color:#f417f1;
font-size:140%;
}

#group1 ul li {
display:inline;
}

.align-left {
text-align:left;
}

.align-right {
text-align:right;
}

.clear {
clear:both;
margin:0;
padding:0;
}

img.webdes {
border:1px solid #878787;
background:#565656;
float:left;
margin-right:10px;
margin-bottom:10px;
margin-left:0;
padding:5px;
}

img.col_top_pic {
border:1px solid #878787;
background:#565656;
margin-left:3px;
padding:10px;
}

img.float-right {
margin:5px 0 5px 15px;
}

img.float-left {
margin:5px 15px 5px 0;
}

#main #quote {
margin-top:25px;
margin-bottom:20px;
}

#main #quote p {
color:#20e300;
font-size:270%;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:700;
line-height:100%;
}

#main #quote p.second {
padding-left:100px;
}

#main #quote p.third {
padding-left:30px;
}

#projects {
height:133px;
margin:0;
}

#projects .thumbnails {
border:5px solid #b8b89f;
margin:3px 6px 3px 0;
padding:0;
}

#projects a:hover img {
border:5px solid #00bb12;
}

#projectshdr {
color:#fff;
font-size:18px;
height:30px;
padding:0 5px;
}

p.top_cat {
color:#d691d9;
font-size:18px;
height:30px;
border-bottom:2px dotted #999;
background:url(../images/top.png) no-repeat;
padding:10px 5px 0;
}

.web_design_links li {
margin-bottom:10px;
}

.arc90_linkpic {
display:none;
position:absolute;
left:0;
top:1.5em;
}

.arc90_linkpicIMG {
background:#fff url(../images/linkpic_shadow.gif) no-repeat bottom right;
padding:0 4px 4px 0;
}

li.moresoon {
font-size:85%;
color:#00bb12;
}

#col1,#col2,#col3 {
width:190px;
float:left;
}

#col1,#col2 {
margin-right:15px;
}

#main-content #Additional_info h3,#main-content #Additional_info p {
padding-right:10px;
padding-left:10px;
}

.web_design_links,.bot_space {
margin-bottom:20px;
}

ul.trends {
text-indent:-9999px;
background:url(../images/currenttrends.png) no-repeat center top;
width:263px;
height:433px;
}

ul.trends li {
font-size:120%;
line-height:90%;
color:#CF9;
text-align:left;
padding:10px;
}

body#links #footer {
width:100%;
background-color:#000;
height:100px;
text-align:left;
margin:30px 0;
}

body#links #footer p {
position:relative;
left:200px;
top:40px;
width:400px;
}
p.r1 {float:left;width:400px;}
p.niblog a {margin-right:225px;float:right;width:140px;height:50px;background:url(../images/niblog_link.png) no-repeat;text-indent:-9999px;margin-top:-20px;display:block;}
.highlight {color:#FFFFFF; font-weight:bold;}