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

body{
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 color:#666;
 margin:0;
 padding:0;
 font-weight:normal;
 }

#main{
 margin:0 auto; padding:0;
 position:relative;
 background: url(../images/mainbg.png) repeat-x;
 }

#main1{
 margin:0 auto; padding:0;
 background: url(../images/mainbg1.png) repeat-x;
 }

.wrap{
 width:900px;
 margin:0 auto;
 position:relative;
 padding:0;
}

img{
 margin:0;
 border:none;
 }

p img.left  {
 float: left;
 margin:5px 8px 8px 0;
 padding:5px;
 border:1px solid #ddd;
 }

p img.right  {
 float: right;
 margin: 5px ;
 padding:5px;
 border:1px solid #ddd;
 }

h1,h2,h3,h4,h5,h6 {
 color:#000;
 font-weight:normal;
 font-family:Georgia, "Times New Roman", Times, serif;
 }

h1{
 font-size:28px;
 }


h2{
 margin:0;
 padding:0;
 font-size:24px;
 }

h3{
 font-size:20px;
 }

h4{
 font-size:13px;
 }

h5{
 font-size:10px;
 }

h6{
 font-size:8px;
 }


/*	General Links			*/

a:link,a:active,a:visited,a:hover{
 color:#2281bc;
 outline: none;
 text-decoration:underline;
 }
a:hover{
 text-decoration:none;
 }

/*	Top			*/

#top{
 margin:0; padding:0;
 height:75px;
 }

/*	Header			*/

#header{
 float:left;
 width:390px;
 height:75px;
 margin:0;
 padding:0;
 }

#header h1{
 font-size:36px;
 font-family:Georgia, "Times New Roman", Times, serif;
 margin:0;
 padding:1px;
 text-indent:-999px;
 background: url(../images/logo.png) no-repeat ;
 height:75px;
 }

/*	Navigation			*/

#nav{
 float:right;
 width:500px;
 height:75px;
 margin:0;
 padding:0;
 list-style: none;
 float:right;
 }

#nav ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
}

#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
 display: block;
 line-height:13px;
 margin: 0px 0px 0px 0px;
 padding: 18px 5px 7px 5px;
 text-decoration: none;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:20px;
 color:#ffffff;
 }

#nav ul li a:hover {
 display: block;
 color:#7db1d1;
 text-decoration: underline;
 }

.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active  {
 color: #fff !important;
 }

#nav li {
 float: right;
 margin: 0px;
 padding: 0 0 0 10px;
 }

#nav li ul {
 position: absolute;
 width: 10em;
 left: -999em;
 }

#nav li:hover ul {
 left: auto;
 display: block;
}

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}

/*	Featured-Container		*/

#featured-container {
 margin:0;
 height:282px;
 position:relative;
 color:#444;
 }

#featured-container h2{
 padding:15px 0 15px 0;
 font-size:33px;
 color:#118ba2;
 font-weight:normal;
 width:490px;
 border-bottom:1px solid #3c91a4;
 }

#featured-container p{
 font-size:16px;
 line-height:150%;
 padding-bottom:20px;
 margin-bottom:25px;
 width:490px;
 border-bottom:1px solid #3c91a4;
 }

img.featured-image{
 float:right;
 width:364px;
 height:244px;
 padding:15px;
 background:#daeaec;
 border:1px solid #0686a3;
 margin:0 0 0 10px;
 }

.ribbon{
 position:absolute;
 float:right;
 width:130px;
 top:-3px;
 right:-3px
 }

.more a, .port a{
 width:106px;
 display:block;
 height:30px;
 text-indent:-9999em;
 overflow:hidden;
 }

.more a:hover, .port a:hover{
 background-position:0 -30px;
 }

.more a{
 float:left;
 margin-right:15px;
 display:block;
 background: url(../images/more.png) no-repeat;
 }

.port a{
 background: url(../images/port.png) no-repeat;
 }

/*	Content		*/

#content{
 margin:5px 0 0 0;
 padding:10px 0 0 0;
 }

#content ul li{
 list-style:square;
 }

#content ul, #content ol {
 line-height:150%;
 }

#content p{
 line-height:150%;
 }

h2.hello, h2.recent,h2.event, h2.client  {
 height:30px;
 text-indent:-9999em;
 padding-bottom:10px;
 }

/*	Left-Container		*/

#left-container{
 padding-right:20px;
 float:left;
 width:900px;
 }

#left-container p{
 line-height:150%;
 font-size:16px;
 }

#left-container-contact{
 padding-right:20px;
 float:left;
 width:570px;
 border-right:1px solid #ddd;
 }

#left-container-contact p{
 line-height:150%;
 font-size:16px;
 }

.blog{
 padding:0 0 10px;
 }

