/* CSS Document */

/* Yahoo Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym { border:0; 
} 

/* Regular CSS */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

a, a:link, a:visited, a:active {
color:#0099FF;
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:none;
color:#333333;
font-weight:bold;
}

strong {
font-weight:bold;
}

h1 {
font-weight: bold;
font-size:14px;
margin: 16px 0;
}

h2 {
font-weight: bold;
font-size:14px;
margin: 16px 0;
}

hr {
color:#ccc;
border:0;
border-top:1px solid #ccc;
margin: 10px 106px 0 106px;
padding:0;
text-align:left;
}

#content-main {
width:4349px;
padding:0;
margin:0;
border:0;
background-color:#CCCCCC;
}

.start {
width:394px;
height:542px;
float:left;

padding:0;
margin:0;
}

.logo {
text-align:center;
margin-bottom:42px;
margin-top:42px;
}

.welcome {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:666666;
}

.welcome-inro {
width:499px;
height:542px;
float:left;
padding:0;
margin:0;
text-align:center;
}

.navigation-menu {
text-align:left;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:666666;
margin:0;
margin-left: 165px;
margin-top:106px;
padding:0;
list-style:none;
line-height:20px;
}

.projects {
width:1146px;
height:542px;
float:left;
padding:0;
margin:0;
}

.project-set {
width: 1034px;
height: 420px;
margin: 17px 42px 84px 36px;
border: 0;
padding: 0;
}

.project-division {
width: 247px;
height: 130px;
margin: 0 15px 15px 0;
float:left;
background-color:#CC0099;
}

.project-division-end {
width: 247px;
height: 130px;
margin: 0 0 15px 0;
float:left;
background-color:#FF0099;
}

.about {
width:499px;
height:542px;
float:left;
padding:0;
margin:0;
}

.services h2, .about h2, .news h2, .contact h2, welcome-intro h2 {
margin: 67px 106px 0 106px;
padding:0;
}

.services p, .about p, .news p, .contact p, .welcome-intro p {
margin: 17px 106px 0 106px;
padding:0;
}

.projects h2 {
margin: 67px 106px 0 36px;
padding:0;
}


.services {
width:499px;
height:542px;
float:left;
padding:0;
margin:0;
}

/* --------------- News Page --------------- */

.news {
width:810px;
height:542px;
float:left;
padding:0;
margin:0;
}

.news-frame {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

.news-frame h2 {
margin:0;
padding:6px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-weight:normal;
margin-bottom:10px;
font-size:11px;
}

.news-frame p {
margin-bottom:10px;
font-size:11px;
line-height:1.2;
padding: 0 6px;
color:#333;
}

.news-item {
margin-bottom:10px;
font-size:11px;
line-height:1.2;
padding: 0 6px;
color:#333;
}

.news-author {
font-size:10px;
margin-bottom:17px;
padding: 0 6px;
color:#666;
}

.contact {
width:499px;
height:542px;
float:left;
padding:0;
margin:0;
}
/* --------------- End of News --------------- */

.end {
width:379px;
height:542px;
float:left;
padding:0;
margin:0;
}

.thank-you {
text-align:center;
margin-bottom:30px;
margin-top:120px;
}

/* --------------- Back Buttons --------------- */

.back-buttons {
text-align:left;
width:4349px;
}

.back-button-start {
width: 394px;
text-align:right;
float:left;
display:inline;
}

.back-button-projects {
height: 44px;
width: 1074px;
text-align:right;
float:left;
display:inline;
padding-right: 72px;
}

.back-button-about {
height: 44px;
width: 450px;
text-align:right;
float:left;
padding-right: 106px;
display:inline;
}

.back-button-services {
height: 44px;
width: 400px;
text-align:right;
float:left;
display:inline;
padding-right: 106px;
}

.back-button-news {
height: 44px;
width: 655px;
text-align:right;
float:left;
display:inline;
padding-right: 115px;
}

.back-button-contact {
height: 44px;
width: 400px;
text-align:right;
float:left;
display:inline;
padding-right: 180px;
}

.copyright {
height: 44px;
width: 4349px;
text-align:right;
float:left;
display:inline;
}

.copyright1 {
height: 44px;
width: 400px;
text-align:right;
float:left;
display:inline;
padding-left:215px;
}

.copyright2 {
height: 44px;
width:400px;
text-align:right;
float:left;
display:inline;
padding-left:830px;
}

.copyright3 {
height: 44px;
width:400px;
text-align:right;
float:left;
display:inline;
padding-left:610px;
}

.copyright4 {
height: 44px;
width:400px;
text-align:right;
float:left;
display:inline;
padding-left:890px;
}

/*********************** Blog Posts ************************/

p {
margin-top: 17px;
}