body {
    margin: 0 auto;
    text-align: left;
    background:#242b3b;
    color:#fff;
    font-family:"Arial","Trebuchet MS",sans-serif;
    font-size: 12px;
    }

a {
    color:#3c5bdf;
    text-decoration: none;
    }

a:hover {
    color:#0e32d0;
    }

img {
    border: 0;
}

.border1{border: 1px solid #2f4377;}

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

.middle {vertical-align: middle;}

.floatleft {float: left;}
.floatright {float: right;}
.floatcenter {float: center;}

.marginB10 {margin-bottom: 10px;}

.font14 {font-size: 14px;}
.font10 {font-size: 10px;}

.strong {font-weight: bold;}

.underline {text-decoration: underline;}
.uppercase {text-transform: uppercase;}

.clear {clear:both;}

.font24 {font-size: 24px;}
.font16 {font-size: 16px;}

.blue {color: #0075bf;}
.orange {color: #e8ae10;}
.green {color: #009445;}
.red {color: #bf1e2d;}

.bump {margin-top: 10px;}


h1 {font-size: 12px; padding: 0; margin: 0; padding: 0;}

h2 {font-size: 12px; font-weight: normal;}

h3 {font-size: 12px; font-weight: normal;}


#body {
    margin: 0 auto;
    width: 960px;
    padding-left: 60px;
    background: url(/images/bkg.png) repeat-y;
    }
/*----------------------------------------------------------------------------------------------------------------------------------Header-------*/
.headerBKG {background: url(/images/bkg_header.png) no-repeat; width: 900px;}

.leftSide {float: left; height: 694px; width: 30px; margin: 0;}

.flash1 {width: 30px; margin: 0; padding: 0;}

.bodyFloat {width: 840px; float: left; padding-left: 10px;}

.fullheader {height: 150px; padding-bottom: 5px;}

.logo {height: 110px; width: 400px; margin-left: 30px;}

#nav-menu {
    height: 29px;
	background: #3a4153;
    padding: 1px 1px 1px 90px;
    text-align: center;
    }

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

#nav-menu li {
    float: left;
    margin: 0; 
    padding:0;
    }

#nav-menu li a:link, #nav-menu li a:visited, #nav-menu li a:hover {
    height: 16px;
    padding: 6px 18px 7px 18px;
    float: left;
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    }

#nav-menu li a:hover {
    color: #2f4377;
	background: url(/images/menu_gear.gif) no-repeat;
    }

/*----------------------------------------------------------------------------------------------------------------------------------Home Body-------*/