.blog-meta {
 margin:10px 0 0 0;
 display:block;
 color:#b3440e;
 padding:0;
 font-size:13px;
 }

h2.hello {
 background: url(../images/hello.png) no-repeat;
 }

.information p{
 padding-bottom:15px;
 border-bottom:1px solid #ddd;
 margin:0;
 }

h2.recent{
 background: url(../images/recent.png) no-repeat;
 height:30px;
 text-indent:-9999px;
 padding-bottom:10px;
 position:relative;
 top:15px;
 }

.work{
 position:relative;
 top:10px;
 height:218px;
 padding:5px 0 0 0;
 }

.work p{
 margin-top:10px;
 width:260px;
 padding-top:5px;
 border-top:1px dashed #ddd;
 }

.work h3{
 font-size:18px;
 font-weight:400;
 color:#0c7488;
 margin:5px 0 8px 0;
 }

.meta{
 color:#c34507;
 font-size:13px;
 margin:0;
 }

.work img{
 float:right;
 padding:5px;
 background:#eee;
 border:1px solid #ddd;
 margin:0 0 10px 10px;
 }


/*	Right-Container		*/

#right-container{
 width:290px;
 float:right;
 font-weight:normal;
 padding-left:10px;
 }

.news{
 border-bottom:1px solid #ddd;
 }

h2.event{
 background: url(../images/news.png) no-repeat;
 margin:0;
 }

.article p{
 margin-top:8px;
 line-height:150%;
 margin-bottom:20px;
 }
.article h3{
 margin:2px 0 6px 0;
 font-size:16px;
 color:#0c7488;
 font-weight:normal;
 }

.date{
 font-size:13px;
 color:#999999;
 }

.testimonial{
 padding-top:10px;
 }

h2.client {
 background: url(../images/clients.png) no-repeat;
 }

.testimonial p{
 margin-top:3px;
 line-height:150%;
 margin-bottom:20px;
 }

.author{
 color:#cc0033;
 font-size:13px;
 display:block;
 margin-top:5px;
 }

/*	Portfolio Artcile		*/

.website-container{
 border:1px solid #ddd;
 margin:15px 0;
 padding: 10px 10px 10px 0;
 background:#f1f1f1;
 }

.website-container h2{
 color:#0c7488;
 }

.website-container img{
 float:left;
 padding:7px;
 background:#fff;
 margin: 0 20px 0 10px;
 border:1px solid #ddd;
 }

.website-container a{
	font-weight: bold;
}

.website-container p{
 margin:10px 0;
 padding:0;
 }

/*	Contact Form			*/

.contact-form {
 margin:0 0 10px 0;
 padding:0 0 10px 0;
 }

form {
 padding:0;
 margin:0;
}

fieldset {
 border: none;
 margin:0 0 0 0;
 padding:7px 0 0 0 ;
 }

input, textarea, a {
 outline: none;
 }

.contact p{
 margin:0 0 8px 0;
 padding:0;
 }
 
.contact-form input {
 width: 220px;
 margin: 2px 0 10px 0;
 border: 1px solid #ddd;
 background: #f1f1f1;
 height:20px;
 font-size: 12px;
 color:#000;
 padding:5px 0 0 5px;
 }

label {
 display: block;
 font-size: small;
 font-weight: bold;
 width:100px;
 float:left;
 margin:0;
 padding:0;
}

textarea {
 width: 350px;
 height: 150px;
 display: block;
 border: 1px solid #ddd;
 background: #f1f1f1;
 margin: 0 ;
 padding:5px 0 0 5px;
 font-size: small;
 color:#000;
 }

input.submit {
 font-size: small;
 font-weight: bold;
 width:90px;
 color:#000;
 height:30px;
 margin:0 0 0 100px;
 padding:0;
}

/*	Footer		*/

#footer {
 clear:both;
 color:#fff;
 float:left;
 width:100%;
 height:30px;
 margin:50px 0 0; padding:12px 0 0 0;
 background:#262626;
 text-align:center;
}

.clear
{
 clear:both;
}

/*Messages*/

.error,
.notice,
.success                                                   { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; }
.error                                                     { background: #fbe3e4; color: #8a1f11; border-color: #ff0000; }
.notice                                                    { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success                                                   { background: #e6efc2; color: #264409; border-color: #c6d880; }
.error a, .error a:link, .error a:active, .error a:visited { text-decoration: underline; color: #8a1f11; }
.error a:hover { text-decoration: none; }
.notice a, .notice a:link, .notice a:active, .notice a:visited { text-decoration: underline; color: #514721; }
.notice a:hover { text-decoration: none; }
.success a, .success a:link, .success a:active, .success a:visited { text-decoration: underline; color: #264409; }
.success a:hover { text-decoration: none; }