/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */                               `

body{
	margin:0px !important;
	padding:0px !important;
	background-color:#fff;
	text-align: center;
	border:1px solid black;
}

html, body {
	height: 100%;
	margin:0px !important;
	padding:0px !important;

}

body, a{
font-size: 11px;
font-family:"nimbus-sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#787878;
text-decoration:none;
}

::selection{ background: #00ffff; color:#000; text-shadow:none; /* Safari */ }
::-moz-selection{ background: #00ffff; color:#000; text-shadow:none; /* Firefox */ }

a:hover{ text-decoration:underline;}

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, h5, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }

h1, h1 a, h1 a:hover{
font-family:"nimbus-sans",Arial, Verdana, Times New Roman, Georgia, Helvetica, sans-serif;
font-size:15px;
line-height:20px;
color:#464646;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

h2, h2 a{
font-family:"nimbus-sans",Arial, Verdana, Times New Roman, Georgia, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
color:#1f1f1f;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

h3{
font-family:"nimbus-sans",Arial, Verdana, Times New Roman, Georgia, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#1f1f1f;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

h5{
font-family:"nimbus-sans",Arial, Verdana, Times New Roman, Georgia, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
color:#7B7B7B;
font-weight:normal;
text-decoration:none;
}

#page{ width:1180px; margin:0px auto; text-align:left; background-color:#ffffff;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top css */

#top{ height:210px; position:relative; }
#top .logo{ position:absolute; top:34px; left:100px; }
#top .logo span{ font-size:14px; padding-left:43px; position:relative; top:-7px;}
#top #top-slide-menu{ position:absolute; top:104px; left:885px; width:110px; height:60px; }
#top .top-line-gray{ position:absolute; top:83px; left:62px; width:666px; height:1px; background-color:#d4d2cd;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */

#top-nav.top-nav1{ position:absolute; top:95px; left:480px; width:175px; }
#top-nav.top-nav2{ position:absolute; top:95px; left:670px; width:145px; }
#top-nav.top-nav3{ position:absolute; top:95px; left:780px; width:145px; }
#top-nav .top-nav-wrapper{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#top-nav ul{
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 
list-style-type:none; display:block;
}
#top-nav ul li{ 
padding:0px 0px 0px 13px; margin:0px 0px 0px 0px; 
background-image:url(/images/arrow_1x8.gif);
background-repeat:no-repeat;
background-position:left 9px;
}
 
#top-nav.top-nav1 ul li a, #top-nav.top-nav2 ul li a, #top-nav.top-nav3 ul li a{
line-height:12px;
font-family:'nimbus-sans', Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
text-transform: lowercase;
}
#top-nav ul li:hover{ background: none !important;}
#top-nav ul li a:hover{ text-decoration:none; color:#00ffff; }
/*#top-nav ul li a:visited{ color:#00ffff; }*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main css */

#header{ position: relative; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle{ width:1180px; }
#middle .middle-wrapper{ padding:0px 0px 50px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#left{ width:280px; float:left; }
#left .left-wrapper{ padding:0px 0px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:640px; float:left; }
#content .content-wrapper{ padding:0px 0px 0px 0px; }

#content .line{ background-color:#d9d9d9; margin:0px 0px 30px 0px;}
#content .readmore{ margin:0px 0px 0px 0px;}
#content .readmore a{
font-family:"nimbus-sans",Arial, Verdana,Helvetica, sans-serif;
font-size:15px;
line-height:16px;
color:#181818;
font-weight:normal;
text-decoration:none;
}

.line1pxblack{ width:100%; height:1px; background-color:#000; }
.line1pxgray{ width:100%; height:1px; background-color:#efefef; }
.line1pxblue{ width:100%; height:1px; background-color:#78ebff; }
.line3pxblack{ width:100%; height:3px; background-color:#000; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */

#right{ width:220px; float:left; }
#right .right-wrapper{ padding:0px 0px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right-nav css */

#right-nav{}
#right-nav .right-nav-wrapper{ padding:0px 0px 0px 0px; }
#right-nav ul{ 
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 
list-style-type:none; display:block;
text-align: left;
}
#right-nav ul li{ padding:0px 0px 0px 0px; }
 
#right-nav ul li a{
font-size: 10px;
font-family:"nimbus-sans", Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
/*font-family:"nimbus-sans", Verdana, Arial, Helvetica, sans-serif;*/
line-height: 16px;
color:#717171;
font-weight:normal;
text-decoration:none;
/*text-transform: uppercase;*/
}
#right-nav ul li a:hover{ text-decoration:none; color:#00ffff; }
/*#right-nav ul li a:visited{ color:#00ffff; }*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ antet css */

#page-header{ height:50px; position: relative; }

#page-header, #page-header a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
color:#444444;
font-weight:normal;
text-decoration:none;
}
#page-header a{ text-decoration: underline;}

#page-header .comments{ position:absolute; top:0px; left:235px; width:235px; background-color:#464646; padding:2px 0px 2px 20px;}
#page-header .comments, #page-header .comments a{
font-family:"nimbus-sans",Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#ffffff;
font-weight:normal;
text-decoration:none;
}
#page-header .share{ position:absolute; top:20px; left:245px; }
#page-header .date{ position:absolute; top:21px; left:330px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ antet css */

#trends-header{
border-top:1px solid #2e2e2e;
height:60px; position: relative;
}
#trends-header, #trends-header a{
font-family:"nimbus-sans",Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#444444;
font-weight:normal;
text-decoration:none;
}
#trends-header a{ text-decoration: underline; }

#trends-header .title{ position:absolute; top:10px; left:0px; }
#trends-header .title h2{
font-family:"nimbus-sans",Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
line-height:16px;
color:#000;
font-weight:normal;
text-decoration:none;
}

#trends-header .comments{ position:absolute; top:0px; left:255px; width:215px; background-color:#464646; padding:2px 0px 2px 20px;}
#trends-header .comments, #trends-header .comments a{ color:#ffffff !important; }
#trends-header .share{ position:absolute; top:20px; left:265px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */

#footer{ width:100%; height:130px; position: relative; text-align:left;}
#footer, #footer a{
font-family:"nimbus-sans",Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
font-weight:normal;
color:#2e2e2e;
color:#A9A9A9;
text-decoration:none;
}
#footer a:hover{ text-decoration: underline;}
#footer .line1{ position:absolute; top:0px; left:100px; border-top:1px solid #d4d4d4; width:230px; }
#footer .line2{ position:absolute; top:0px; left:400px; border-top:1px solid #d4d4d4; width:650px; }
#footer .copy{ position:absolute; top:18px; left:100px; text-align:left;}

#footer-nav{ position:absolute; top:18px; left:400px; width:405px; }
#footer-nav .option{ width:135px; float:left; text-align: right;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }
.option-float{ float:left; width:200px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ comments css */

.comment-description{
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding-top:25px;
padding-left:10px;
}

.comment-details{
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding-top:10px;
padding-left:10px;
border-bottom: 1px solid #aaa;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ contact-form css */

#contact-form{ margin-left:20px; padding-bottom:20px; padding-top:20px; } 
#contact-form #company-lead-form{}
#contact-form #company-lead-form p{color:#FF0000;}
#contact-form #company-lead-form table{border:0px; margin:0px;}
#contact-form #company-lead-form table tr td{ font-family:"nimbus-sans",Arial, Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:#272A31; padding:2px; line-height:15px; }
#contact-form #company-lead-form table tr .column1{ text-align:left; padding-left:10px; width:230px; line-height:14px; }
#contact-form #company-lead-form table tr .column2{ text-indent:5px; } 
#contact-form #company-lead-form table tr .column1-error{ text-align:right; color:#FF0000; }
#contact-form #company-lead-form table tr td input, #contact-form #company-lead-form table tr td select, #contact-form #company-lead-form table tr td textarea{ font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;  font-weight:normal; text-decoration:none; color:#000;  border:1px solid #333; width:220px; height:22px; background-color:#fff !important; margin-bottom:5px;}
#contact-form #company-lead-form table tr td .phone1{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone2{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone3{ width:70px !important; }
#contact-form #company-lead-form table tr td select{}
#contact-form #company-lead-form table tr td textarea{ height:120px !important; }
#contact-form #company-lead-form table tr td .submitbutton{ width:auto; height:auto; border:none; }

#logodesign-item{ width:805px; border-bottom:5px solid #83765B; }
#logodesign-item .wrapper{ padding:25px 0px 25px 0px; }
#logodesign-item .image{ width:200px; float:left; }
#logodesign-item .text{ width:600px; float:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ special css */

.line-with-triangle-left{
border-top:1px solid #c2c2c2;
width:100%; height:15px;  
background-image:url(/images/bg_triangle.gif);
background-repeat:no-repeat;
background-position:left 11px;
}

.border-text{
border-top:4px solid #2C3034;
border-bottom:1px solid #2C3034;
line-height:26px;
font-size:14px;
font-weight:bold;
color:#C39200;
text-indent:5px;
margin-bottom:10px;
}

.white-space-box{
background-color:#E7E7E7;
padding:15px;
}

.yellow-no{
color:#fff;
font-weight:bold;
background-color:#C39200;
padding:0px 2px;
}

.fashion{
padding:5px 0px 30px 0px;
}

/* special css */

.special-link{
width:213px; height:19px;
background-image:url(/images/bg_special_link.gif);
background-repeat:no-repeat;
background-position:left top;
}
.special-link-wrapper{ padding:3px 0px 0px 20px; }
.special-link a{
font-family:"nimbus-sans",Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-transform:none;
}

.logos-link{}
.logos-link-wrapper{ padding:7px 0px 0px 0px; }
.logos-link a{
font-family:"nimbus-sans",Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
font-weight:bold;
color:#2e2e2e;
text-decoration:none;
text-transform:none;
}
.logos-link a:hover{ color:#00ffff;}

div.recent_work{
	background-image:url('/images/recent-bg1.gif');
	width:125px;
	height:22px;
	float:right;
	margin-right:183px;
}
div.recent_work a{
	display:block;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	margin-left:5px;
	padding-top:8px;
	width:161px;
	color:white;

}
div.recent_work a:hover{
	text-decoration:none;
}
div.selector_text{
	display:inline;
	position:relative;
	top:-7px;
	margin:0px 10px 0px 10px;
}
div.logos-nav{
	width:90px;
}