h1.homeH1 {
    font-size: 12px;
    color: #8c9098;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    }

.workingBody {
    width: 840px;
    background: url(/images/bkg_body.png) repeat;
    }

.headerIMG {margin: 0 auto; padding-bottom: 25px;}

h2.homeICON1 {float: left; width: 378px; margin: 0 auto; padding: 0; text-align: center; margin-left: 18px;}
h2.homeICON {float: right; width: 378px; margin: 0 auto; padding: 0; text-align: center; margin-right: 18px;}

.pageTitle {
    padding: 15px 30px 5px 15px;
    float: left;
    }

.homeLeft {
    width: 400px;
    float: left;
    padding: 0 20px;
    }

.homeRight {
    float: left;
    width: 355px;
    margin-left: 20px;
    }

.insighttitle {
    font-size: 14px;
    color: #efefef;
    font-weight: bold;
    }

.insightblurb {
    padding-left: 25px;
    line-height: 18px;
    padding-bottom: 8px;
    }

.intheworks {
    padding: 0px 0 0 0;
	}

.homeItem {
    width: 400px;
    height: 200px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #000;
    }
    
.homeLower {
    width: 820px;
    margin: 15px 10px;
    padding-top: 10px;
    border-top: 2px solid #e7ebf4;
    }

.homeL2 {
    width: 300px;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    }

.homeL2 a, .homeL2 a:visited {color: #536ca5; text-decoration: none;}
.homeL2 a:hover {color: #8ba5e1;}
/*----------------------------------------------------------------------------------------------------------------------------------Designs-------*/
h3.designintro {
    width: 550px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    float: left;
    padding: 0;
    }

.designmenu {
    width: 750px;
    margin: 20px 0 0 40px;
    border-bottom: 1px solid #fff;
    }

.designmenu1 a, .designmenu1 a:visited {background-image:url(/images/web2.png); border: 0;}
.designmenu1 a:hover {background-image:url(/images/web1.png); border: 0;}

.designmenu2 a, .designmenu2 a:visited {background-image:url(/ws/arkelopeNEW/images/print2.png); border: 0;}
.designmenu2 a:hover {background-image:url(/images/print1.png); border: 0;}

.designmenu3 a, .designmenu3 a:visited {background-image:url(/ws/arkelopeNEW/images/mobile2.png); border: 0;}
.designmenu3 a:hover {background-image:url(/images/mobile1.png); border: 0;}

.designbody {
    width: 750px;
    margin-left: 40px;
    }

.websideNav {
    width: 130px;
    padding: 20px 10px 15px 5px;
    border-bottom: 1px solid #767f96;
    font-weight: bold;
    line-height: 20px;
    float: left;
    font-size: 10px;
    }

.websideNav a, .websideNav a:visited {color: #e6e6e6; text-decoration: none;}
.websideNav a:hover {color: #fff;}

.navTitle {
    font-size: 16px;
    padding-bottom: 10px;
    color: #d1d6e2;
    font-weight: bold;
    }

.navbump {padding-left: 5px;}

.designActual {
    float: left;
    width: 560px;
    padding: 35px 20px 25px 25px;
    background: url(/images/fade_20.png) repeat;
    }

.designImage {
    margin-bottom: 20px;
    border: 1px solid #000;
    }

.designSImage {
    margin-right: 10px;
    border: 1px solid #000;
    float: left;
    }

.designSImage2 {
    margin-right: 10px;
    border: 1px solid #000;
    float: left;
    margin-bottom: 10px;
    }

h1.designTitle {
    font-size: 16px;
    color: #fff;
    font-weight: strong;
    padding-bottom: 10px;
    }

.moreViews {
    font-size: 14px;
    float: left;
    padding-right: 10px;
    padding-top: 15px;
    }

.designVisit {
    float: right;
    font-size: 12px;
    }

.designVisit a, .designVisit a:visited {color: #e6e6e6; text-decoration: none;}
.designVisit a:hover {color: #fff;}

h2.designInfo {
    font-size: 12px;
    color: #efefef;
    padding-top: 15px;
    padding-left: 10px;
    }

.printbox {
    width: 550px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 10px;
    }

h2.designInfo2 {
    font-size: 12px;
    color: #efefef;
    padding-left: 50px;
    }

.printCatagory {
    font-size: 14px;
    font-weight: bold;
    color: #e0e7f3;
    padding-bottom: 10px;
    }

/*----------------------------------------------------------------------------------------------------------------------------------Our Clients-------*/
h1.clientelintro {
    width: 500px;
    margin-left: 150px;
    line-height: 18px;
    }

.clientdir {
    padding: 35px 0 5px 40px;
    color: #a4a4a4;
    }

.clientbody {
    margin-left: 40px;
    border-top: 1px solid #fff;
    width: 740px;
    height: 300px;
    padding-top: 10px;
    }

h2.clientLeft {
    float: left;
    width: 345px;
    margin-right: 18px;
    padding-left: 15px;
    }

h2.clientRight {
    float: left;
    width: 345px;
    }

.clogofit {
    padding: 0 5px 0 0;
    float: left;
    }

.clientName {
    height: 35px;
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 3px;
    color: fff;
    }

.clientName a, .clientName a:visited {color: #fff; text-decoration: none;}
.clientName a:hover {color: #acacac;}

.clientAnswer {
    padding: 0 10px 25px 20px;
    margin-left: 22px;
    }

.clientAnswer a, .clientAnswer a:visited {color: #c5c5c5; text-decoration: none;}
.clientAnswer a:hover {color: #fff;}


/*----------------------------------------------------------------------------------------------------------------------------------Services-------*/

h1.servicesintro {
    width: 550px;
    margin-left: 150px;
    line-height: 18px;
    }

.servicesbody {
    margin-left: 60px;
    border-top: 1px solid #767f96;
    width: 719px;
    margin-top: 40px;
    }

.serLeft1 {
    float: left;
    width: 200px;
    padding: 10px 0;
    }
.serRight1 {
    float: left;
    width: 479px;
    padding: 20px 0 20px 20px;
    }
.serRight2 {
    float: left;
    width: 200px;
    padding: 10px 0;
    }
.serLeft2 {
    float: left;
    width: 479px;
    padding: 20px 0 20px 20px;
    text-align: right;
    }
.serLine {
    width: 719px;
    height: 1px;
    background: #767f96;
    }
h2.serBlock1 {
    width: 203px;
    float: left;
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    }
h2.serBlock2 {
    width: 203px;
    float: left;
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    }

/*----------------------------------------------------------------------------------------------------------------------------------Generic-------*/
h2.generictext {
    width: 500px;
    float: left;
    }

.genericformat {
    margin-left: 30px;
    }

h2.studiotext {
    text-align: left;
    }

h2.studiotext a, h2.studiotext a:visited {color: #ffefdf; text-decoration: none;}
h2.studiotext a:hover {color: #fff; text-decoration: underline;}

.studioformat {
    margin-left: 30px;
	width: 775px;
	height: 800px;
	background: url(/images/bkg_studio.png) no-repeat;
    }

h2.contacttext {
    width: 800px;
    }

.contactT {text-align: center; padding-bottom: 10px; margin-top: 25px; color: #fff;}

.contactB {width: 710px; padding: 20px; color: #fff;}

.contact1 {float: left; padding: 6px 5px 0 0; width: 65px; text-align: right;}

.contact2 {float: left; margin-bottom: 10px;}

.contactM1 {float: left; padding-bottom: 5px;}

.contactM2 {float: left; padding-bottom: 10px;}

.1msgSent {text-align: center; margin-top: 75px; color: #00162F;}

.inputbox1 {
	padding: 5px;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	width: 300px;
	color: #535353;
	}

.boxinput {
	width: 600px;
	height: 200px;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #535353;
	float: left;
	margin-bottom: 10px;
	font-family: Arial;
	}

/*----------------------------------------------------------------------------------------------------------------------------------Footer-------*/
#footer {
    margin-left: 40px;
    width: 840px;
    padding-top: 50px;
    padding-bottom: 30px;
	background: url(/images/bkg_footer.png) no-repeat;
    text-align: center;
    font-weight: bold;
    line-height: 26px;
    color: #828690;
    }
#footer a, #footer a:visited {color: #828690; text-decoration: none;}
#footer a:hover {color: #fff;}